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

/* ------------------------------------------------------------------------------- */
/* //////////////////////////////// Basic Layout ////////////////////////////////  */
/* ------------------------------------------------------------------------------- */
* { 
	padding: 0; 
	margin: 0; 
	border: 0; 
}

html, body {
	height:100%;
}
body {

	text-align:center;
	background-color:#ffffff;
	font-size:.75em;
	line-height:160%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#3f3f3f;
	
}
#layout {
	width: 955px;
	margin:0 auto 0 auto;
	clear:both;
	float:none;
}
#container {
	width: 955px;
	text-align:left;
}



/* ------------------------------------------------------------------------------- */
/* ////////////////////////// HTML ELEMNTS RE-DEFINED ///////////////////////////  */
/* ------------------------------------------------------------------------------- */
h1 {
	display: none;
}

h2 {
	font-weight:normal;
	font-size:160%;
	line-height:125%;
	margin:0 0 31px 0;
	color:#F79E42;
	text-transform:uppercase;
}
h2 span {
	color:#FFCC66;
}
h3 {
	font-weight:normal;
	font-size:125%;
	line-height:140%;
	margin:0 0 15px 0;
	color:#8BB44F;
	text-transform:uppercase;
}
h4 {
	margin: 0 0 5px 0;
	font-weight:normal;
	font-size:110%;
	color:#666666;
	text-transform:uppercase;
	display:block;
}
h4 span {
	color:#76954A;
}
h5 {
	margin: 0 0 10px 0;
	font-weight:normal;
	font-size:100%;
	color:#666666;
	text-transform:uppercase;
	display:block;
}
p {
	line-height:160%;
	margin:0 0 15px 0;
	color:#666666;
}
hr {
	display:none;
}


#line { /* Alternate for hr tag */
	width:100%;
	height:1px;
	line-height:1px;
	margin:2px 0 23px 0;
	border-bottom: 1px dotted #F79E42;
}
a {
	color:#647CC8
}

/* ------------------------------------------------------------------------------- */
/* //////////////////////////    Header Div   ///////////////////////////////////  */
/* ------------------------------------------------------------------------------- */

#header {
	width: 955px;
	margin: 40px 0 30px 0;
	text-align: left;
	float:left;
	display:inline;
	
}
#logo{
	width:400px;
	height:37px;
	margin: 2px 36px 0 36px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	display:inline;
	float:left;
}
#header ul {
	
	padding: 0 0 14px 0;
	margin: 20px 0 0 0;
	font-size: 85%;
	border-bottom: solid 1px #b1205b;
	float: right;
	display:inline;
	}

#header ul li {
	margin: 0 10px 0 10px;
	text-transform: uppercase;
	list-style: none;
	display: inline;
	}
#header ul li#left {
	margin: 0 10px 0 0px;
}

#header ul li#right {
	margin: 0 0px 0 10px;
}

#header ul li a  {
	color: #666;
	text-decoration: none;
	}

#header ul li a:hover  {
	text-decoration: none;
	color: #739EEC;
	}
#header ul li a.selected {
	color: #739EEC;
}



/* ------------------------------------------------------------------------------- */
/* //////////////////////////    MAIN IMAGE   ///////////////////////////////////  */
/* ------------------------------------------------------------------------------- */

div#splash_image {
	width:955px;
	height:557px;
	background-color:#efefef;
	background-repeat:no-repeat;
	background-image:url(../images/splash.jpg);
	clear:both;
}

#splash_image p {
	display:none;
}

div#main_image {
	width:955px;
	height:142px;
	background-color:#efefef;
	background-repeat:no-repeat;
	clear:both;
}

.about_us {
	background-image:url(../images/header-aboutus.jpg);
}
.awards {
	background-image:url(../images/header-awards.jpg);
}
.contacts {
	background-image:url(../images/header-contact.jpg);
}
.office_locations {
	background-image:url(../images/header-benefits.jpg);
}
.employment {
	background-image:url(../images/header-employment.jpg);
}
.benefits {
	background-image:url(../images/header-benefits.jpg);
}
.services {
	background-image:url(../images/header-services.jpg);
}
.transportation {
	background-image:url(../images/header-transportation.jpg);
}
.structural {
	background-image:url(../images/header-structural.jpg);
}
.municipal {
	background-image:url(../images/header-municipal.jpg);
}
.construction {
	background-image:url(../images/header-construction.jpg);
}
.construction_proj {
	background-image:url(../images/header-construction2.jpg);
}
.facility {
	background-image:url(../images/header-facility.jpg);
}



