@charset "utf-8";
body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
}
a:link {
	color: #003366;
	text-decoration: none;
}
a:visited {
	color: #003366;
	text-decoration: none;
}

/* wrapper */

#divWrapper {
	width: 782px;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

/* header and navigation divs */

#divHeader {
}
#divNav {
	text-align: center;
	background-color: #1E3048;
}

/* side borders */

#divBorders {
	float: left;
	width: 780px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
}

/* content divs */

#divHomeContent {
	float: left;
	width: 780px;
	height: 399px;
	background-image: url(../images/home/bkgd_photo.jpg);
	background-position: 388px 0px;
	background-repeat: no-repeat;
	background-color: #364D6A;
	padding: 0 0px;
}
#divContent {
	float: left;
	width: 780px;
}
#divContentDkBlue {
	float: left;
	background-color: #4A596E;
}
#divContentLtBlue {
	float: left;
	background-color: #E2E5E9;
}

/* section divs */

#divSecHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1E304B;
	font-weight: bold;
	letter-spacing: 0.1em;
	width: 700px;
	background-color: #FFFFFF;
	background-image: url(../images/sec/sechd_logo.gif);
	background-repeat: no-repeat;
	background-position: 20px 10px;
	height: 43px;
	padding-left: 80px;
	padding-top: 30px;
}
#divLeftNav {
	float: left;
	width: 187px;
	background-color: #6C7789;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
}
#divRightContent {
	float: left;
	width: 526px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
}
#divRightContentText {
	float: left;
	width: 300px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 30px;
}
#divRightContentTextWide {
	float: left;
	width: 450px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 30px;
}


/* background photos */

#divAbout {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_about.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divServices {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_services.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divTrans {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_trans.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divBridgeDesign {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_BridgeDesign.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divBridgeInsp {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_BridgeInsp.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divConstrInsp {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_ConstrInsp.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divHwyDesign {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_HwyDesign.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divOverheadSign {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_OverheadSign.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divLongSpan {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_LongSpan.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divHwyBridges {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_HwyBridges.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divTraffic {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_Traffic.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divRailroadEng {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_RailroadEng.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divRailBridgeInsp {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_RailBridgeInsp.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divRailInfra {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_RailInfra.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divMunicipal {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_municipal.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divMunLandfill {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_MunLandfill.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divMunTrans {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_MunTrans.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divMunUtility {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_MunUtility.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divMunStormwater {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_MunStormwater.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divMunNatural {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_MunNatural.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divLandDev {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_LandDev.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divLandCivil {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_LandCivil.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divLandPlan {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_LandPlan.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divLandLandscape {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_LandLandscape.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divSurvey {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_survey.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divLandSurvey {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_LandSurvey.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divPhotogrammetry {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_photogrammetry.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divGIS {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_GIS.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divCareer1 {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_career_1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divCareer2 {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_career_2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divCareer3 {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_career_3.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divCareer4 {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_career_4.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#divCareer5 {
	float: left;
	width: 571px;
	background-image: url(../images/bkgds/bkgd_career_5.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


/* Design Studio */

#divSecHeadingDS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1E304B;
	font-weight: bold;
	letter-spacing: 0.1em;
	width: 550px;
	background-color: #FFFFFF;
	background-image: url(../images/bkgds/logo_DesignStudio.jpg);
	background-repeat: no-repeat;
	background-position: 14px 20px;
	height: 43px;
	padding-left: 230px;
	padding-top: 30px;
}
#divDesignStudio {
	float: left;
	width: 571px;
	height: 411px;
	background-image: url(../images/bkgds/bkgd_DesignStudio.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #BDDCE1;
}
#divLeftNavDS {
	float: left;
	width: 187px;
	height: 381px;
	background-image: url(../images/bkgds/bkgd_DS_LeftNav.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #D4DFED;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
}
#divContentLtDS {
	float: left;
	background-color: #BDDCE1;
}
#divProjectHilitesDS {
	float: left;
	width: 240px;
	background-color: #DDEDF0;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 24px;
	padding-left: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
}


/* project divs */

#divProjectLeft {
	float: left;
	width: 295px;
	background-color: #6C7789;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
}
#divProjectRight {
	float: left;
	width: 384px;
	padding-left: 20px;
	padding-right: 60px;
	padding-top: 9px;
	padding-bottom: 30px;
}
#divProjectHilites {
	float: left;
	width: 300px;
	background-color: #FFFFFF;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 24px;
	padding-left: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
}
#divProjectHilitesSM {
	float: left;
	width: 250px;
	background-color: #FFFFFF;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 24px;
	padding-left: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
}
#divProjectHilitesBlue {
	float: left;
	width: 200px;
	background-color: #A9B9C7;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 24px;
	padding-left: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
}
#ProjectTitle {
	position:absolute;
	top: 64px;
	left:0px;
	width:314px;
	height:51px;
	background-color: #687990;
	padding-left: 49px;
	padding-right: 10px;
	z-index: 100;
}
#Pullout {
	position:absolute;
	top: 64px;
	left:0px;
	width:376px;
	z-index: 100;
}


