/* CSS Stylesheet
*	
*  client: Spot Marketing 
*  project: Shield Engineering
*  author: jjohnson (system7designs.com)
*
*/

body{background: url(../images/page-bg.gif) repeat-y left top #ccc; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
a img{border: 0; }
a{color: #06c;}
a:hover{text-decoration:none;}
p{margin: 0; padding: 10px 0 10px 0; line-height: 18px;}
.sectionHeader , .subsectionHeader, .sectionHeaderSmall{color: #9B3148; text-transform: uppercase; font-size: 14px; margin: 0; padding: 0; letter-spacing:-1px;}

.sectionHeaderSmall{font-size: 12px;}

.featured .sectionHeader{margin: 15px 0 0 20px; font-size: 16px;}
.featured .subsectionHeader{margin: 8px 0 0 30px;}
.featuredprojectLink{font-size: 12px;}
.callout{font-weight: bold; color: #666; padding: 5px 5px 5px 10px; font-size: 11px;}
.services-callout{ color: #666; padding: 5px 5px 5px 10px; font-size: 11px;}
dl.project-list{margin: 0 0 0 30px; padding: 0;}
	dl.project-list dt{margin: 3px 0; padding: 0;}
	dl.project-list dt a{color: #000;}
	dl.project-list dd{margin: 0 0 10px 0; padding: 0; font-size: 11px;}
	dl.project-list dd a{color: #448FDA; font-weight: bold; text-decoration: none;}
	dl.project-list dd a:hover{text-decoration:underline;}
.home #page-content{ margin: 12px 8px 0 0;}

.p-list-cont{width: 250px; margin: 10px 0 0 0; float: left;}
.f-proj-cont{width: 250px; margin: 10px 10px 0 0; float: right;}

.person{font-size: 10px; width: 250px; height: 50px; float: left; margin: 10px;}
.person .name{color: #333; font-weight: bold; font-size: 11px;}
.person .biolink{text-decoration: none; font-weight: bold; font-style: italic;}
.serLink{margin: 0; padding: 0; line-height: 20px;}
#service-content{width: 375px; margin: 12px 0 0 0; float:left;}

.serviceImg{float: left;}
.serviceImgCaption{float:right; width: 150px; font-size: 10px; margin: 0 20px 0 0;}

.bkLink{float: right;}

#ct{width: 760px; margin: 0 0 0 37px;}

#hd{background: url(../images/page-top-curve.gif) no-repeat left top; width: 797px; padding: 23px 0 0 37px; position: relative;}
#hd h1{margin: 0; padding: 0;}
#hd .logo{display: block; text-indent: -9999px; background: url(../images/web-logo.gif) no-repeat left top; height: 52px; width: 195px;}
#navigation{position: absolute; left: 232px; top: 26px; background: url(../images/nav/navigation-bg.gif) repeat-x left top; width: 563px; height: 49px; border-left: 2px solid #9E3049; z-index: 100px;}
#hd .emergency{background: url(../images/nav/emer-nav-bg.gif) repeat-x left top;}
#hd .geotechnical{background: url(../images/nav/geo-nav-bg.gif) repeat-x left top;}
#hd .environmental{background: url(../images/nav/environ-nav-bg.gif) repeat-x left top;}

#aboutsubnav{position: absolute; top: 50px; left: 394px; z-index: 999px;}

.lc{float: left; width: 195px;}
.rc{float: right; width: 565px;}

.clear_all{clear:both}
.clear_right{clear:right}
.clear_left{clear:left}


.linkList{margin: 0; padding: 0; list-style:none;}
.linkList li{margin: 0; padding: 3px 0; list-style:none;}


#ft{background: #ddd; margin: 50px 0 0 37px; clear: both; width: 760px;}
#ft a{color: #333;}
#ft a:hover{text-decoration:none;}
#ft .copyright{float: left; width: 360px; font-size: 10px; padding: 15px 0 0 15px;}
#ft .ft-logos{float: left; width: 380px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* main navigation formatting */
#thome a  {
	width: 50px;
	background: url(../images/nav/home.gif) top left no-repeat;
	}
#tservices a  {
	width: 110px;
	background: url(../images/nav/services.gif) top left no-repeat;
	}
#tabout a  {
	width: 90px;
	background: url(../images/nav/about.gif) top left no-repeat;
	}
#tcontact a  {
	width: 74px;
	background: url(../images/nav/contact.gif) top left no-repeat;
	}
#tfeatured a  {
	width: 102px;
	background: url(../images/nav/featured.gif) top left no-repeat;
	}
	
#tnews a  {
	width: 114px;
	background: url(../images/nav/news.gif) top left no-repeat;
	}	

#nav {margin: 0; padding: 0; height: 24px;	list-style: none; display: inline;	overflow: hidden;}
#nav li {margin: 0; padding: 0; list-style: none; display: inline;}
#nav a {float: left; padding: 24px 0 0 0; overflow: hidden; height: 0px !important; height /**/:24px; /* for IE5/Win only */}
#nav a:hover {background-position: 0 -24px;}
#nav a:active, #nav a.selected {background-position: 0 -48px;}
/* end main navigation */

/*sidebar navigation*/
#side-nav{margin: 0; padding: 0; list-style:none; position: relative;}
#side-nav li{margin: 0; padding: 0; list-style:none; position: relative;}

#side-nav #eng-env a:hover,#side-nav #geo-ser a:hover,#side-nav #emr-man a:hover{background-position: 0 -94px;}
#side-nav #eng-env a.selected,#side-nav #geo-ser a.selected,#side-nav #emr-man a.selected{background-position: 0 -94px;}
#side-nav #eng-env a{text-indent: -9999px; display:block; width:193px; height: 94px; background: url(../images/sidenav/eng-env.gif) no-repeat left top;}
#side-nav #geo-ser a{text-indent: -9999px; display:block; width:193px; height: 94px; background: url(../images/sidenav/geo-ser.gif) no-repeat left top;}
#side-nav #emr-man a{text-indent: -9999px; display:block; width:193px; height: 94px; background: url(../images/sidenav/emr-man.gif) no-repeat left top;}

#dropmenudiv{
position:absolute;
border:1px solid #eee;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:999;
margin: 7px 0 0 -5px;
background: #ccc;
}


#dropmenudiv a{
color: #666;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #eee;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{color: #9E3049;}



/*end sidebar*/

/* rounded grey boxes */
 .t {background: url(../images/dot.gif) 0 0 repeat-x;}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}
