/* @override http://aquasurvey.com/common/global.css */

/* @override http://www.aquasurvey.com/common/global.css */

/* @override http://www.aquasurvey.com/common/global.css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dd, dl, dt, ol, fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	text-align: left;
	vertical-align: baseline;
	text-decoration: none;}
	
a img, :link img, :visited img {border: 0;}

object *, embed * {position: relative; z-index: 100;}


.smaller {
	font-size: 80% !important;}

table {
	border-collapse: collapse;
	border-spacing: 0;}
	
li {margin:0px;}
a {outline: none; color: #46738c;}
.floatr {float:right;}
.floatl {float:left;}

.module a {
	color: white;
}


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/*end reset */

body {
	font: 13px/22px "Lucida Grande", "Lucida Sans", Arial;}
	
body {
	background:#0F181D url(../images/body_bg_vertical_sub.gif) center repeat-y;
}
	
.main p {font: 13px/18px "Lucida Grande", "Lucida Sans", Arial;}

#subpage div.container div.main.clearfix div.left p {
	margin-bottom: 15px;
	
}

.container {
	margin: auto;}
	
h5 {
	text-transform: uppercase;
	padding: 5px 0;
	font-size: 12px;
	color: white;}
	

.h-list {
	list-style: none;
	margin: 0;
	padding: 0;}
	
.h-list li {
	display: inline;
	margin: 0;}

a {
text-decoration: underline;}

#nav a, .grid a {
text-decoration: none;}


/* header */

.header {
	border-top: 1px solid #17252D;
	color: white;
	padding-bottom: 15px;
	background: url(../images/header_bottom_bg.gif) center bottom no-repeat;  }

body#subpage .header {
	background: url(../images/sub_header_bottom_bg.gif) center bottom no-repeat;  }
	
/* LEFT */
	
.header .left {
	margin-top: 16px;
	float: left;
	width: 107px;
	background: none !important;}
	
a.logo_mark {
	display: block;
	width: 99px; height: 82px;
	margin-right: 10px; 
	text-indent: -9999px;
	background: url(../images/logo_mark.gif) no-repeat;
	float: left;}
	
	
/* MIDDLE */

h1.logo_text {
	width: 237px; height: 34px;
	margin: 10px 0 10px 0;
	text-indent: -9999px;
	background: url(../images/logo_text.gif) no-repeat;
	clear: none;}
	
.header .middle {
	margin-top: 16px;	
	float: left;
	width: 400px !important;
	background: none !important;}


.topnav li {
	margin-right: 15px;}

.topnav a {
	color: white;
	text-decoration: underline;
	font-size: 90%;}

	
/* RIGHT */

.header .right { /* aka .topforms */
	float: right;
	width: 225px;
	padding: 10px 10px 14px 16px;
	background: #17262e url(../images/search_bg.gif) no-repeat 0 bottom;}
	



div.header div.top_forms.right div.formy p span {
	display: block;
	margin-top: 3px;
	width: 220px;
	height: 25px;
	background: url(../images/textbox.gif);
}
	
div.formy input.field {
	width: 170px;
	height: 20px;
	border: none;
	background: none;
	padding: 4px 0 0 5px;
	color: #999;}


div.formy input.button {
	width: 35px;
	font-size: 70%;
	text-indent: -9999px;
	height: 24px;
	background: none;}


	
	

	

/* MENU CSS --------------------------------------------------- */


	
/* project type drop down*/

#nav li.top.one ul.sub li a {
width: 180px;}
#nav li.top.one ul.sub {
 width: 200px;} 
 
/* sediment sampling drop down*/

#nav li.top.two ul.sub li a {
	width: 240px;}
#nav li.top.two ul.sub {
	width: 260px;}
	
	
/* geophysical survey drop down*/

#nav li.top.three ul.sub li a {
	width: 320px;}
#nav li.top.three ul.sub {
	width: 340px;}
	
/* toxicity lab drop down*/

#nav li.top.four ul.sub li a {
	width: 280px;}
#nav li.top.four ul.sub {
	width: 300px;}
	

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

