/*
Wagman
Created April 10, 2010
Jeff Green / Green Latitudes Interactive Solutions
*/

/* SERVICES PAGE SCREEN STYLES */
#contentWrapper { display:block; position:relative; width:100%!important; background:#FFF url(../images/ui/content-bkgd.jpg) repeat-x center 231px; }

#content { width:990px; display:block; position:relative; margin:0 auto; z-index:10; }

/* ========================== HEADER ========================== */
#headerWrapper { width:100%; height:229px; border-bottom:solid 2px #263271; position:relative; display:block; background:url(../images/ui/header-bkgd.jpg) no-repeat center top; z-index:100; }

.meetPeoplePromo { position:absolute; width:287px; height:169px; top:69px; right:20px; }

.meetPeoplePromo a { display:block; width:143px; height:29px; position:absolute; right:28px; bottom:0; background:url(../images/ui/btn-meet-people.png) no-repeat; }

/* specify which people shot */
.meetPeopleHighways { position:absolute; width:287px; height:169px; top:69px; right:20px; background:url(../images/header-people-6.png) no-repeat 0 0; }

.meetPeopleCrafts { position:absolute; width:287px; height:169px; top:69px; right:20px; background:url(../images/header-people-7.png) no-repeat 0 0; }

.meetPeopleCraftsMix { position:absolute; width:287px; height:169px; top:69px; right:20px; background:url(../images/header-people-8.png) no-repeat 0 0; }

.meetPeople2 { background:url(../images/header-people-2.png) no-repeat 0 0; }

.meetPeopleGeotech { background:url(../images/header-people-geotech2.png) no-repeat 0 0; }

.meetPeopleDesign { background:url(../images/header-people-design2.png) no-repeat 0 0; }

.meetPeopleMarine { background:url(../images/header-people-marine2.png) no-repeat 0 0; }

.meetPeopleGas { background:url(../images/header-people-gas.png) no-repeat 0 0; }


/* ========================== CONTENT ========================== */
.grid { width:970px; margin:auto; }

/* left column */
.grid-leftColumn { float:left; width:673px; padding-bottom:30px; }

