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

body{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#666666;
	background-image:url(../images/backgrounds/bkgd.gif);
	background-position:center;
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
	padding-left:1px;
	text-align:center;
	color:#4c4c4c;
	font-size:11px;
}
img{
	margin:0px;
	padding:0px;
	border:none;
}
#container{
	position:relative;
	background-color:#8EAAC2;
	width:777px;
	margin:auto;
	text-align:left;
	padding:0px;
	border:0px;
}
p{
	line-height:150%;
}
a, a:link{
	color:#3a6e8f;
}
a:visited{
	color:#8d8e8f;
}

a:hover, a:active{
	color:#333333;
}
#header{
	position:relative;
	height:66px;
	background-image:url(../images/navs_go_here.gif);
}
#header_navs{
	padding:14px 20px;
}
.droptop{
	width:141px;
	height:24px;
	background-image:url(../images/menu_top.jpg);
	background-repeat:no-repeat;
}

/* CONTENT AREA */
#contentLeft{
	float:left;
	margin-left:15px;
	width:425px;
	padding:18px;
}
#contentLeft h1, #contentLeft h2{
	color:#3a6e8f;
	font-size:14px;
	margin-top:0px;
}
#contentLeft h3{
	color:#3a6e8f;
	font-size:12px;
}
#contentLeft .graphicTitle{
	position:absolute;
	top: 156px;
	z-index:999;
	margin:0px;
	left: 33px;
}
#contentLeft p {
	font-size:12px;
	margin-top:8px;
	margin-bottom:8px;
}
#contentRight{
	float:right;
	margin-right:15px;
	width:268px;
	background-color:#FFF;
	color:#4c4c4c;
}
#contentRight p{
	padding:0px 18px 0px 18px;
}
#contentRight h1, #contentRight h2{
	padding:0px 18px 0px 18px;
	font-size:14px;
	color:#3a6e8f;
}
#contentRight h2{
	padding-top:9px;
}
#contentRight .graphicTitle{
	position:absolute;
	top: 156px;
	left: 509px;
	z-index:999;
	padding:0px;
	margin:0px;
}
#contentRight ul{
	padding:0px;
	list-style:none;
	margin:0px;
	margin-top:-2px;
}
#contentRight li{
	background-image:url(../images/arrows/arrow_blueOnWhite.gif);
	background-position:15px 12px;
	background-repeat:no-repeat;
	border-top:#8d8e8f 2px dotted;
	padding:9px 18px 12px 36px;
	margin:0px;
	color:#4c4c4c;
}

#contentRight li h1{
	color:#3a6e8f;
	font-size:13px;
	margin:0px;
	padding:0px;
}
#contentRight li a{
	text-decoration:none;
}
#contentLeftBottom ul{
	border-top:#8d8e8f 2px dotted;
	padding:0px;
	list-style:none;
	margin:0px -18px;
}
#contentLeftBottom li{
	background-image:url(../images/arrows/arrow_blueOnWhite.gif);
	background-position:15px 12px;
	background-repeat:no-repeat;
	padding:9px 18px 12px 36px;
	margin:0px;
	font-size:12px;
	font-weight:bold;
}
#contentLeftBottom li h1{
	color:#3a6e8f;
	font-size:12px;
	margin:0px;
}
#contentLeftBottom li a{
	text-decoration:none;
}

/* FEATURED PROJECT */
#projectTop{
	height:32px;
	background-image:url(../images/backgrounds/bkgd_projectTop.gif);
}
#projectBottom{
	height:17px;
	background-image:url(../images/backgrounds/bkgd_projectBtm.gif);
	clear:both;
}
#projectBkgd{
     background-position:0px 32px;
	background-image:url(../images/backgrounds/bkgd_projectMid.gif);
	background-repeat:repeat-y;
	color:#FFF;
}

#projectInformation{
	color:#FFF;
	width:266px;
}
#projectInformation h1{
	color:#FFF;
	margin-top:0px;
}
#projectInformation p{
	margin-top:8px;
	margin-bottom:8px;
}
#projectNumber{
	position:absolute;
	left: 375px;
	top: 155px;
	font-size:12px;
}
.projectDivider{
	height:2px;
	border-top:2px dotted #8d8e8f;
	margin:0px -18px;
}