ul#nav {
	height: 40px;
	padding:0;
	margin:0;
	list-style:none;  
	background: #355769; 
	position:relative; 
	z-index:999; 
	font-family:arial, verdana, sans-serif;}

#nav li.top {
	display: inline;
	float: left;
	margin: 0;
	position: relative;
	padding: 0;
	}
	
#nav li.top a {
	background: url(../images/down_arrow_white.gif) 11px center no-repeat;
	padding: 12px;
	padding-left: 22px;
	display: block;
	margin: 0;
	font: 13px "lucida grande", "lucida sans", arial;
	letter-spacing: 1px;
	text-transform: uppercase ;
	color: white;
}

#nav li.top .sub a {
	background-image: none;}


a.top_link.special, a.top_link:hover {
	background:#FFD700 url(../images/down_arrow_yellow.gif) 10px center no-repeat !important ;}

#nav li a.special,
#nav li.top a:hover, /* hover states, and nested hover states */
#nav li:hover a.top_link, #nav .iehover a.top_link,
#nav li:hover a.top_link span, #nav .iehover a.top_link span
#nav li:hover a.top_link span.down, #nav .iehover a.top_link span.down {
background-color: #FFD700;
color: #355769;}


#nav li a.top_link span {
	float:left; display:block; 
	padding:0 24px 0 12px; 
	height:35px; 
	background: url(../img/three_0.gif) right top no-repeat;}


/* Default list styling */

#nav li:hover {
	position:relative;
	z-index:217;}

#nav li:hover ul.sub, #nav .iehover ul.sub  {
	left:0; 
	top:40px; 
	background: url(../images/trans_80_white.png); 
	background:white;
	padding:0;
	margin: 0;
	/*white-space:nowrap; */
	width:350px; 
	height:auto; 
	z-index:999;
	border: 2px solid #ccc;
	border-width: 0 3px 3px 3px;}
	
	
#nav li:hover ul.sub li, #nav .iehover ul.sub li {
	display:block;
	padding: 0px;
	margin: 0px;
	position:relative; 
	float:left; 
	width:330px; 
	font-weight:normal;}
	
#nav li:hover ul.sub li a, #nav .iehover ul.sub li a {
	display:block; 
	font-size:11px; 
	width:330px;
	padding: 10px;
	line-height:18px;
	color:#355769; 
	text-decoration:none;
	border-bottom:1px dotted #999;}
	
#nav li:hover ul.sub li a:hover, #nav .iehover ul.sub li a:hover {
	color:#355769;
	background-color: #FFD700; }
		
#nav li:hover ul.sub li a:hover, #nav li:hover ul.sub li a:hover { /* SUB ITEMS WHEN THYRE HOVERED OVER */
	color:#355769;
	background-color: #FFD700; }
	


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul {
	left:181px; 
	top:0; 
	/*padding:3px; */
	white-space:nowrap; 
	width:120px; 
	z-index:400; 
	height:auto;}
	

	

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly {
	/*background:#6a812c url(../images/arrow_over.gif) 80px 6px no-repeat; */
	color:#fff; 
	background: #212121;
	border-right: 1px dotted black;
} 

#nav ul {
	background: white;}


#nav li:hover ul.mid li a {
	width: 300px;
	border: 1px solid red;}

ul.bullets {
	color: white !important;
}

ul.bullets li {
	color: white !important;
	float: none !important;
} 




.main ul {
	list-style: square;
	/*margin-left: 60px;*/
	margin-left: 10px;
}

html>body .main ul {
	margin-left: 10px; 	}



.main ul li {
	margin-bottom: 6px;
	font-size: 90%;
	color: #355769;
}

*:first-child+html .main .service ul {
	margin-left: 60px;
}






#search_page li {
	margin-bottom: 15px;
	line-height: 18px;

}

#subpage div.container div.header.clearfix div.top_forms.right div.formy p input {
	font-size: 13px;
}



#subpage div.container div.header.clearfix div.top_forms.right div.formy p {
	font-size: 12px;
	line-height: 24px;
}

div.module {
	border-bottom: 1px solid black;
	border-style: dashed;
}

div.module.mailing {
	background: #17262e;
}

