@charset "utf-8";
/* --- General Key -----
bg color: #5a5a50
footer color: #313129
corporate red: #ed1b2e
medium gray: #a1a29a
fonts: gill sans, caslon, verdana
*/

/*--reset--*/
*{ margin: 0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
	outline: none;
}

html, body {height: 100%;}
body {
	line-height: 14px;
	/*color: #a1a29a;*/
	color: #4b4b4b;
	background: #5a5a50;
	text-align: center;
	width: 100%;
	letter-spacing: 0.5 px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
ol, ul {
	list-style: none;
}

a:link, a:visited {
	color: #a1a29a;
	text-decoration: none;
	}
	
a:hover {
	color: #ed1b2e;
	}
	
	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/*---- header ----*/
#header {width: 100%;}
#smallNav {width: 80px; vertical-align:bottom; overflow:hidden; position: relative; left: 735px; top:0px; z-index: 4; height:22px; border-right: 1px solid #ed1b2e; margin-bottom:5px;}
#home #smallNav { width:200px; left:615px; }
#smallNav .smNavEstimating {background: url(../images/smNav_estimating.png) 0 0 no-repeat; float:left; width: 104px; height: 11px; margin-right:5px; padding-right:5px; position: relative; border-right: 1px solid #ed1b2e; margin-top:13px;}
#smallNav .smNavClients {background: url(../images/smNav_client.png) 0 0 no-repeat; float:left; width: 75px; height: 11px; padding-right:5px; margin-top:13px; position: relative;}
#smallNav .smNavEstimating span, #smallNav .smNavClients span {position: absolute; left: -9000px;}
#smallNav .smNavEstimating a:link, #smallNav .smNavEstimating a:visited, #smallNav .smNavClients a:link, #smallNav .smNavClients a:visited {position: relative; top:0; height: 8px;}
#estimating a, #clientsNav a {display:block; height:8px;}
.smNavEstimating #estimating a:link, .smNavEstimating #estimating a:visited {width: 104px;}
.smNavEstimating #estimating a:hover, .smNavEstimating #estimating a:focus {background: url(../images/smNav_estimating.png) 0 -14px no-repeat;}
.smNavClients #clientsNav a:link, .smNavClients #clientsNav a:visited {width: 75px;}
.smNavClients #clientsNav a:hover, .smNavClients #clientsNav a:focus {background: url(../images/smNav_client.png) 0 -14px no-repeat;}

a.bidBtn{width: 114px; background: #a1a29a; display: block; position: relative; left: 700px; border-right: 1px solid #ed1b2e;}
a:hover.bidBtn{background: #ed1b2e;}

a.bidBtn2{width: 114px; background: #b9bab1; display: block; position: relative; left: 700px; border-right: 1px solid #ed1b2e;}
a:hover.bidBtn2{background: #ed1b2e;}

/*---- nav:sprites + suckerfish -------------------*/
/* sprites */
#navbar {width: 567px; position: relative; left: 250px; top: -20px; margin-bottom: 10px; z-index: 4;}
#navbar .nav {background: url(../images/nav.png) 0 0 no-repeat; width: 567px; height: 15px; margin: 0; padding: 0; position: relative; z-index:4;}
#navbar .nav li a:link, #navbar .nav li a:visited {position: relative; top:0; height: 15px;}
#navbar .nav li span {position: absolute; left: -9000px;}
#about a, #proj a, #services a, #careers a, #new a, #contact a { display: block; height: 15px;}

.nav #about a:link, .nav #about a:visited {/*left:0;*/ width: 86px;}
.nav #about a:hover, .nav #about a:focus {background: url(../images/nav.png) 0 -15px no-repeat; }

.nav #proj a:link, .nav #proj a:visited {/*left: 82px;*/ width: 144px;}
.nav #proj a:hover, .nav #proj a:focus {background: url(../images/nav.png) -86px -15px no-repeat; }

.nav #services a:link, .nav #services a:visited {/*left: 226px;*/ width: 76px;}
.nav #services a:hover, .nav #services a:focus {background: url(../images/nav.png) -230px -15px no-repeat; }

.nav #careers a:link, .nav #careers a:visited {/*left: 306px;*/ width: 72px;}
.nav #careers a:hover, .nav #careers a:focus {background: url(../images/nav.png) -306px -15px no-repeat; }

.nav #new a:link, .nav #new a:visited {/*left: 378px;*/ width:96px;}
.nav #new a:hover, .nav #new a:focus {background: url(../images/nav.png) -378px -15px no-repeat; }

.nav #contact a:link, .nav #contact a:visited {/*left: 480px;*/ width: 92px;}
.nav #contact a:hover, .nav #contact a:focus {background: url(../images/nav.png) -474px -15px no-repeat; }

/* suckerfish essentials */
.nav ul {position:absolute; top:-999em; width:inherit; /* left offset of submenus need to match (see below) */ }
.nav li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.nav li {float:	left; position: relative;}
.nav a {display: block; position: relative;}
.nav ul li {width:100%;}
.nav li li {background: #e3e2e2; padding:7px; filter :alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
.nav #about li {padding: 7px 5px;}
.nav #careers li {padding: 7px 8px;}
.nav #services li {padding: 7px 12px;}

.nav li:hover ul, .nav li.sfHover ul {left:	0; top:	15px; /* match top ul list item height */ position:absolute; z-index:5;}
ul.nav li:hover li ul, ul.nav li.sfHover li ul {top:-999em;}
ul.nav li li:hover ul, ul.nav li li.sfHover ul {left: 10em; /* match ul width */ top: 0;}
#navbar .nav li li {position: relative;}
#navbar .nav li ul li a:link, #navbar .nav li ul li a:visited {font-size: 11px; background: none; position: relative; height: auto; width: inherit; color:#000;}
#navbar .nav li ul li a:hover, #navbar .nav li ul li a:focus {outline: none; color: #ed1b2e; text-decoration: underline; border-top: none;}

/*END SUCKERFISH*/

/* ---- framework --- */
#wrapper {
	/*min-height: 100%;
	height: auto !important;
	height: 100%;*/ 
	/*height:710px;*/
	width: 817px;
	margin: 0 auto;
	text-align: left;
	}
/*#sub #wrapper {min-height:100%; height:auto !important; height:100%; width:815px; margin:0 auto -32px; padding:0 25px; text-align:left; background-color:#fff;}*/
#sub #wrapper {/*height:710px; */width:817px; margin:0 auto; padding:0 24px 20px 24px; text-align:left; background-color:#fff;}

/*---- fixedContent ----*/
#content {
	width:817px;
	position:relative;
	z-index:1;
}
#content p {margin-bottom:10px; text-align:justify; letter-spacing:0.4px;}

#contentTop { width:817px; position:relative; padding-bottom:20px;}
#photoWrapper { width:817px; height:130px; position:relative; background-color:#ccc; margin-bottom:20px;}
/*---- homeContent ----*/
#homeRight { width:630px; float:left; z-index:1; }
#people, #clients, #projects { width:208px; margin-left:2px; float:left; background:#5a5a50; position:relative; }
#people a, #clients a, #projects a { display:block; }

#people .hoverTitle, #clients .hoverTitle, #projects .hoverTitle{ position:absolute; bottom:0; right:0; z-index:3; }
#people .hoverTitle{ left:75px; }
#projects .hoverTitle { left:35px; }
#clients .hoverTitle{ left:58px; }
#news { float:left; width:680px; clear:both; padding:30px 0 15px 0;}
.newsSection {width:325px; float:left; color:#a1a29a; line-height:20px; padding-right:15px;}

/*-------sidebar sprites------*/
.homeSidebar { width:187px; height:384px; background:#6d6e65; color:#dedede; float:left; padding-top:5px;}

.categoryNav {width: 183px; height: 270px; background: url(../images/home-sidebar.gif) 0 0 no-repeat; position: absolute;}
.categoryNav li{ height:18px;}
.categoryNav li a:link, .categoryNav li a:visited, .categoryNav li div {position: absolute; top: 0; width: 183px; text-indent: -9000px; overflow: hidden; z-index: 10;}
.categoryNav li div {z-index: 0;}

.categoryNav #bioNav a:link, .categoryNav #bioNav a:visited, .categoryNav #bioNav div {top: 0; height: 18px;}
.categoryNav #bioNav a:hover, .categoryNav #bioNav a:focus, .categoryNav #bioNav div {background: url(../images/home-sidebar.gif) -183px 0 no-repeat;}

.categoryNav #civicNav a:link, .categoryNav #civicNav a:visited, .categoryNav #civicNav div {top: 18px; height: 18px;}
.categoryNav #civicNav a:hover, .categoryNav #civicNav a:focus, .categoryNav #civicNav div {background: url(../images/home-sidebar.gif) -183px -18px no-repeat;}

.categoryNav #commercialNav a:link, .categoryNav #commercialNav a:visited, .categoryNav #commercialNav div {top: 36px; height: 18px;}
.categoryNav #commercialNav a:hover, .categoryNav #commercialNav a:focus, .categoryNav #commercialNav div {background: url(../images/home-sidebar.gif) -183px -36px no-repeat;}

.categoryNav #k12Nav a:link, .categoryNav #k12Nav a:visited, .categoryNav #k12Nav div {top: 54px; height: 18px;}
.categoryNav #k12Nav a:hover, .categoryNav #k12Nav a:focus, .categoryNav #k12Nav div {background: url(../images/home-sidebar.gif) -183px -54px no-repeat;}

.categoryNav #entertainmentNav a:link, .categoryNav #entertainmentNav a:visited, .categoryNav #entertainmentNav div {top: 72px; height: 18px;}
.categoryNav #entertainmentNav a:hover, .categoryNav #entertainmentNav a:focus, .categoryNav #entertainmentNav div {background: url(../images/home-sidebar.gif) -183px -72px no-repeat;}

.categoryNav #healthNav a:link, .categoryNav #healthNav a:visited, .categoryNav #healthNav div {top: 90px; height: 18px;}
.categoryNav #healthNav a:hover, .categoryNav #healthNav a:focus, .categoryNav #healthNav div  {background: url(../images/home-sidebar.gif) -183px -90px no-repeat;}

.categoryNav #higherNav a:link, .categoryNav #higherNav a:visited, .categoryNav #higherNav div {top: 108px; height: 18px;}
.categoryNav #higherNav a:hover, .categoryNav #higherNav a:focus, .categoryNav #higherNav div  {background: url(../images/home-sidebar.gif) -183px -108px no-repeat;}

.categoryNav #hospNav a:link, .categoryNav #hospNav a:visited, .categoryNav #hospNav div {top: 126px; height: 18px;}
.categoryNav #hospNav a:hover, .categoryNav #hospNav a:focus, .categoryNav #hospNav div  {background: url(../images/home-sidebar.gif) -183px -126px no-repeat;}

.categoryNav #parkingNav a:link, .categoryNav #parkingNav a:visited, .categoryNav #parkingNav div {top: 144px; height: 18px;}
.categoryNav #parkingNav a:hover, .categoryNav #parkingNav a:focus, .categoryNav #parkingNav div {background: url(../images/home-sidebar.gif) -183px -144px no-repeat;}

.categoryNav #recreationNav a:link, .categoryNav #recreationNav a:visited, .categoryNav #recreationNav div {top: 162px; height: 18px;}
.categoryNav #recreationNav a:hover, .categoryNav #recreationNav a:focus, .categoryNav #recreationNav div {background: url(../images/home-sidebar.gif) -183px -162px no-repeat;}

.categoryNav #residentialNav a:link, .categoryNav #residentialNav a:visited, .categoryNav #residentialNav div {top: 180px; height: 18px;}
.categoryNav #residentialNav a:hover, .categoryNav #residentialNav a:focus, .categoryNav #residentialNav div {background: url(../images/home-sidebar.gif) -183px -180px no-repeat;}

.categoryNav #retailNav a:link, .categoryNav #retailNav a:visited, .categoryNav #retailNav div {top: 198px; height: 18px;}
.categoryNav #retailNav a:hover, .categoryNav #retailNav a:focus, .categoryNav #retailNav div {background: url(../images/home-sidebar.gif) -183px -198px no-repeat;}

.categoryNav #seniorNav a:link, .categoryNav #seniorNav a:visited, .categoryNav #seniorNav div {top: 216px; height: 18px;}
.categoryNav #seniorNav a:hover, .categoryNav #seniorNav a:focus, .categoryNav #seniorNav div {background: url(../images/home-sidebar.gif) -183px -216px no-repeat;}

.categoryNav #sustNav a:link, .categoryNav #sustNav a:visited, .categoryNav #sustNav div {top: 234px; height: 18px;}
.categoryNav #sustNav a:hover, .categoryNav #sustNav a:focus, .categoryNav #sustNav div {background: url(../images/home-sidebar.gif) -183px -234px no-repeat;}

.categoryNav #technologyNav a:link, .categoryNav #technologyNav a:visited, .categoryNav #technologyNav div {top: 252px; height: 18px;}
.categoryNav #technologyNav a:hover, .categoryNav #technologyNav a:focus, .categoryNav #technologyNav div {background: url(../images/home-sidebar.gif) -183px -252px no-repeat;}


/*---- nav ----*/
#content .sidebarNav{
	width:195px;
	height:325px;
	float:left;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#content .sidebarNav li { 
	width:160px; 
	display:block; 
	height:25px;	
	padding:0;
	font-weight:bold;
	/*margin: 12px 0px 0px 15px; 
	text-indent:-15px*/
}
#content .sidebarNav li a { 
	display: block;
	color:#5a5a50; 
}
#content .sidebarNav li a:hover { 
	display: block;
	color:#ed1b2e; 
}
#content .sidebarNav li.active {
	color:#ed1b2e;
}
#content .sidebarNav li.level1 {
		
}
#content .sidebarNav li.level2 {
	margin-left:15px;
}
#bidOps { padding-top:10px; }
#profiles li, #delivery li, #service li, #bidOps li, #training li {
	height:25px;	
	padding:0;
}
#service li a, #bidOps li a, #training li a {
	color:#5a5a50; 
}