#projectImages{
	border-top:solid #FFF 2px;
	display:table;
	position:relative;
	height:268px;
	width:268px;
	background-color:#4C4C4C;
	overflow:hidden;
	text-align:center;
}
#projectImage{
	vertical-align:middle;
	text-align:center;
	display:table-cell;
	#position: absolute;
	#top: 50%;
}
#projectImage img{
	#position: relative;
	#top: -50%;
	#left:-50%;
}
#photolinks{
	background-image:url(../images/project_camera.gif);
	background-repeat:no-repeat;
	text-align:right;
	background-position:2px;
}
#photolinks img{
	border-left:2px dotted #98999b;
}
#projectDetails{
	float:right;
	width:138px;
	margin-top:-18px;
	color:#4c4c4c;
}
#projectDetails ul{
	padding:0px;
	list-style:none;
	margin:-2px -18px 0px 0px;
}
#projectDetails li{
	background-image:url(../images/arrows/arrow_blueOnWhite.gif);
	background-position:15px 12px;
	background-repeat:no-repeat;
	border-top:#8d8e8f 2px dotted;
	padding:24px 18px 12px 30px;
	margin:0px;
}
li#projectDetails li h1{
	color:#3a6e8f;
	font-size:13px;
	margin:0px;
}
#projectDetails li a{
	text-decoration:none;
}
#projectDetails li a:hover, li#projectDetails li a:active, li#projectDetails li a:focus{
	text-decoration:underline;
}

#projectNumber h1, li#projectSpecialty h1, li#projectIndustry h1, li#projectType h1, li#projectTimespan h1, li#projectLocation h1{
	display:none;
}
li#projectSpecialty{
	background-image:url(../images/li_specialty.gif);
}
li#projectIndustry{
	background-image:url(../images/li_industry.gif);
}
li#projectType{
	background-image:url(../images/li_type.gif);
}
li#projectTimespan{
	background-image:url(../images/li_timespan.gif);
}
li#projectLocation{
	background-image:url(../images/li_location.gif);
}
li#projectNavigation{
	background-image:none;
	padding:13px 9px 12px 13px;
}


#keyPoints{
	padding-bottom:6px;
}
#keyPoints ul{
	padding:0px;
	list-style:none;
	margin:0px;
}
#keyPoints li{
	background-image:none;
	border-top:none;
	border-bottom:#98999b 2px dotted;
	padding:9px 18px 12px 18px;
	margin:0px;
}
/* PROJECT LIST */
#projectsTop{
	height:32px;
	background-image:url(../images/backgrounds/bkgd_contentTop.gif);
}
#projectsBottom{
	height:17px;
	background-image:url(../images/backgrounds/bkgd_contentBtm_FFF_999.gif);
	clear:both;
}
#projectsBkgd{
     background-position:0px 32px;
	background-image:url(../images/backgrounds/bkgd_contentMid_FFF_999.gif);
	background-repeat:repeat-y;
}

#projectsBkgd #contentLeft ul{
	padding:0px;
	list-style:none;
	margin:0px -18px;
	border-top:#98999b 2px dotted;
}
#projectsBkgd #contentLeft li{
	padding:9px 18px 12px 18px;
	margin:0px;
	font-size:12px;
	font-weight:bold;
	clear:left;
	border-bottom:#98999b 2px dotted;
	height:44px;
}

#projectsBkgd #contentLeft li h1{
	color:#3a6e8f;
	font-size:12px;
	margin:0px;
}
#projectsBkgd #contentLeft li h1 a{
	text-decoration:none;
}
#projectsBkgd #contentLeft li h1 a:hover, #projectsBkgd #contentLeft li h1 a:active, {
	text-decoration:underline;
}


/* NEWS */
#newsTop{
	height:32px;
	background-image:url(../images/backgrounds/bkgd_contentTop.gif);
}
#newsBottom{
	height:17px;
	background-image:url(../images/backgrounds/bkgd_contentBtm_FFF_999.gif);
	clear:both;
}
#newsBkgd{
     background-position:0px 32px;
	background-image:url(../images/backgrounds/bkgd_contentMid_FFF_999.gif);
	background-repeat:repeat-y;
}