div.mailing h4 {
	background-color: transparent !important;
	border-bottom: none !important;
	padding: 15px !important;
	margin-bottom: 0 !important;
}


div.module.mailing p span {
	display: block;
	margin-top: 3px;
	width: 220px;
	height: 25px;
	background: url(../images/textbox.gif);
}


div.footer a {
	color: #FFD700;}
	
body.searched .summary_box {
	display: none;}
	
body.searched div.main div.left h3 {
	margin-top: 20px;}
	
body.searched p.special {
	display: none;}
	
body.subpage div.odd p, body.subpage div.even p {
	
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc !important;}

	
	
a .serviceimg {
	float: right;
	clear: both;
	padding: 1px;
	border: 5px solid #eaeaea !important;
	margin: 10px;}

div.aside {
	background: #eee;
	border-bottom: 1px #ccc solid;
	padding: 11px;
	margin: 0px 10px 0px 30px;
	float: right;
	clear: both;
	width: 240px;
}

div.aside p{
	margin: 0 !important;
	font-size: 11px;
	font-weight: bold;
	color: black !important;
}

div.aside p a {
	background: no-repeat bottom left;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 8px;
}

div.aside p a.video_dl {
	background-image: url(../images/animation.gif);
	height: 29px; width: 21px;
}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background: transparent;}
a.tt:hover span.tooltip{
	border-top: 1px solid #ccc;
    display:block;
    position:absolute;
    bottom:20px; left:15px;
	padding: 10px 10px 12px 10px;
   	text-indent: -9999px;
}

a.tt span.tooltip.v {
	background: url(/images/tt-video.gif) no-repeat;
	width: 61px;
}
a.tt span.tooltip.vl {
	background: url(/images/tt-video-link.gif) no-repeat;
	width: 165px;
}
a.tt span.tooltip.p {
	background: url(/images/tt-pdf.gif) no-repeat;
	width: 86px;
}



div.aside p a.video_link {
	background-image: url(../images/video.gif);
	height: 27px; width: 27px;
}

div.aside p a.photo_dl {
	background-image: url(../images/photo.gif);
	height: 27px; width: 35px;
}

div.aside p a.pdf_dl {
	background-image: url(../images/pdf.gif);
	height: 27px; width: 23px;

}

	
div.extraphotos {
	width: 240px;
	float: right;
	clear: both;
	background: #eee;
	border-top: 1px #ccc solid;
	padding: 10px;
	padding-top: 4px;
	margin: 0px 10px 0px 30px;
}

div.extraphotos  img {
	border: 2px solid #aaa;	
	padding: 1px;
	background: white;
	margin-right: 4px;
}

div.extraphotos p {
	font-size: 11px;
	font-weight: bold;
	color: black;
	margin: 0 0 4px !important;
}

div.module.news p {
	margin: 0 !important;
	padding: 5px 4px 5px 7px ;
	border-bottom: 1px dotted black;
}

div.module.news a {
	text-decoration: none;}

div.module.news p span.date {
	color: #FFD700;
	font-weight: bold;
	text-decoration: none;}

/*div.module.news p.o {
	background-color: #17262e;
}

div.module.news p.e {
	background: #121f26;}*/
	
h1.blocked {
	padding: 15px;
	background-color: #FFD700;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #634d00;
	margin: -30px 0 30px 5px;}
	
	h1.blocked span {
		float: right;}
	
	
h3.little {
	margin: 0 5px;
	padding: 5px;
	background: #355769;
	border-bottom: 1px solid #17262e;
	color: white;
	font-size: .8em;}
	
	
ol {
	margin-left: 20px;
}	
	
ol li {
	color: #46738c;
	font-weight: bold;
	margin-bottom: 4px;
	font: italic 13px georgia;
}

ol li span {
	color: white;
	background: none;
	font: 11px "lucida sans unicode";
}

.container {
	padding: 0px;
	width: 910px;}

.main {
	background: url(../images/sub_body_bg.gif) white center repeat-y;
	padding: 0px; }
	
#subpage ul#nav.clearfix {
	margin: 0 5px;
}
/* ==================================================================== picture nav ================================== */


