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

/* clear default styles */
html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a { 
margin: 0; 
padding: 0; 
border: 0; 
}

body {
 	font:normal 11px "Lucida Grande", Tahoma, Arial, sans-serif; }


#header {
	background-image:url(images/wbg_blue_02.png);
	background-repeat:no-repeat;
	height:125px;
	width:665px;
	margin:0 auto;
	font-size:12px;
	margin-top:15px;
	}

#header #gohome {
height:100px; width:170px; 
float:left;
}

#gohome a {
display:block;
height:100px; width:170px; 
text-indent: -9999px;
}
	
#footer {
	height:125px;
	width:665px;
	margin:0 auto;
	text-align: center;
	}	
	
strong.blue {
	font-size:11px ;
	color:#0083a9;
	}
	
ul#nav {
	list-style:none;
	float:left;
	margin:80px 0 0 30px;
	width:460px; height: 15px;
	overflow:hidden;
	display:inline;  /*double float margin bug*/
	}	
	
#header li {
	display: inline;
	margin-left:10px;
	text-indent:0;
}	

	
a:link, a:visited { color:#fff; text-decoration:none; }
a:hover {text-decoration: underline;}

a img {border:none;}

#header a:link, #header a:visited{
	color:#000000;
	}
	
#header a:hover {text-decoration: none;}
	
#nav_about a:hover {	
	color:#0083a9;
	}	
	
#nav_services a:hover {	
	color:#67BE25;
	}	
	
#nav_capabilities a:hover {	
	color:#745CA5;
	}	
	
#nav_quote a:hover {	
	color:#F9A132;
	}	
	
#nav_send a:hover {	
	color:#E7141C;
	}	
	
#nav_contact a:hover {	
	color:#794533;
	}	

#nav_careers a:hover {	
	color:#f5a137;
	}	
	
#nav_quote a:hover {	
	color:#0083a9;
	}	
	
	
#overlay {
	width:665px;
	position:absolute;
	z-index:1;
	left:50%;
	top:390px;
	margin-left:-323px;
	}
								
#overlay li {
	float:left;
	list-style: none;
	background-repeat: no-repeat;
	background-position: top;
	height:21px;
	width:30px;
	text-indent: -9999px;
	display: inline; /*double-float margin bug */

}

#overlay li#nav_prev {
margin-left:15px;
background-image:url(images/previous.gif);}

#overlay li#nav_next {
	background-image:url(images/next.gif);
	margin-left: 568px;
	}

#content {
	height:575px;
	width:9500px;
	border-top: 1px solid #0083a9;
	border-bottom: 1px solid #0083a9;
	background-image:url(images/bg_line_02.gif);
	position:relative;
	margin-left:50%;
	left:-340px;
	top:-28px;
	
}
	
.section {
	position:relative;
	z-index:199;
	width:525px;
	height:525px;
	float: left;
	margin-top:25px;
	margin-left:75px;
	text-align:center;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline; /*double float margin bug*/
	}
	
	
.section p {
	font: normal 10px/2em "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif;
	color:black;
	font-size: 12px;
	margin-top: 5px;
	text-align: left;
}	
	
	
.section h3, .section h4 {
	background-repeat: no-repeat;
	text-indent: -99999px;
}	

.section h3 {
	position:relative;
	z-index: 2000;
	height:525px;
	width:525px;
	top:0;
}

.sectioncontent {
	position:absolute;
	width:525px;
	height:525px;
	top:0;
	margin-top: 55px;
	left:0;
	z-index:100;
	}

.sectioncontent h4, .sectioncontent dl#subnav {
	position:absolute;
	width:219px; height:60px;
	top:165px; left:0;
} 

.sectioncontent dl#subnav {
	height:450px; width:525px;
	top:0;
	overflow:hidden;
	text-align: left;
	color:#fff;
}

dl#subnav dt {
	width:147px;height:24px;
	position:relative;
	left: 70px; top:80px;
	margin-bottom: 2px;
	text-indent: -9999px;
	}
	
dl#subnav dt a {
	display:block;
	background-repeat: no-repeat;
	background-position:0 0;
	width:147px;height:24px;
}
		
dl#subnav dd {
	border-top:1px solid #c2e5a7;
	padding-top:10px;
	width:200px;
	position:absolute;
	left:200px;
	top:500px;
	line-height: 1.5em;}

dt#dt_overview a {background-image: url(images/subnav_overview.gif);}	
dt#dt_corporate a {background-image: url(images/subnav_corporate.gif);}	
dt#dt_financial a {background-image: url(images/subnav_financial.gif);}	
dt#dt_retail a {background-image: url(images/subnav_retail.gif);}	
dt#dt_academic a {background-image: url(images/subnav_academic.gif);}	
dt#dt_arts a {background-image: url(images/subnav_arts.gif);}	
dt#dt_agencies a {background-image: url(images/subnav_agencies.gif);}	
dt#dt_smallbusiness a {background-image: url(images/subnav_smallbusiness.gif);}	

dl#subnav dd#dd_overview {top:100px;}

.sectioncontent ul {margin:5px 0 10px 20px;}
.sectioncontent ul li {
	color:#fff;
	text-align: left;
	line-height: 1.2em;
	}

.textcolumn {
width:220px;
left: 220px;
position:absolute;
} 

.textcolumn p, .textcolumn h5{
	color:white;
	font-size: 10px;
	margin-bottom: 1em;
}

.textcolumn h5 {
	font-size:12px;	
	text-align: left;
}


