/*
Croft Drozd Communications Stylesheet
---------------------------------------------------------
All styles contained herein define the visual presentation 
for the  web site

Created: 12/08/07
Modified: 12/08/07

Created by Gavin Cooper (gavin@coopergraphicdesign.com)

*/
	
/* LAYOUT */
body { background-image:url(../images/bk.jpg); background-repeat:repeat-x; font: 12px/21px Georgia, Times; color: #000; background-color: #4396a6; }
#page .content { width: 100%; background: #fff url(../images/banner_green.jpg) no-repeat 0 145px; }
#page .contentflip{ width: 100%; background: #fff url(../images/banner_green2.jpg) no-repeat 0 145px; }

/* PAGE GLOBAL -------------------------------------------------------------------------------------------------------------------------------------------- */
#page { width: 710px; margin-top:10px; margin-left:auto; margin-left:auto; }
#top { padding: 0; margin-top:200px; height: 76px; width:100%; }
#logo { width:131px; height:76px; background-image: url(../images/logo.gif); background-repeat: no-repeat; background-position: 0 0; float:left; }
#main { clear: both;  }
#main {border-bottom:1px solid #eee;}
#colL { float: left; background-color:#fff; width: 165px; }
 #main #colL a { text-decoration:none; color:#0f5274;}
#colL .wrapper { padding: 0; margin:0; }
#colM { width: 600px; float: right; }
#colM .wrapper { padding: 12px; }
#footer { margin:0 auto; clear: both; height:100px; color: #000; width: 710px; }
#footer .wrapper { padding: 10px 0 0 100px; }
#footer a:link, #footer a:visited, #footer a:active { color: #000; text-decoration: none; }
#footer a:hover, #main a:hover { color:#f26522; }
#name { height:109px; background:url(../images/logo.gif) no-repeat 10px 30px; }
/*#nav1, #home #name { z-index:1;position:absolute;}
#flashbanner{ z-index:-1;position:absolute; }*/


/* PAGE SPECS -------------------------------------------------------------------------------------------------------------------------------------------- */
#home #colM .wrapper { padding: 12px; background: #fff; min-height:100px; }
#home #colL { display:none; }
#home #colL .wrapper { padding: 15px; margin:0; background: #fff; }
#home #colL p{ font:  14px/22px Georgia, Times; letter-spacing: 0.02em; color: #2F7604; }
.italic{ font: italic 14px/22px Georgia, Times; letter-spacing: 0.05em; color: #446F0C; }
#home #colM { width: 85%; background-color:#fff; float: left; margin-left: 75px; }
#home #colM p { margin-bottom:9px; line-height: 26px; font-size: 1.2em; }
#home #colM .wrapper { margin-left: 0; padding: 20px 120px 20px 20px; min-height:150px; }
#home #colM .main { }
#page .contentflip #banner{text-align:right; padding-top:15px; }
#banner {padding-top:15px; min-height:100px; }

#banner {padding-top:0;}
#home #page { width:710px; margin-left:auto; margin-right: auto; }
#home #logo { width:131px; height:200px; background-image: url(../images/logo.gif); background-repeat: no-repeat; background-position: 0 125px; float:left; }
#home #content, #home #top, #home #main { width:710px; }
#home #colM .wrapper { background-color:#fff; padding:15px 75px 15px 15px; }
#home #nav2 { width: 100%; }
#home #nav2 dd { width:225px; display:inline; list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0; }
#home #nav2 dl { display: inline; overflow: hidden; }
#home #nav2 dd a { display: inline; background-image: url(../images/homepage_projects.jpg); background-repeat: no-repeat; padding:0; }

#cs #colM { width: 542px; float: right; }
#cs #page { width:710px; margin-left:auto; margin-right: auto; }
#cs #logo { width:131px; height:200px; background-image: url(../images/logo.gif); background-repeat: no-repeat; background-position: 0 125px; float:left; }
#cs #content, #cs #top, #cs #main { width:100%; }
#cs #colM .wrapper { padding:0 15px 0 15px; border-left: 1px solid #ccc; }
#cs #colL .wrapper { padding-left:20px; }

#about #colM { width: 542px; float: right; }
#about #page { width:710px; margin-left:auto; margin-right: auto; }
#about #logo { width:131px; height:200px; background-image: url(../images/logo.gif); background-repeat: no-repeat; background-position: 0 125px; float:left; }
#about #content, #about #top, #about #main { width:100%; }
#about #colM .wrapper { padding:0 15px 0 15px; border-left: 1px solid #ccc; }
#about #colL .wrapper { padding-left:20px; }
#flashbanner, #flashwrapper{ float:none; margin: 0; padding: 0; }
#about #content {  background: url(../images/banner_green.jpg) no-repeat 0 0; }

/* MAIN NAVIGATION -------------------------------------------------------------------------------------------------------------------------------------------- */
#nav1 { border-bottom:1px solid #ccc; background-color:#0f5274; height:35px; line-height: 30px; z-index: 200; }
#nav1 ul{float:right;}
#nav1 ul, #nav1 li{ padding:0; margin:0;}
#nav1 li { display:inline;}

#nav1  a:link,#nav1  a:visited, #nav1  a:active{ color:#fff; text-decoration:none; }

ul.dropdown { position: relative; z-index:2000; width:500px; float:right; }
ul.dropdown li { float: left; zoom: 1; }
ul.dropdown a:hover {background:#07405e; }
ul.dropdown li a { display: block; padding: 2px 6px; border-left:1px solid #ccc;}
ul.dropdown li.hover, ul.dropdown li:hover{ background: #07405e; position: relative; }
ul.dropdown li.hover a { color: #fff; }

/* LEVEL TWO*/
ul.dropdown ul { width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0;background: #07405e;}
ul.dropdown ul li { float: none;}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 195px; display: inline-block; background:none;border-bottom:1px dotted #eee; padding:0 0 0 5px;}
ul.dropdown ul li:hover a, ul.dropdown ul li a:hover {background:#0f5274;}


/* LEVEL THREE*/
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }

/* SECONDARY NAVIGATION -------------------------------------------------------------------------------------------------------------------------------------------- */
#nav2, #nav2 dt, #nav2 dd, #nav2 dd ul, #nav2 dd li { list-style-type: none; margin: 0 !important; padding: 0 !important; text-indent: 0; }
#nav2 dd { margin-left:10px; }
#nav2 dl, #nav2 dt, #nav2 dd, #nav2 dd a { display: block; width:137px; }
#nav2 dt { font: bold 11px Verdana, Helvetica, sans-serif; letter-spacing: 1px; margin-bottom: 5px !Important; color: #3b3613; }
#nav2 dd { font: normal 11px/17px Verdana, Helvetica, sans-serif; margin-bottom: 5px !important; }
#nav2 a { background:#f5f6db; padding:4px; border-left: 2px solid #d1d482; }
#nav2 a:link, #nav2 a:visited, #nav2 a:active { width:100%; color: #000; text-decoration: none; }
#nav2 a:hover { color:#f26522; }
#nav2 dd.selected a { color: #f26522; }

/* TYPOGRAPHY -------------------------------------------------------------------------------------------------------------------------------------------- */
 #main a:link, #main a:visited, #main a:active { color:#000; text-decoration:underline; }
#home #main h1 { font:normal 26px/40px Georgia, Times; color:#000; letter-spacing:1px; margin:0 0 10px 0; }
#main h1 { font:bold 25px/33px Georgia; color:#000; letter-spacing:1px; margin:5px 0 17px 0; }
#main h2 { font:bold 18px/23px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#006699; letter-spacing:1px; margin:8px 0 10px 0; }
#main h3, .headline { font:bold 14px/20px Arial, Helvetica, sans-serif; color:#436A03; margin:8px 0 4px 0; text-transform: uppercase; }
.content td.noRule, .content tr.noRule { border:none; }
#home .content {/*background:url(../images/vertLine.gif) repeat-y 50% 0;*/ background-color: #fff; }
#colM ul { margin: 5px 0 5px 0; padding:0px; list-style:none; }
#colM li { color:#000; margin-bottom: 4px !important; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0 5px; list-style-position: outside; padding-left: 20px; }
#colM p{ margin:0 0 8px 0;}
dt, h4 { font:bold 12px/19px Arial, Helvetica, sans-serif; color:#cc9933; margin: 10px 0; }
dd { margin-bottom:7px; padding-bottom:8px; border-bottom:1px solid #eee }
#home #main #colL dd a:link, #home #main #colL dd a:visited, #home #main #colL dd a:active { font:bold 11px/19px Arial, Helvetica, sans-serif; color:#af542b; letter-spacing:1px; margin:4px 0 8px 0; }
#main #colL dd a:hover { color:#cf7349; }
#main #colM a:link, #main #colM a:visited, #main #colM a:active { color:#1A5895; text-decoration:underline; letter-spacing: 0px; }
#main #colM a:hover { color:#35bec3; text-decoration:underline; letter-spacing: 0px; }
h6.italic{ margin:0 0 8px 0; color: black; font-style: normal; }

/* MISCELLANEOUS -------------------------------------------------------------------------------------------------------------------------------------------- */
.clear { clear: both; }
.content-pad { padding: 20px 12px; }
a.job { display: block; width: 200px; border: 1px solid #eee; padding: 5px 5px 5px 15px; background: url(../images/arrow.gif) no-repeat 200px center; }
a.job:hover { background-color:#eee; }
#page a.pop { color:#FF3300;}
#lines td { border-bottom:1px dotted #ccc; padding:5px; }
p.tagline { color:#FF3300; font-weight:bold; font-size: 17px; }
#main a.button:link { display:block; padding:4px; background:#FF3300; border:1px solid ##FF3300; color:#FFFFFF; width:140px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#main a.button:hover{ background:#ccc;}
.floatright{ float:right;}
a.buttonlink { padding:8px; border:1px solid #ccc; display:inline-block;}
a.buttonlink:hover {background:#eee;}
object{ margin:0; padding:0;}
.intro {font-size:1.4em; line-height:1.6em; border-bottom:1px solid #ccc; padding-bottom:5px;}