#subpage div.main ul#picture_nav {
	width: 900px;
	margin: 0 0 0 5px;
	padding: 0;
	}

#picture_nav li {
	display: block;
	float: left;
	height: 120px;
	width: 149px;
	border-right: 1px solid black;
	margin: 0;
	background: url(../images/picture_nav_sprite.gif);}
	
#picture_nav li.one {
	background: url(../images/picture_nav_sprite.gif) 0px 0px; }
#picture_nav li.two {
	background: url(../images/picture_nav_sprite.gif) -150px 0px; }
#picture_nav li.three {
	background: url(../images/picture_nav_sprite.gif) -300px 0px; }
#picture_nav li.four {
	background: url(../images/picture_nav_sprite.gif) -450px 0px; }
#picture_nav li.five {
	background: url(../images/picture_nav_sprite.gif) -600px 0px; }	
#picture_nav li.six {
	background: url(../images/picture_nav_sprite.gif) -750px 0px; }	
	
		
#picture_nav li.last {
	width: 150px;
	border: none;}

#picture_nav li a {
	display: block;
	background: url(../images/trans_grid.gif);
	height: 70px;
	color: #FFD700;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 50px;
	text-align: center;
	letter-spacing: 1px;}
	
	
html>body #picture_nav li a {	
	background: url(../images/trans_75.png);
}
	

#picture_nav li a:hover {
	background: none;}
	



/* ==================================================================== misc ================================== */

div.left p {
	margin: 0 30px;
	color: #666;}
	
div.container div.main div.left {
	width: 646px; /* 646 */
	float: left;
	padding-top: 25px;}
	
	
div.main div.left h2 {
	color: #FFD700;
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 15px;}
	
	
div.left div.summary_box {
	background: #17262E;
	border-top: 1px solid #17262E;
	border-right: 1px dotted #303B41;
	margin-bottom: 30px;
	margin-left: 5px; 
	margin-top: -25px;
	}
	
.summary_box .right {
	float: right;
	width: 394px;
	margin: 20px;	
	margin-right: 0;
	margin-left: 5px;}
	

	
.summary_box img {
	float: left;}
	
div.left div.summary_box p {
	padding: 0;
	margin: 0;
	color: white;
	font: 12px/20px "Lucida Grande", "Lucida Sans";}	
	
.summary_box ul.left {
	float: left;
	margin: 0;
	padding: 0px !important;
	width: 380px;}
	
.summary_box ul.svclinks a {
	width: 175px;
	display: block;
	font-size: 10px !important;
}
	
.summary_box ul.right {
	float: right;
	margin: 0;
	padding: 0 !important;
	width: 180px;}
	
.summary_box ul.svclinks li {
	display: block;
	width: 150px;
	float: left;
	margin-right: 28px;
	list-style: none;
	padding-left: 12px;
	background: url(../images/reversed_bullet.gif) 0px 7px no-repeat;
	margin-bottom: 5px;
	margin-left: 0px !important;}
	
.summary_box ul li a {
	color: white;
	font-size: 11px;
	line-height: 14px;}

div.left h3 {
	font-size: 15px;
	font-weight: bold;
	color: #17262E;
	margin: 0 0 15px 30px ;}

	
div.left p.special {
	text-align: right;
	border-bottom: 1px dotted #ccc;
	margin: 30px 0px 30px 5px;
	font-size: 80%;
	clear: both;}

div.left p.special a {
	background: #ccc url(../images/top_left_corner.gif) no-repeat top left;
	padding: 4px 7px;	
}
	
/* ==================================================================== right column ================================== */

#subpage div.sidebar {
	float: right;
	width: 264px;
	color: white;
}

.sidebar .module {
	padding: 10px 15px 15px 15px ;
	margin-right: 5px;
	background: url(../images/sidebar_dark_bg.gif) repeat-y;}
	
#subpage div.sidebar div.module p {
	color: white;
	font-size: 11px;
	margin-bottom: 10px;}
	
#subpage .sidebar h4 {
	background-color: #FFD700;
	color: #FFD700;
	text-transform: uppercase;
	margin: -10px -15px 15px -15px;

	border-bottom: 2px solid black;
}

