@charset "utf-8";
/* CSS Document */

body { background: #FFFFFF url(/images/promo/body_bg.png) top repeat-x;}
.content {
	display: none;
	position: absolute;    
}
#header {
	width: 960px;
	height: 300px;
}
#navigation {
	margin-bottom: -25px;
        z-index: 0;
}
#navigation a {
	width: 320px;
	height: 70px;
	display: inline-block;
} 
#nav_button_environmental.active {
	background: url(/images/promo/nav_active_environmental.png);
}
/* This will create a hidden div with the inactive image preloaded */
#nav_button_environmental_inactive_preload {
	background: url(/images/promo/nav_inactive_environmental.png) no-repeat -9999px -9999px;
}
#nav_button_environmental.inactive { 
	background: url(/images/promo/nav_inactive_environmental.png); 
}
/* This will create a hidden div with the hover image preloaded */
#nav_button_environmental_hover_preload {
	background: url(/images/promo/nav_hover_environmental.png) no-repeat -9999px -9999px;
}
#nav_button_environmental.inactive:hover, #nav_button_environmental.inactive:focus {
	background: url(/images/promo/nav_hover_environmental.png);
}
#nav_button_financial_active_preload {
	background: url(/images/promo/nav_active_financial.png) no-repeat -9999px -9999px;
}
#nav_button_financial.active {
	background: url(/images/promo/nav_active_financial.png);
}
#nav_button_financial.inactive {
	background: url(/images/promo/nav_inactive_financial.png);
}
#nav_button_financial_hover_preload {
	background: url(/images/promo/nav_hover_financial.png) no-repeat -9999px -9999px;
}
#nav_button_financial.inactive:hover, #nav_button_financial.inactive:focus {
	background: url(/images/promo/nav_hover_financial.png);
}
#nav_button_technical_active_preload {
	background: url(/images/promo/nav_active_technical.png) no-repeat -9999px -9999px;
}
#nav_button_technical.active {
	background: url(/images/promo/nav_active_technical.png);
}
#nav_button_technical.inactive {
	background: url(/images/promo/nav_inactive_technical.png);
}
#nav_button_technical_hover_preload {
	background: url(/images/promo/nav_hover_technical.png) no-repeat -9999px -9999px;
}
#nav_button_technical.inactive:hover, #nav_button_technical.inactive:focus {
	background: url(/images/promo/nav_hover_technical.png);
}
/* subnav styling */
#subnav_technical_preload {
	background: url(/images/promo/subnav.png) no-repeat -9999px -9999px;
}
#subnav_technical {
	background: url(/images/promo/subnav.png) center no-repeat;
	height: 48px;
	width: 960px;
	text-align: center;
	display: none;
    z-index: 1;
}

/* content styling */
#content {
	background: url(/images/promo/content_bg.png) repeat-y top;
	height: 600px;
	width: 960px;
}
#content_top {
	background: url(/images/promo/content_top_bg.png) center no-repeat;
	height: 4px;
	width: 960px;
}
#content_area {
        padding: 18px 18px;

}
#content_bottom {
	background: url(/images/promo/content_bottom_bg.png) center no-repeat;
	height: 4px;
	width: 960px;
}
/* TODO: This next image is a png24, do we need to downgrade gracefully for this? footer_fg.gif  */
#footer {
	text-align: center;
	background: url(/images/promo/footer_bg.png) bottom center no-repeat;
	height: 380px;
	width: 960px;
	margin-bottom: -100px;
}
#body_footer {
	background:url(/images/promo/body_footer_bg.png) center bottom repeat-x;
	height: 100px;
	width: 100%;
	position: relative;
	z-index: -1;
	text-align: center;
}








/* Begin text styling */
.footnote {
	font-size: small;
}
.copyright { 
	font-size: smaller; 
}

/* sub navigation styling */
a.sub_navigation {
	display: inline-block;
	width: 320px;
	margin: 0;
	padding: 0;
}
a.sub_navigation.active {
	font-weight: bold;
}
a.sub_navigation.inactive {
	font-weight: normal;
}
body { font-family: Verdana, Arial, Helvetica, sans-serif; }
#content_area { 
	line-height: 1.5em;
	font-size: 1em;
}
#content_area p, #content_area ul, #content_area ol { padding-left: 15px; }
h1, h2, h3, h4, h5 {
	font-family:"Times New Roman", Times, serif;
	font-variant: small-caps;
	padding-top:10px; padding-left: 10px; padding-botton: 5px;
	text-align: center;
}
.stats { margin: 0 30px; }
ul li, ol li { font-size: .9em; }
.section_header { 
	width: 600px; 
	height: 50px;
}
.section_header div { visibility: hidden; display: inline; }

#header_environmental_preload { background:url(/images/promo/headers/environment.gif)  no-repeat -9999px -9999px; }
#header_financial_preload { background:url(/images/promo/headers/financial.gif)  no-repeat -9999px -9999px; }
#header_technical_preload { background:url(/images/promo/headers/expertise.gif)  no-repeat -9999px -9999px; }
#header_casestudy_overview_preload { background: url(/images/promo/headers/casestudy_overview.gif)  no-repeat -9999px -9999px; }
#header_casestudy_pictures_preload { background: url(/images/promo/headers/casestudy_pictures.gif)  no-repeat -9999px -9999px; }

#header_environmental { background:url(/images/promo/headers/environment.gif); }
#header_financial { background:url(/images/promo/headers/financial.gif); }
#header_technical { background:url(/images/promo/headers/expertise.gif); }
#header_casestudy_overview { background: url(/images/promo/headers/casestudy_overview.gif); }
#header_casestudy_pictures { background: url(/images/promo/headers/casestudy_pictures.gif); }

#subnav_technical div {
	width: 320px;
	margin: 0;
	padding: 0;
	display: inline-block;	
}
#subnav_technical div a {
	margin-top: 18px;
	color:#000066;
	cursor: pointer;
	text-decoration:none;
	display: inline-block;
}
#subnav_technical div a:hover {
	color:#FFFFFF;
}
#subnav_technical div a.active {
	color:#FFFFFF;
	font-weight:bold;
}

/* nested lists */
ul li, ol li, ul li ul li, ol li ul li { line-height: 1.9em; }
div.content_image { text-align: center; padding: 10px 0; }
img.content_image { border: 1px #999999 solid; }

/* BEGIN gallery STYLE */
/* these styles need to be contrained to the tech/gallery areas, so no body declarations here */

.caption{color:#888;position:absolute;top:250px;left:15px;width:200px;}
.gallery{position:relative;margin-top:1em;}
.gallery_styled{width:200px;float:left;}
.gallery_styled li{width:55px;height:70px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
.gallery_styled li.hover{border-color:#bbb;}
.gallery_styled li.active{border-style:solid;border-color:#222;}
.gallery_styled li div{left:240px}
.gallery_styled li div .caption{font:italic 0.7em/1.4 georgia,serif;}
.galleria_container{margin:0 auto 0px auto;height:438px;width:650px;float:right; border: thin #000000;}
.nav{clear:both;}
.nav{position:absolute;top:410px;left:0;}

div.two_col { width: 445px; display: inline-block; margin: 0; padding: 0; vertical-align:top; }