/* office divs */

#divOfficeLeft {
	float: left;
	width: 295px;
	background-color: #6C7789;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
}
#divOfficeRight {
	float: left;
	width: 384px;
	padding-left: 20px;
	padding-right: 60px;
	padding-top: 9px;
	padding-bottom: 30px;
}
#divOfficeButtons {
	width: 174px;
	padding-left: 6px;
	margin-top: 20px;
	background-color: #1E3048;
	border: 1px solid #FFFFFF;
}


/* footer */

#divFooter p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #666666;
	text-align: left;
	padding-top: 14px;
	padding-left: 0px;
	padding-bottom: 10px;
	vertical-align: top;
	margin-top: 3px;
}

/* text styles  */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-top: 9px;
	margin-bottom: 9px;
	list-style-image: url(../images/sec/bullet.gif);
}
ul, li {
	font-size: 12px;
	line-height: 16px;
	margin-top: 9px;
	margin-bottom: 9px;
	list-style-image: url(../images/sec/bullet.gif);
}

.buttonList a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
	color: #FFFFFF !important;
	padding-top: 0px;
	padding-bottom: 4px;
	padding-right: 3px;
}
.buttonList a:hover {
	color: #A9B9C7 !important;
	text-decoration: none;
}

.buttonSec a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
	color: #FFFFFF!important;
	width: 154px;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	padding-top: 4px;
	padding-left: 24px;
	padding-right: 6px;
	padding-bottom: 4px;
	border: 1px solid #FFFFFF;
	background-color: #1E3048;
	background-image: url(../images/sec/button_arrow.gif);
	background-repeat: no-repeat;
	background-position: 8px 5px;
}
.buttonSec a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #A9B9C7;
}
.buttonSecDS a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
	color: #FFFFFF!important;
	width: 154px;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	padding-top: 4px;
	padding-left: 24px;
	padding-right: 6px;
	padding-bottom: 4px;
	border: 1px solid #FFFFFF;
	background-color: #4A596E;
	background-image: url(../images/sec/button_arrow.gif);
	background-repeat: no-repeat;
	background-position: 8px 5px;
}
.buttonSecDS a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #71859F;
}
.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	color: #566578;
	text-align: right;
}
.divider {
	color: #999999;
	letter-spacing: .3em;
}
.Heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #666666;
	margin-top: 18px;
	margin-bottom: 18px;
}
.homeBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 9px;
}
.homeIntro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #003366;
	margin-top: 3px;
	margin-bottom: 0px;
}
.intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-top: 9px;
	margin-bottom: 9px;
	font-weight: bold;
	color: #333333;
}
.ListBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 6px;
}
.ProjTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin-top: 9px;
	margin-bottom: 6px;
	font-weight: bold;
	color: #003366;
}
.ProjLoc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 9px;
	color: #003366;
}
.ProjThumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin-top: 3px;
	margin-bottom: 0px;
}
.ProjBulletText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 9px;
}
.ProjHilitesHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #003366;
	margin-top: 0px;
	margin-bottom: 6px;
}
.ProjHilitesHeadingLt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #E2E5E9;
	margin-top: 0px;
	margin-bottom: 6px;
}
.ProjHilitesText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin-top: 6px;
	margin-bottom: 6px;
	color: #333333;
}
.ProjHilitesTextBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin-top: 12px;
	margin-bottom: 6px;
	color: #003366;
}
.ProjHilitesTextWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin-top: 6px;
	margin-bottom: 6px;
	color: #FFFFFF;
}
.PulloutText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-top: 9px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #FFFFFF;
}
.pullout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 12px;
}
.secBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-top: 9px;
	margin-bottom: 9px;
}
.smallBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	margin-top: 9px;
	margin-bottom: 9px;
}
.SubBlueCaps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #003366;
	margin-top: 18px;
	margin-bottom: 6px;
	text-transform: uppercase;
}
.SubBlueBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #003366;
	margin-top: 18px;
	margin-bottom: 0px;
}
.SubGrayBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #666666;
	margin-top: 18px;
	margin-bottom: 0px;
}
.SubGrayCaps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #666666;
	margin-top: 18px;
	margin-bottom: 3px;
	text-transform: uppercase;
}
.SubWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
}
.TableBodyWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
}
/* tables */
.TableHeading {
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #666666;
}
.TableSubhead {
	font-size: 11px;
	line-height: 12px;
	color: #FFFFFF;
	background-color: #999999;
	text-align: left;
	font-weight: bold;
}
.TableFirstColumn {
	font-size: 11px;
	line-height: 16px;
	background-color: #DEDEDE;
}
.TableBody {
	font-size: 11px;
	line-height: 16px;
	background-color: #EBEBEB;
	text-align: left;
}
.TableDisclaimer {
	font-size: 11px;
	line-height: 14px;
	margin-top: 3px;
	margin-bottom: 24px;

}