/* import */

@import url("reset.css");

/* site wide styles */
	
	/* elements */
	html, body { height: 100%; }
	body, p, td, th, li { font-family: Arial, sans-serif; }	
	body { background: #CBB677; background-image: url(../images/headerwrap.gif); background-repeat: repeat-x; }
	
	/* links */
	a:link, a:visited { text-decoration: underline; }
	a:hover, a:active { text-decoration: none; }
	
	
	/* tools */
	.floatLeft { float: left; }
	.floatRight { float: right; }
	.clearAll { clear: both; }
	.small { font-size: .625em; }
	.large { font-size: 1em; }
	.hide { display: none; }
	.show { display: block; }
	.last { margin-bottom: 0; }
	
	/* fixes IE image scaling */	
	img { -ms-interpolation-mode: bicubic; } 


	/* type */
	strong { font-weight: bold; }
	em { font-style: italic; }
	
	h2 { 
		color: #993A26;
		font-size: 1.1em; 
		font-weight: light; 
		margin-bottom: 10px; 
		}
	
	h3 {
		color: #002B54;
		font-size: 1em;
		font-weight: light;
		margin: 20px 0 5px 0; 
		}
	
	p {	
		color: #333333;	
		font-size: .875em;
		line-height: 1.3em;
		}

/* site structure */
#headerWrap {
	/* position: absolute; */
	width: 100%;
	background-image: url(../images/headerwrap.gif);
	z-index: 50;
	}

#header { 
	margin: 0 auto;
	height: 85px; 
	width: 960px;
	background: url(../images/headerCurves.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 1;
	}
		
	#logo { 
	left: 10px;
	top: 10px;	

		}
	

	#topBlu {
		/* background-color: #002B54; */
		
		height: 43px;
		width: 735px;
		}

	#topGrey {
	/*
		background-color: #f4f4f4;
		height: 42px;
		width: 735px;
		*/
		}

#container {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: auto !important;
	height: 100%;
	min-height:100%;
	background: white;
	z-index: 0;
	}


	
#banner {
	width: 960px;
	height: 405px;
	}
	
	.pics { overflow: hidden; padding: 0; margin: 0; }

	#titleBanner {
		background-image: url(../images/homeTitle.jpg);
		background-repeat: no-repeat;
		height: 35px;
		background-color: #F4F4F4;
		}

#content {
	margin: 0 50px;
	padding: 0 0 120px 0;
	}

	
	#bucketOne, #bucketTwo, #bucketThree { 
		width: 265px; 
		margin: 40px 32px 0 0;
		}
	
	#bucketThree { margin-right: 0; }


#copy {
	margin-top: 40px;
	width: 400px;
	}

	#projects #copy { margin-top: 25px; }

#thumbs { padding-top: 40px; }

	#thumbsClick img { margin: 20px 0 0 13px; }
	#thumbsPH { 
		margin-top: 20px;
		background-image: url(../images/projectsThumbsPH.jpg);
		background-repeat: no-repeat; 
		height: 502px; }


#sideContent { margin-top: 40px;  }

	#img {
		width: 400px;
		height: 300px;
		margin-bottom: 30px;		
		}

	#img img {  border: #f4f4f4 solid 8px; }
	#sideNav { margin: 20px 0 0 0; }	
	#personnelNav { margin: 90px 0 0 20px; }

#footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	margin: auto;
	}

#footer a { color: #002B54; text-decoration: underline; }
	#footer a:hover { color: #002B54; text-decoration: none; }

#line { border-bottom: solid #002B54 1px; margin-bottom: 5px; }
	#footer #line { width: 860px; margin: auto; }

/* slide show for case studies */
#display { margin-top: 30px; width: 580px; height: 400px; border: solid 5px #f4f4f4;}
#thumbTainer { width: 265px; height: 400px; }

#nav li { width: 80px; float: left; margin: 4px; list-style: none }
#nav a { width: 80px; padding: 1px; display: block; border: 1px solid #f4f4f4; }
#nav a.activeSlide { background: #002B54; }
#nav a:focus { outline: none; }
#nav img { border: none; display: block; }

#thumbnails { margin-top: 30px; width: 265px; }	


/* styles */
#footer p { 
	color: #002B54;
	font-size: .75em;
	text-align: center;
	margin: 12px 0;
	}

	#bbb img { margin-left: 20px;}
	#contactInfo { margin-left: 90px;}

#buckets p { 
	font-size: .90em;  
	line-height: 1.3em;
	}

	#buckets p a { color: #993A26;}
	#buckets p span a { color: #333; font-weight: normal; text-decoration: none; }
	#buckets p a:hover { text-decoration: none; }

#topBlu p { 
	color: white; 
	font-size: .75em;
	float: right;
	padding: 10px 50px;
	text-align: right;
	line-height: 1em;
	}

	#topBlu p a { color: white; }

	#copy p span { 
		font-weight: bold; 
		color: #993A26;
		}	
	
	#copy p.firstPara { padding-top: 35px;  }
	#copy a { color: #993A26; }
		#copy a:hover { color: #002B54; }