/* end rounded grey boxes */

/* photo caption blue boxes */
#blue-photo-caption, #orange-photo-caption, #green-photo-caption{width: 150px; color: #fff; float: right; margin: 12px 16px 0 0; font-size: 9px;}
/* hack for IE*/
* html #blue-photo-caption, * html #orange-photo-caption, * html #green-photo-caption{margin: 12px 8px 0 0;}
/*end IE hack*/
#blue-photo-caption p, #orange-photo-caption p, #green-photo-caption p{margin: 0; padding: 3px 0; line-height: 14px;}
#blue-photo-caption h5, #orange-photo-caption h5,  #green-photo-caption h5{margin: 0; padding: 0; font-size: 11px;}

#blue-photo-caption.t {background: #0056AC url(../images/emer-caption-dot.gif) 0 0 repeat-x;}
#blue-photo-caption .b {background: url(../images/emer-caption-dot.gif) 0 100% repeat-x}
#blue-photo-caption .l {background: url(../images/emer-caption-dot.gif) 0 0 repeat-y}
#blue-photo-caption .r {background: url(../images/emer-caption-dot.gif) 100% 0 repeat-y}
#blue-photo-caption .bl {background: url(../images/emer-caption-bl.gif) 0 100% no-repeat}
#blue-photo-caption .br {background: url(../images/emer-caption-br.gif) 100% 100% no-repeat}
#blue-photo-caption .tl {background: url(../images/emer-caption-tl.gif) 0 0 no-repeat}
#blue-photo-caption .tr {background: url(../images/emer-caption-tr.gif) 100% 0 no-repeat; padding:10px}


#orange-photo-caption{color: #000;}
#orange-photo-caption.t {background: #FFB340 url(../images/geo-dot.gif) 0 0 repeat-x;}
#orange-photo-caption .b {background: url(../images/geo-dot.gif) 0 100% repeat-x}
#orange-photo-caption .l {background: url(../images/geo-dot.gif) 0 0 repeat-y}
#orange-photo-caption .r {background: url(../images/geo-dot.gif) 100% 0 repeat-y}
#orange-photo-caption .bl {background: url(../images/geo-bl.gif) 0 100% no-repeat}
#orange-photo-caption .br {background: url(../images/geo-br.gif) 100% 100% no-repeat}
#orange-photo-caption .tl {background: url(../images/geo-tl.gif) 0 0 no-repeat}
#orange-photo-caption .tr {background: url(../images/geo-tr.gif) 100% 0 no-repeat; padding:10px}


#green-photo-caption{color: #fff;}
#green-photo-caption.t {background: #090 url(../images/e-dot.gif) 0 0 repeat-x;}
#green-photo-caption .b {background: url(../images/e-dot.gif) 0 100% repeat-x}
#green-photo-caption .l {background: url(../images/e-dot.gif) 0 0 repeat-y}
#green-photo-caption .r {background: url(../images/e-dot.gif) 100% 0 repeat-y}
#green-photo-caption .bl {background: url(../images/e-bl.gif) 0 100% no-repeat}
#green-photo-caption .br {background: url(../images/e-br.gif) 100% 100% no-repeat}
#green-photo-caption .tl {background: url(../images/e-tl.gif) 0 0 no-repeat}
#green-photo-caption .tr {background: url(../images/e-tr.gif) 100% 0 no-repeat; padding:10px}

/* end photo caption blue boxes */

/*popup page styles */

body.popup{background: #9E3049;}
.popcont{background: #fff;}