.left {
	margin-left:0px;
	}	
	
#view {
	overflow:hidden;
	}		
	
	
#photo1 {background-image:url(images/bg_photo1.jpg); }
#photo2 {background-image:url(images/bg_photo2.jpg); }
#photo3 {background-image:url(images/bg_photo3.jpg); }
#photo4 {background-image:url(images/bg_photo4.jpg); }
#photo5 {background-image:url(images/bg_photo5.jpg); }
#photo6 {background-image:url(images/bg_photo6.jpg); }
#photo7 {background-image:url(images/bg_photo7.jpg); }
#photo8 {background-image:url(images/bg_photo8.jpg); }
#photo9 {background-image:url(images/bg_photo9.jpg); }
#photo10 {background-image:url(images/bg_photo10.jpg); }



/* ----- HOME ----- */
.section#home { padding-left:10px;}
#home p {margin:80px 50px 0 0;}
#home h3 {
height:27px;
top:70px;
background-image: url(images/h3_home.gif);
}


#home h4 a{
position: absolute; 
top:525px; 
left:0;
height:22px; width:165px;
background-image:url(images/green_mission_btn.gif);
}


#greenbox {

position: absolute;
height:150px; width:360px;
overflow:hidden;
top:400px; left:240px;
}

#home p#greentext {
height:159px;
width:359px;
margin-top:155px;
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9999px;
background-image: url(images/green_mission_content.gif);
}


#home ul {position: absolute; top:236px; left: 0; z-index:100;
}

#home ul li  {
list-style: none;
width:55px; height:79px; 
margin-right:20px;
float:left;
text-indent: -9999px;
background-repeat: no-repeat;
display:inline /*double-float margin bug*/
}

#home ul li a {
	display: block;
	width:55px; height:79px; 
}

#home li#home_quot {margin: 0;}

li#home_about {background-image:url(images/home_nav_about.gif);}
li#home_services {background-image:url(images/home_nav_services.gif);}
li#home_capabilities {background-image:url(images/home_nav_cap.gif);}
li#home_send {background-image:url(images/home_nav_send.gif);}
li#home_careers {background-image:url(images/home_nav_careers.gif);}
li#home_contact {background-image:url(images/home_nav_contact.gif);}
li#home_quote {background-image:url(images/home_nav_quote.gif);}







/*---- ABOUT ------*/

#about {background-image:url(images/bg_about.gif); }
#about h3 {background-image:url(images/h3_about1.gif);}
#about h4 {background-image:url(images/h4_about.gif);}
#about .textcolumn {top:60px;}


/*---- CAPABILITIES ----*/

#capabilities {background-image:url(images/bg_capabilities.gif);}	
#capabilities h3 {background-image:url(images/h3_cap.gif);}
#capabilities h4 {background-image:url(images/h4_cap.gif); height:100px;}
#capabilities .textcolumn {top:130px;}


/*---- CAREERS ----*/

#careers {background-image:url(images/bg_careers.gif);}
#careers h3 {background-image:url(images/h3_careers.gif);}
#careers h4 {background-image:url(images/h4_careers.gif); height: 109px;}
#careers .sectioncontent h4 {top:155px;}
#careers .textcolumn {top:60px;}


/*---- SEND ----*/

#send {background-image:url(images/bg_send.gif);}				
#send h3 {background-image:url(images/h3_send.gif);}
#send h4 {background-image:url(images/h4_send.gif);}
#send .textcolumn {margin-top:100px;}


/*---- CONTACT ----*/

#contact {background-image:url(images/bg_contact1.gif);}
#contact h3 {background-image:url(images/h3_contact.gif);}
#contact h4 {background-image:url(images/h4_contact.gif); }
#contact .sectioncontent {margin-top: 0px;}

#content .sectioncontent ul.address {
list-style: none;
margin: 230px 0 0 70px;
}

ul.address li {margin-bottom: 15px;}

#contact #mask a {
overflow: hidden;
width:295px; height:525px;
top:0;
left:230px;
position:absolute;
background-image:url(images/bg_contact_mask.gif);
z-index:100;
text-indent:-99999px;
}

#contact a#googlemap  {
display:block;
position:absolute;
top:0;
z-index:150;
overflow: hidden;
width:295px; height:525px;
top:0;
left:230px;
text-indent: -9999em;
}


/*---- QUOTATION ----*/

#quotation {
	text-align: left;
	background-color:#fff;
	z-index:3000;}

#quotation h3 {
	height:100px;
	background-image: url(images/h3_quotation.gif); 
	}
	
#quotation .sectioncontent {
margin-top: 30px;
margin-left:25px;
position: relative;
overflow: auto;
width:490px;
height:280px;
}

form label {
display:block; 
margin-bottom:1.5em; 
color:#0983aa; 
font:bold 10px/1em "Lucida Grande", Tahoma, Arial, sans-serif; 
text-transform:lowercase;
}

form label.row {float:left;}

form input {
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	font-size: 11px;
	margin: 0 5px 0 0;
	}


#quotation #formstatus {
	margin:110px 0 0 25px;
	height:100px;
	position: relative;
	z-index:0;
}

#quotation #formstatus.ajax-loading {
	background: url(images/spinner.gif) no-repeat center;
}


#services {background-image:url(images/bg_services.gif);}			
#services h3 {background-image:url(images/h3_services.gif);}


.credit a {color:#999999; font-size:9px; text-transform: uppercase;margin-top:15px; display:block;}
.clearfloats {clear: both;}