#profiles li.active a, #delivery li.active a, #service li.active a, #bidOps li.active a, #bidOps li a:hover, #training li.active a, #training li a:hover {
	color:#eb2130;
}

/*---- content ----*/
#content .fixedcontentWrapper { width:410px; float:left; padding-left:20px; }
#content .fixedcontentTitle{ width:396px; color:#eb2130; font-weight:bold; padding-right:10px; float:left; font-size: 11px; }
#content .fixedcontentPrint{ width:20px; float:left; }
#content .fixedcontent{ width:410px; clear:both }
#content .fixedcontentWrapper2 { height:400px; width:620px; float:left; padding-left:20px; }


#content .highlight { height:400px; width:160px; float:left; background-color:#a5a6a1; color:#313129; line-height:18px; padding:15px; font-size: 10px;}
#content .sidebarNav #featured {
	height:auto;	
}
#content .sidebarNav #featured li{padding: 10px 0 0 10px; line-height:20px; height:20px;}
#content .sidebarNav #featured li.featuredTier2  {padding: 0 0 0 10px; font-size: 11px; height:auto; line-height:15px; font-size:11px;}
#content .sidebarNav .navlist li {margin:12px 0 0 0; text-indent: 0; text-transform: uppercase; font-size: 11px;}


ul.clientList {float: left; width: 375px; padding-left: 15px; position:relative; line-height: 18px; }
ul.clientListR {float: left; padding-left: 15px; line-height: 18px; }