#subpage .sidebar h4 a {
	color: black;
	text-decoration: none;
	padding: 10px;
	display: block;
}

#subpage .sidebar h4 a:hover {
	background-color: #e0bf24;
}

#subpage .sidebar h4 a span {
	float: right;
}



/*#subpage .sidebar div.module.movie h4{
	padding: 13px 13px 10px 1px;
	background: url(../images/video_bg.gif) left no-repeat;
	border: none ;
}*/

#subpage .sidebar div.module.movie a.button {
	cursor: pointer;
	display: block;
	background: url(../images/yellow_button.gif) center no-repeat;
	text-align: center;
	padding: 15px;
	text-transform: uppercase;
	font-size: 13px;
	color: black;}
	

#subpage .sidebar div.module.movie .video {
	border-top: 1px dotted #5F717A;
	padding: 10px 0;
}	

#subpage .sidebar div.module.movie .video a.thumb {
	float: left;
	margin-right: 7px;
	display: block;
	width: 101px;
	height: 58px;
}



#subpage .sidebar div.module.movie .video a span {
	cursor: pointer;
	display: block;
	height: 58px;
	background: url(../images/video_thumb_border.gif);
	text-indent: -9999px;
}

html>body .sidebar div.module.movie .video a span {
		background: url(../images/video_thumb_border.png) !important;
		cursor: pointer;
}
	

	
/* ==================================================================== footer ================================== */

.footer {
	border-top: 1px dotted #51656F;
	width: 900px;
	margin: 10px auto;
	padding-top: 10px;}

.footer p {
	font: 12px/17px "lucida grande", "lucida sans";
	color: white;}

.footer p.floatr {
	text-align: right;}


	/* ==================================================================== video page ================================== */

div.movie_thumb {
	float: left;
	width: 174px;
	margin-left: 25px;
	margin-bottom: 15px;	
	height: 165px;
}

div.movie_thumb div a {
	display: block;
	width:170px;
	height:94px;
	text-indent: -99999px;
	background: url(../images/play_btn.png) center center no-repeat;
	border:3px solid #eaeaea;
}
	
div.movie_thumb div a:hover {
	border:3px solid #17262E;}

div.movie_thumb div {
	width: 174px; height: 98px;
	margin-bottom: 5px;
}

div.movie_thumb p {
	margin: 0;
	margin-left: 3px;
	font-size: 11px;
	font-weight: bold;
	
}

/* contact form */

div.main div.email {
	padding: 15px;
	float: right;
	width: 200px;
	margin-right: 20px;
	border: 1px dashed #ccc;
	background: #eaeaea;
	text-align: center;
	font-size: 13px;
}

div.main div.form {
	width: 400px;}

div.main div.form textarea, div.main div.form input {
	display: block;
	border: 1px solid #eaeaea;	
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
	width: 300px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 12px;
	margin-right: 0;}
	
div.main div.form textarea {
	height: 150px;}

.main .left div.form input.button {
	width: inherit;
	background: none;
	font-size: 11px;}
	
div.main div.hiddenFields {
	display: none;}
	
div.main div.form p {
	margin-top: 10px;
	border-bottom: 1px dotted #ccc;}
	
div.main div.left div.video {
	border: 3px solid #1f333e;
	width: 425px;
	margin: 40px 40px 0px 40px;
	float: left;
}

/* video page */

.video_details {
	margin: 25px;
	padding-bottom: 25px;}
	
input.button {
	cursor:pointer;}
	
	
/* sitemap page */

.sitemap .left h3 {
	margin-bottom: 5px;	
	font-size: 14px;
}

.sitemap .left p {
	margin-bottom: 25px;
	font-size: 12px;	
}

.sitemap .left p a {
	margin-bottom: 7px;
}

.sitemap .left p strong {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	color: #333;	
}


.sitemap .lefty {
	float: right;
	margin: 0 !important;
	width: 360px;
}

.sitemap .righty {
	float: left;
	width: 280px;
}

body.sitemap div.summary_box *, body.news div.summary_box * {
	display: none;	

}