.callout {
	color: #002B54;
	font-size: 1em;
	font-style: italic;
	font-family: Georgia, serif;
	}

.smaller { font-size: 12px; }



/* side menus */
#sideNav li, #personnelNav li { margin: 8px 0 5px 0; }

	#sideNav li a, #personnelNav li a {	font-size: .775em; color: #993A26; }
	
.pNavTitle { font-size: .875em; color: #002B54;  }	


	#sideNav li a:hover, #personnelNav li a:hover { color: #002B54; }

	body.commGlazing #sideNav li a.commGlazing,
	body.cmhf #sideNav li a.cmhf,
	body.advantage #sideNav li a.advantage,
	body.assCommGlazing #sideNav li a.assCommGlazing,
	body.commInt #sideNav li a.commInt,
	body.metalPanel #sideNav li a.metalPanel,
	body.cvbc #sideNav li a.cvbc,
	body.ftb #sideNav li a.ftb,
	body.gmc #sideNav li a.gmc,	
	body.nopera #sideNav li a.nopera,
	body.tdol #sideNav li a.tdol,
	body.locations #sideNav li a.locations,
	body.leed #sideNav li a.leed,
	body.careers #sideNav li a.careers,
	body.hl #sideNav li a.hl,
	body.personnel #sideNav li a.personnel,
	body.partners #sideNav li a.partners,
	body.ftbA #sideNav li a.ftbA,
	body.pgf2 #sideNav li a.pgf2
				
			
				
	{ color: #002B54; text-decoration: none; font-weight: 800; }
	
	


/* menu */
	
	/* sprites */
	#navPrimary ul li:hover ul { display: block; }
	#navPrimary ul li { float: left; }
	
	#navPrimary ul li a { 
	    height: 0;
	    padding-top: 41px;
	    background-repeat: no-repeat;
	    overflow: hidden;
	    display: block;
	    background: url(../images/menu_main.jpg) no-repeat;
	    }

		
		/* positions */
		#navPrimary ul li.navCaps a { width: 125px; background-position: 0 0; }
		#navPrimary ul li.navVAS a { width: 185px; background-position: -125px 0; }
		#navPrimary ul li.navProjects a { width: 120px; background-position: -310px 0; }
		#navPrimary ul li.navCompany a { width: 111px; background-position: -430px 0; }		
		#navPrimary ul li.navContact a { width: 120px; background-position: -541px 0; }
	
		#navPrimary ul li.navCaps:hover a, 
		#navPrimary ul li.navCaps a.active { background-position: 0 -39px; }
		
		#navPrimary ul li.navVAS:hover a, 
		#navPrimary ul li.navVAS a.active { background-position: -125px -39px; }
		
		#navPrimary ul li.navProjects:hover a,
		#navPrimary ul li.navProjects a.active { background-position: -310px -39px;}
		
		#navPrimary ul li.navCompany:hover a,
		#navPrimary ul li.navCompany a.active { background-position: -430px -39px; }		
		
		#navPrimary ul li.navContact:hover a,
		#navPrimary ul li.navContact a.active { background-position: -541px -39px; } 
		

		
		
		
		
	
	
	/* drops */
	#navPrimary ul li.navCaps ul li a, 		
	#navPrimary ul li.navCompany ul li a, 		
	#navPrimary ul li.navProjects ul li a { width: auto; background-image: none; }
	 
	#navPrimary ul li ul {
		background-repeat: repeat-x;
		background-color: #002B54;
		width: 170px;
		display: none;
		overflow: visible;
		position: absolute;
		padding: 6px 0;
		margin: 0;
			/* browser specific rules */
			-moz-border-radius-bottomleft: 5px; 
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomright: 5px; 
			-webkit-border-bottom-right-radius: 5px;		
			-moz-box-shadow: 0 1px 2px #333;
			-webkit-box-shadow: 0 1px 2px #333;
		border: 1px solid #002B54;
		border-top: none;
		}

	#navPrimary ul li ul li {
		clear: left;
		float: none;
		padding: 0 12px;
		margin: 10px 0;
		}
	
	#navPrimary ul li ul li a {
		background-image: none;
		color: white;
		font-size: .875em;
		text-decoration: none;
		font-weight: light;
		height: auto;
		padding: 2px 0;
		display: block;
		}	
	
	#navPrimary ul li ul li:hover, 
	#navPrimary ul li ul li a:hover { text-decoration: underline;  }
		
	#navPrimary ul li.navCaps ul.dropCaps { margin-left: 10px; z-index: 20; }
	#navPrimary ul li.navCompany ul.dropCompany { margin-left: 17px; z-index: 20; }
	#navPrimary ul li.navProjects ul.dropProjects { margin-left: 29px; z-index: 20; }

#thankyou p span { font-size: 20px; color: #002B54; font-family: Georgia, "Times New Roman", Times, serif;    }