.clientListL li, .clientListR li, .clientList li{display: block; margin: 7px 0;}
/*---- nav slider ----*/
/*
#slider .sidebarNav {width: 205px; position: absolute; top: 0;}
#slider .sidebarNav li{width: 170px; display:block; font:12px Verdana,Arial,Helvetica,sans-serif;}
#slider .sidebarNav li a{display: block;}
*/
/*---- content slider ----*/
#slider {
	width:622px;
	position:relative;
}
.scroll { height:325px; overflow:auto; position:relative; clear:left;}
.scrollContainer div.panel { width:622px; position:absolute;} 

#projectClients .navigation {width: 100%; height: 25px;  }


#projectGallery .navigation {width: 817px; height:25px; font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
#projectGallery #slider {width: 612px; position: relative;}

.galleryImgLeft {float:left; width:505px; height:337px; position:relative; background-color:#c3c3c0; margin-top:15px;}
.galleryCaption {float:left; width:297px; height:337px; margin:15px 0 0 15px;}

.galleryImgLeftLow {float:left; width:505px; height:14px; position:relative; margin-top:9px;}
.galleryCaptionLow {float:left; width:297px; height:14px; margin-top:9px;}




#projectGallery .scroll { height:375px; width:785px; overflow:auto; position:relative; clear:left;}
#scroll2 { height:375px; width:818px; position:relative;}
#scroll2 .prev{ float:left;padding-left:16px;}
#scroll2 .next{ float:right; padding-right:18px;}
.scrollED { height:180px; width:818px; position:relative;}
.scrollED .prev{ float:left;padding-left:16px;}
.scrollED .next{ float:right; padding-right:18px;}
.scrollContainer {height:300px; width:805px;  position: relative; }

.scrollContainer2 {height:300px; width:800px; margin-top:5px; margin-left:15px; overflow:hidden; position: relative; }
.scrollContainer2 li {width:805px; float:left; }
.scrollContainerED {height:150px; width:800px; margin-top:5px; margin-left:15px; overflow:hidden; position: relative; }
.scrollContainerED li {width:805px; float:left; }

.thumbContainer {float:left; width: 140px; height: 140px; margin: 0 21px 20px 0; background: #000; position: relative; }
.thumbContainer a {display: block; }
.thumbContainer img { position:absolute;}
.thumbContainer .hoverTxt {
	height:130px;
	width:130px;
	padding:5px;
	background-color:#000;
	color: #fff;
	position: absolute;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}


/*---- footer ----*/

#footer, #footerHome {
	width: 817px;
	margin: 0 auto;
	background-color: #313129;
	text-align: left;
	}
#footer {
	width:865px;
	height:32px;
}
#footerHome {
	width: 817px;
	height:32px;
	}
	