/* CONTACT */
#contactTop{
	height:32px;
	background-image:url(../images/backgrounds/bkgd_contactTop.gif);
}
#contactTop h1{
	display:none;
}
#contactBottom{
	height:17px;
	background-image:url(../images/backgrounds/bkgd_contactBtm.gif);
	clear:both;
}
#contactBkgd{
     background-position:0px 32px;
	background-image:url(../images/backgrounds/bkgd_contactMid.gif);
	background-repeat:repeat-y;
}
#contactInformation{
	color:#FFF;
	width:262px;
}
#contactInformation a, #contactInformation a:link, #contactInformation a:visited{
	color:#FFF;
	text-decoration:none;
}
#contactInformation a:hover, #contactInformation a:active, #contactInformation a:focus{
	color:#FFF;
	text-decoration:underline;
}
#contactInformation p{
	font-size:13px;
}
#contactRightNews ul{
	margin-top:2px;
}
#contactRightNews li{
	background-image:none;
	padding:6px 18px;
	border-bottom:#8d8e8f 2px dotted;
	border-top:none;
}



#contactInformation ul{
	border-top:#98999b 2px dotted;
	padding:9px 0px;
	list-style:none;
	margin:18px -18px;
}
#contactInformation li{
	background-image:url(../images/arrows/arrow_blueOnDarkGray.gif);
	background-position:18px 8px;
	background-repeat:no-repeat;
	padding:6px 18px 6px 36px;
	margin:0px;
	font-size:12px;
	font-weight:bold;
}
#contactContentRight{
	background-image:url(../images/contact_contentRight.jpg);
	width:183px;
	height:392px;
	position:absolute;
	left: 293px;
	top: 149px;
}

#specialtyBkgd #contentRight li {
	background-image:url(../images/bkgd_exampleProject.gif);
	background-position:0px 9px;
	background-repeat:no-repeat;
	border-top:none;
	border-bottom:#8d8e8f 2px dotted;
	padding-left:0px;
	clear:both;
	height:80px;
}

 #contentRight #featuredProject ul{
	border-top:none;
	padding-left:0px;
}
 #contentRight #featuredProject li{
	background-image:url(../images/bkgd_exampleProject.gif);
	background-position:0px 9px;
	background-repeat:no-repeat;
	border-top:none;
	padding-left:0px;
	clear:both;
	height:80px;
	list-style:none;
	margin-left:0px;
}


/* SPECIALTIES */

#specialtyTop{
	height:32px;
	background-image:url(../images/backgrounds/bkgd_specialtiesTop.gif);
}
#specialtyBottom{
	height:17px;
	background-image:url(../images/backgrounds/bkgd_specialtiesBtm.gif);
	clear:both;
}
#specialtyBkgd{
     background-position:0px 32px;
	background-image:url(../images/backgrounds/bkgd_specialtiesMid.gif);
	background-repeat:repeat-y;
	color:#FFF;
}
#specialtyDetails{
	float:right;
	width:144px;
	margin-top:232px;
	color:#4c4c4c;
}
#specialtyDetails ul{
	padding:0px;
	list-style:none;
	margin:0px -18px;
}
#specialtyDetails li{
	background-image:url(../images/arrows/arrow_whiteBlueOutline.gif);
	background-position:15px 12px;
	background-repeat:no-repeat;
	padding:10px 18px 7px 30px;
	margin:0px;
}
li#specialtyDetails li h1{
	color:#3a6e8f;
	font-size:13px;
	margin:0px;
}
#specialtyInformation{
	color:#FFF;
	width:246px;
}
#specialtyInformation li h1{
	color:#FFF;
	margin-top:0px;
}
#specialtyInformation h1{
	color:#FFF;
	margin-top:0px;
}
#specialtyInformation p{
	margin-top:8px;
	margin-bottom:8px;
}



#footer{
	margin-left:9px;
}

.dropdown ul {
	margin:0px;
	padding:0px 0px 20px 2px;
	list-style:none;
}
.dropdown li {
	margin:0px;
	padding:0px;
}
.dropdown{
	position:absolute;
	background-image:url(../images/drop_parts.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:141px;
	overflow:hidden;
	z-index:1000;
	top:115px;
	left: 67px;
	visibility:hidden;
}

#selectedNews{
	background-color:#4c4c4c;
	background-image:url(../images/arrows/arrow_blueOnDarkGray.gif);
	color:#FFF;
}
#selectedNews a:link, #selectedNews a:visited, #selectedNews a:hover, #selectedNews a:active, #selectedNews h1{
	color:#FFF;
	text-decoration:none;
}
form h1{
	margin-bottom:0px;
}
form p{
	margin-top:0px;
}