.grid-leftColumn-latex { float:left; width:673px; background:url(../images/services-latex-trucks.jpg) no-repeat left bottom; border-bottom:solid 2px #CCC; }

#latex-brandon { position:relative; float:right; bottom:0; }

#latex-button { position:absolute; bottom:7px; margin-bottom:20px; }

.foundationsInset { width:330px; height:474px; float:right; background:url(../images/services-foundations-inset-shadow.png) no-repeat; margin:20px 7px 5px 15px; padding:0; }

.foundationsInset img { margin:15px 0 0 15px; }

#imgRight { float:right; margin:5px 7px 5px 15px; }

#imgLeft { float:left; margin-right:20px; }

#imgLeftInset { float:left; width:336px; }

.shadow {
	border:solid 8px #FFF;
	margin:5px;
	-moz-box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 8px #999;
	box-shadow: 0px 0px 8px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}

.shadowNoBorder { border:none; }

.caption { font:normal 12px/16px Tahoma, Geneva, sans-serif; color:#333; display:block; margin:0 20px 15px; text-align:right; }

.captionInset { margin:0 12px 15px; text-align:left; width:290px; float:left; display:inline; }

.captionRtColumn { margin:5px 0 15px; text-align:left; width:223px; float:none; display:block; }


/* ================= Accordion feature for GeoTech ================= */
#accordion3a { margin:0 20px 15px 10px; position:relative; }

#accordion3a div p { padding:10px 10px 20px 10px }

#accordion3a p { font:normal 13px/17px Tahoma, Geneva, sans-serif; color:#252525; padding:0 0 20px 0; margin:0 0 10px 0; /*border-bottom:dotted 2px #898989; clear:both;*/ display:block; }

#accordion3a h6 { font:normal 15px Tahoma, Geneva, sans-serif; color:#000; padding:5px 10px 10px 10px; margin:0; border-bottom:solid 1px #CCC; cursor:pointer; background:url(../images/careers-listing-bkgd.jpg) repeat-x; }

#accordion3a h6 a { text-decoration:none; }

/* ================= #Accordion feature for GeoTech ================= */


/* ================= GeoTech sub nav tabs ================= */
#geoTechTabs { position:relative; height:28px; margin:20px 10px 0; border-bottom:solid 1px #CCC; }

#geoTechTabs ul { list-style:none; }

#geoTechTabs li { float:left; height:28px; margin:0 4px 0 0; padding:0; background:url(../images/ui/subnav-tab-inactive.png) no-repeat; clear:none!important; width:auto; }

#geoTechTabs li.selected { background:url(../images/ui/subnav-tab-active.png) no-repeat; }

#geoTechTabs li a { display:block; height:28px; padding:5px 15px 0 15px; font:normal 14px Tahoma, Geneva, sans-serif; color:#FFF; text-transform:uppercase; background:url(../images/ui/subnav-corner-inactive.gif) no-repeat right top; text-decoration:none; }

#geoTechTabs li.selected a { background:url(../images/ui/subnav-corner-active.gif) no-repeat right top; }

#geoTechTabs li:hover { background:url(../images/ui/subnav-tab-active.png) no-repeat; }

#geoTechTabs li a:hover { background:url(../images/ui/subnav-corner-active.gif) no-repeat right top; }

/* IE 6 Tab Fixes */
#geoTechTabs li a { _padding:5px 0 0 0; _text-align:center; }
#geoTechTabs li a:hover { _background:none; }
#geoTechTabs li hover { _background:none; }
#geoTechTabs li a.Foundations { _width:126px; }
#geoTechTabs li a.Retention { _width:212px; }
/* ================= ##GeoTech sub nav tabs ================= */


.bridgesInset { width:450px; height:356px; float:right; background:url(../images/services-bridges-inset-shadow.png) no-repeat; margin:0 7px 0 15px; padding:0; }

.bridgesInset img { margin:15px 0 0 16px; }

.grid-leftColumn a { text-decoration:underline; }

.grid-leftColumn .servicesListings { float:left; width:672px; /*background:url(../images/services-vertical-divider.png) repeat-y 332px top;*/ padding:0; margin:0 0 20px 0; clear:both; }

.grid-leftColumn ul { list-style:none; }

.grid-leftColumn li { float:left; display:block; width:330px; padding:0; margin:0 6px 0 0; background:url(../images/services-listing-shadow.png) no-repeat 0 0; }

.grid-leftColumn li span { font:normal 13px/17px Tahoma, Geneva, sans-serif; color:#252525; padding:0 10px; display:block; }

.grid-leftColumn ul.OilandGas { list-style:none; padding:0 0 0 10px; width:653px; overflow:visible; }

.grid-leftColumn ul.OilandGas li { float:none; width:auto; display:block; padding:0; margin:0 0 3px 0; background:none; font:normal 13px/17px Tahoma, Geneva, sans-serif; color:#252525; }

.grid-leftColumn #oilImage { position:relative; display:block; width:653px; height:356px; background:url(../images/services-oil-bkgd.png) no-repeat; margin:15px 0; }

.grid-leftColumn #oilImage .image1 { position:absolute; left:17px; top:16px; }

.grid-leftColumn #oilImage .image2 { position:absolute; left:354px; top:16px; }

.grid-leftColumn p, .grid-leftColumn-latex p { display:block; font:normal 13px/17px Tahoma, Geneva, sans-serif; color:#252525; margin:0 10px; padding:0 0 15px 0; }

.grid-leftColumn li b { display:block; height:34px; font:bold 14px/18px Tahoma, Geneva, sans-serif; color:#263271; padding:0 20px 0 0; margin:0 0 4px 10px; text-transform:uppercase; }

.grid-leftColumn h3.highwaysListings { font:normal 19px/22px Georgia, "Times New Roman", Times, serif; color:#263271; padding:10px 0 0 0; margin:0 0 3px 10px; clear:both; border-top:dotted 2px #898989; }

.grid-leftColumn h3 { font:normal 19px/22px Georgia, "Times New Roman", Times, serif; color:#263271; padding:0; margin:0 0 3px 10px; clear:both; }

.grid-leftColumn h4 { font:normal 24px/27px Georgia, "Times New Roman", Times, serif; color:#263271; padding:0; margin:0 0 3px 0; }

.grid-leftColumn h5, .grid-leftColumn-latex h5, .grid-leftColumn h2 { margin-left:10px; }

.grid-leftColumn h2 { margin-top:10px; }

.grid-leftColumn li img { margin:17px 0 15px 15px; }


.grid-dividerColumn { float:left; height:1px; width:9px; }


/* right column */
.grid-rightColumn { float:left; width:223px; padding:32px; background:url(../images/ui/right-sidebar-bkgd.jpg) no-repeat center top; min-height:442px; }

.grid-rightColumn h3 { font:normal 20px Georgia, "Times New Roman", Times, serif; color:#263271; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:dotted 2px #898989; }

.grid-rightColumn ul b { display:block; font:bold 14px/18px Tahoma, Geneva, sans-serif; color:#263271; text-transform:uppercase; padding:0; margin:0 0 5px 0; border:none; }

.grid-rightColumn ul { list-style:none; border-bottom:dotted 2px #898989; }

.grid-rightColumn li, p { font:normal 14px/18px Tahoma, Geneva, sans-serif; color:#252525; padding:0; margin:0 0 10px 0; }

.grid-rightColumn a { font:normal 14px/18px Tahoma, Geneva, sans-serif; color:#252525; }

.grid-rightColumn a:hover { color:#263271; }

.grid-rightColumn li a img { /*float:right;*/ margin:10px 0 0 0; border:solid 1px #CCC!important; }