.engineer {
	background-image:url(../images/header-cityengineer.jpg);
}
.local_streets {
	background-image:url(../images/header-localstreets.jpg);
}
.stormwater {
	background-image:url(../images/header-stormwater.jpg);
}
.wastewater {
	background-image:url(../images/header-wastewater.jpg);
}
.water_distro {
	background-image:url(../images/header-waterdistro.jpg);
}



.bridge_construct {
	background-image:url(../images/header-bridgeconstruction.jpg);
}
.bridge_design {
	background-image:url(../images/header-bridgedesign.jpg);
}
.concept_studies {
	background-image:url(../images/header-conceptstudies.jpg);
}
.program_manage {
	background-image:url(../images/header-projectmanage.jpg);
}


.expressway_design {
	background-image:url(../images/header-expresswaydesign.jpg);
}
.federal_aid {
	background-image:url(../images/header-federalaid.jpg);
}
.lighting_design {
	background-image:url(../images/header-roadwaylighting.jpg);
}
.traffic_studies {
	background-image:url(../images/header-trafficstudy.jpg);
}
.traffic_design {
	background-image:url(../images/header-trafficsignal.jpg);
}




/* ------------------------------------------------------------------------------- */
/* /////////////////////////////    SIDE BAR     ////////////////////////////////  */
/* ------------------------------------------------------------------------------- */
#side_bar {
	width:275px;
	float:left;
	display:inline;
	margin:82px 0 0 0;
	clear:none;
}

#side_bar_two {
	width:275px;
	float:left;
	display:inline;
	margin:-32px 0 0 0;
	clear:none;
}

/* ====== Main Nav ===== */

#navigation  {
	width:150px;
	color:#666666;
	text-align:right;
	text-transform:uppercase;
	margin:0 25px 10px 0px;
	display:inline;
	float: left;
}
#navigation h3 {
	display: none;
}
#navigation ul {
	width:100%;
	list-style: none;
	font-size:125%;
	line-height:140%;
}
#navigation ul li {
	text-transform: uppercase;
	list-style: none;
	margin:0 0 11px 0;
	text-align: right;
	}
#navigation ul li a  {
	color:#666666;
	text-decoration: none;
	}
#navigation ul li a:hover  {
	color: #739EEC;
	}
#navigation ul li a.selected {
	color: #739EEC;
}
	
	
/* ====== Sub Nav ===== */

#sub_nav  {
	width:99px;
	line-height:130%;
	float:left;
	display:inline;
	margin:0px 0px 15px 0px;
}
#sub_nav ul {
	list-style:none;
	
}

#sub_nav ul li {
	width:100%;
	float:left;
	text-align:right;
	margin:0 0 18px 0;
	list-style:none;
	
}
#sub_nav ul li a {
	color: #666;
	text-decoration: none;
}
#sub_nav ul li a:hover {
	color: #739EEC;
}
#sub_nav ul li a.selected {
	color: #739EEC;
}



/* ------------------------------------------------------------------------------- */
/* ////////////////////////// BODY CONTENT DIV //////////////////////////////////  */
/* ------------------------------------------------------------------------------- */

#body_content {
	width:645px;
	margin: 25px 0 0 35px;
	padding: 0 0 25px 0;
	float:left;
	display:inline;
	clear:none;
}

#left_body_colum {
	float:left;
	display:inline;
	width:420px;
}
#left_body_colum p {
	width:417px;
}
#right_body_colum {
	width:190px;
	margin: 0 0 0 34px;
	float:left;
	display:inline;
}

/* ------------------------------------------------------------------------------- */
/* ///////////////////////   BODY CONTENT STYLES   //////////////////////////////  */
/* ------------------------------------------------------------------------------- */
#body_content ul, #body_content li {
	list-style-position:outside;
}
#body_content ul {
	margin:0 35px 25px 30px;
}
#body_content li {
	color:#666666;
	line-height:125%;
	margin:0 0 10px 0;
}

#right_images {
	margin: 60px 0 35px 0;
	width:115px;
	text-align:center;
}
#right_images p {
	text-align:center;
}

/* ---- People Section --- */
#people #email {
	margin:0 0 10px 0;
}
#people #about {
	margin:0 0 35px 0;
}
#right_images .people {
	margin:0 0 100px 0;
}
/* ---- Employment ------ */
#anchor {
	text-decoration:none;
}

/* ---- News Section --- */

#news_item {
	float:left;
	display:inline;
	margin: 0 0 35px 0;
	width:645px;
}
#news_item h4 {
	display:inline;
	color:#76954A;
	margin:0px;
}
#left_news_colum p {
	display:inline;
	width:417px;
	
}
#left_news_colum {
	float:left;
	display:inline;
	width:420px;
}
#right_news_colum {
	width:115px;
	margin: 5px 0 0 35px;
	overflow:hidden;
	text-align:center;
	float:left;
	display:inline;
}
/* ---- Contacts Section --- */
#contacts #email {
	margin:0 0 30px 0;
}
/* ---- Awards Section --- */
#narrow {
	width:420px;
}
#award {
	float:left;
	display:inline;
	margin: 0 0 0px 0;
	width:645px;
}
#award h3 {
	display:inline;
	color:#8BB44F;
	margin:0px;
}
#award h3 a {
	color:#8BB44F;
	text-decoration:none;
}
#award h3 a:hover {
	text-decoration:underline;
}
#award_text p#owner {
	margin:0px;
}
#award ul, #award li {
	list-style-position:outside;
}
#award ul {
	margin: 10px 20px 15px 35px;
}
#award li {
	color:#666666;
	line-height:125%;
	margin:0 0 10px 0;
	list-style-type:none;
}
#award li#one {
	color:#666666;
	line-height:125%;
	margin:0 0 0px 0;
	font-weight:bold;
	list-style-type:disc;
}
#award_text {
	float:left;
	display:inline;
	width:420px;
	min-height:140px;
}
#award_text p {
	width:417px;
}
#award_image {
	width:190px;
	margin: 5px 0 20px 34px;
	overflow:hidden;
	text-align:center;
	float:left;
	display:inline;
}
#award #line {
	margin-bottom:25px;
	margin-top:13px;
	width:420px;
	clear:both;
}
/* ---- Project and Services --- */
#project_details {
	border-left: solid 1px #b1205b;
	height:300px;
	padding:10px;
	margin:0 0 30px 0;
	width:149px;
	
}
#project_details h4 {
	color: #b1205b;
	text-transform:capitalize;
	font-weight:bold;
	margin:0px;
	line-height:100%;
}
#project_details p {
	margin:3px 0 10px 0;
	line-height:130%;
}
#project {
	font-size:140%;
	color:#447EE2;
}

#blue_square {
	background-color:#447EE2;
	width:275px;
	height:142px;
	float:left;
	display:inline;
}
#project_img {
	background-color:#efefef;
	width:420px;
	height:256px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:0 35px 0 35px;

}
#project_thumbs img {
	width:50px;
	height:30px;
}
.imga {
	margin: 0 15px 15px 0;

}
.imgb {
	margin: 0 15px 15px 0;

}
.imgc {
	margin: 0 0 15px 0px;
}

#project_thumbs {
	overflow:hidden;
	width:190px;
	height:256px;
	float:left;
	display:inline;
}
#project_header {
	width:955px;
	height:256px;
	clear:both;
}


/* ---- Project Number Navigaion --- */

#number_box_title {
	clear:both;
	float:none;
	margin:15px 0 10px 0;
	width: 270px;
}
#number_box_title h3 {
	color:#666666;
	text-transform:uppercase;
	font-size:100%;
	line-height:normal;
	text-align:right;
	margin:0px;

}
#project_number_box {
	color:#ffffff;
	font-size:150%;
	padding:8px 20px 8px 20px;
	margin:0 0 0 5px;
	text-decoration:none;
	display:inline;
	float:right;
}
a#project_number_box {
	text-decoration:none;
	color:#ffffff;
}
a.selected_proj:hover {
	background-color:#4C90F8;

}
a.noselect_proj:hover {
	background-color:#4C4C4C;

}
#clear_numbers {
	width:270px;
	clear:both;
	height:2px;
	margin:0 0 20px 0;
}
.noselect_proj {
	background-color:#3C3C3C;
}
.selected_proj {
	background-color:#447EE2;
	
}

/* ------------------------------------------------------------------------------- */
/* //////////////////////////     FOOTER DIV   //////////////////////////////////  */
/* ------------------------------------------------------------------------------- */

#footer {
	margin:35px 0 0 0;
	font-size:10px;
	width:955px;
	clear:both;
	padding:0 0 50px 0;
	width:955px;
}
#footer ul {
	width:955px;
	font-size: 9px;
	border-top: solid 1px #666666;
	color:#666666;
	}

#footer ul li {
	text-transform: uppercase;
	list-style: none;
	display: inline;
	margin: 0 10px 0 0px;
	float: left;
	}
#footer ul li#left {
	margin: 0 10px 0 0px;
}
#footer ul li#right {
	margin: 0 0px 0 10px;
	float:right;
}

#footer ul li a  {
	color: #666;
	text-decoration: none;
	}

#footer ul li a:hover  {
	text-decoration: none;
	color: #739EEC;
	}