.footerInfo { width:807px; height:25px; padding:7px 5px 0 5px; color:#5a5a50; background-color:#313129;}
#footer .footerInfo { width:855px;}
.footerInfo a {float:right;}

.footnav {clear:both; position:relative; left:0px; width:700px; background-color:#5a5a50;}
.footnav a { color:#fff; }
.footnav a:hover { color:#ed1b2e; }
.footnav li {display:inline; padding:0 20px 0 25px; background:url(../images/footnav-sep.gif) no-repeat 0 0px;}
.footnav li:first-child {background:none; padding-left:0px;}
.foothold{
	background-color:#5a5a50;
	clear:both;
	margin:0 auto;
	width:817px;
	height:15px;
	padding-top:5px;
	position:relative;
}
#footer .foothold {
	width:865px;	
}
.sitemap{color:#a1a29av; float:right; position:absolute; top:5px; right:0px;}
.sitemapHome{color:#a1a29av; float:right; position:absolute; top:5px; right:0px;}

/*---- text and links and others ----*/
.introTxt {
	line-height: 18px;
	width: 165px;
	padding: 275px 0px 10px 9px;
	text-align: justify;
	letter-spacing:0px;
}
#news h3 {width: 100%; border-bottom: 1px solid #a1a29a; margin-bottom: 15px;}
a:hover.newsLink {text-decoration: underline;}
.redBorder {border-bottom: 1px solid #ed1b2e; padding-bottom: 7px; margin-bottom: -1px;}
.redArrow {margin-left: 10px;}

h1#shortCaption {text-transform: uppercase; color: #c2c3c0; font: 22px/32px Arial, Helvetica, sans-serif; width: 815px; letter-spacing:1px;}

#title a {margin-left: 7px;}
.bodyTxt {
	color: #5a5a50;
	width: 100%;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
h6.redTitle, p.smTitle {
	color: #ed1b2e;
	margin: 0px 0 10px 0px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
p.smTitle {color:#5a5a50; margin-bottom: 10px; font-size: 10px;text-transform: uppercase;}
p.profile {width: 400px;}
.clientListLink {
	font-weight:bold;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
}
/*---------- clearing floats hacks ---------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	overflow: hidden;
}
.clear {
clear:both;
height:1px;
font-size:1px;
line-height:1px;
overflow:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */