/*
	The Story Behind • http://www.thestorybehind.com
	
	Project Description: New look web design with a comprehensive video and marketing solution.
	Credits: Photography, Videography, Web Design by The Story Behind
	
	Dark Grey: #414141
	Light Grey: #a3a3a3
	Lighter Blue : #6ecff6
	Dark Blue : #1E3D6B
	
*/

/*
	RESET
*/

*							{ margin: 0px; padding: 0px; }
html						{ overflow-y: scroll; overflow-x: hidden; }
html, body					{ height: 100%; }
body 						{ color: black;
							  background: white url(/images/bg_image.jpg) repeat-x; 
							  font: 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
a							{ outline: none; text-decoration: none; color: #414141; }
a img						{ border: none; }
img							{ vertical-align: middle; }
p							{ margin-bottom: 12pt; }
div							{ margin: 0px; padding: 0px; }



/*
	UTILITY
*/

.floatLeft 					{ float: left; }
.floatRight 				{ float: right; }
.clear 						{ clear: both; }
.button 					{ border: 1px solid #237362;
							  background: white;
							  padding: 3px 8px;
							  -moz-border-radius: 5px;
							  -webkit-border-radius: 5px;
							  color:  #272727; }
.button:hover 				{ background: #1E3D6B;
							  color: white; }
							  
.textblue					{ font-weight: bold; 
							  color: #1E3D6B; }
.textunderline				{ font-weight: bold; text-decoration: underline; }


/*
	STRUCTURE
*/

#page-wrap 					{ width: 734px;
							  background: white url(/images/contentbg.png) repeat-y;
							  margin: 0px auto;
							  height: auto !important;
							  height: 100%; 
							  border-right-style: solid; 
							  border-right-width: 1px; 
							  border-left-style: solid; 
							  border-left-width: 1px; }

#push 						{ height:  250px; }

.bumpdown					{ margin-top: 13px; }

.inside						{ list-style-position: inside; }


/* 
	HEADER
*/

h1#logo 					{ font: bold 15pt "Times New Roman", Times;
							  float: left; }

#top_bar 					{ width: 734px;
	 						  height: 37px;
							  padding: 0px;
							  margin: 0px;
							  background: #1E3D6B url(/images/header_bg.gif) no-repeat; }
#logo 						{ color: white;
							  font-weight: bold;
							  text-decoration: none;
							  margin: 8px auto 0 43px; }
h2#tagline 					{ color:  white;
							  font-style: italic;
							  font-weight: normal;
							  font-size: 8pt;
							  float: right;
							  margin: 15px 15px auto auto; }
#logotext					{ color: white; }

/* SIDE MENU */

#side_nav 					{ width: 263px;
							  list-style: none; 
							  float: left; 
							  margin: 0px;
							  padding: 0px; }
							  
/* DREDGING SPRITE */
#dredging					{ width: 263px;
							  height: 50px;
							  text-decoration: none;
							  display: block;
							  background-image: url(/images/dredging_sprite.gif);
							  background-position: 0 0; }
#dredging:hover, #dredging:active { background-position: 263px 0; }

/* MCE SPRITE */

#mce						{ width: 263px;
							  height: 50px;
							  text-decoration: none;
							  display: block;
							  background-image: url(/images/mce_sprite.gif);
							  background-position: 0 0; }
#mce:hover, #mce:active { background-position: 263px 0; }

/* SHIPYARD SPRITE */

#shipyard					{ width: 263px;
							  height: 50px;
							  text-decoration: none;
							  display: block;
							  background-image: url(/images/shipyard_sprite.gif);
							  background-position: 0 0; }
#shipyard:hover, #shipyard:active { background-position: 263px 0; }	  
							 
/* VIDEO SEGMENT */

#video						{ width: 471px;
							  height: 240px; 
							  padding: 0px; 
							  margin: 0px; 
							  float: right; }
/* TOP MENU */

#menubar					{ margin-left: -218px;
							  margin-top: -1px; }

#jsddm 					{ list-style: none; 
							  position: absolute;
							  margin: 10px auto 0px 130px; 
							  white-space: nowrap;
}
#jsddm li				{ display: inline; 
							  padding-right: 18px; 
							  text-transform: uppercase; 
							  font-size: 7pt; 
							  font-weight: bold; }






/* CONTENT PAGE LAYOUT */

#contentLogo				{ float: left;
							  margin: 80px 0px 0px 59px; }
							  
#contentHeader				{ color: #6ecff6; 
							  background-color: black; 
							  margin: 0px auto auto 218px; 
							  width: 496px; padding: 10px; 
							  -moz-border-radius-bottomleft: 10px; 
							  -moz-border-radius-bottomright: 10px; 
							  -webkit-border-bottom-right-radius: 10px; 
							  -webkit-border-bottom-left-radius: 10px; 
							  font-weight: normal; 
							  text-transform: uppercase; 
							  font-size: 7pt; }

#contentHeader strong 		{ color: white;
							  font-weight: bold; 
							  text-transform: capitalize; 
							  font-size: 11pt; 
							  letter-spacing: 0.5px; }

#contentArea				{ margin: 0px 0px 0px 215px; padding:10px; }

.portrait					{ margin-left: 3px; float:right; }

/* INDEX LOGO TAG */

#logotag					{ position: absolute;
							  top: 37px;
							  left: 370px; opacity: 0.5;
}

#indexlogo					{ position:absolute;
							  top: 60px;
							  left: 428px;
							}

/* FLASH */

#flash						{ margin: 0px;
							  padding: 0px;
							  width: 734;
							  height: 281;
							  z-index: -10; }
							  
/* MISC */


							  
td							{ font-size: 8pt; padding: 8px; }

td strong					{ text-transform: uppercase; 
							  font-size: 9pt; 
							  letter-spacing: 0.5px; }
							  
.specs_header				{ font-weight: bold; 
							  text-transform: uppercase;
							  border-bottom-style: solid; border-bottom-width: 1px;
							  font-size: 10pt;
							  padding-left: 5px;
							  padding-bottom: 2px;
							  color: #a3a3a3;
							  margin-top: 35px; 
							  letter-spacing: 1px; }
							  
.specs_footer				{ padding-left: 5px; 
							  margin-top: 5px;
							  margin-bottom: 15px;
							  border-top-style: solid;
							  border-top-width: 1px;
							  color: #a3a3a3;  }

.specs_header#tabs			{ margin-top: 5px; }
							  
.specs_item					{ float: left;
							  font-size: 8pt;
							  padding-top: 2px;
							  padding-left: 5px;
							  color: #a3a3a3;
							  letter-spacing: 0.5px; }
							  
.specs_item	em				{ padding-left: 8px;
							  font-style: normal; }
							  
.specs_data					{ float: right;
							  font-size: 8pt;
							  padding-top: 2px;
							  padding-right: 5px;
							  color: #a3a3a3;
							  letter-spacing: 0.5px; }
							  
.specs_data#numdata			{ font-size: 16pt;
							  font-weight: bold;
							  color: #1E3D6B;
							  vertical-align: baseline;
							  float: left;
							  padding-left: 30px; }
							  
.eqlist						{ width: 145px; 
							  height: 30px;
							  padding-right: 3px;
							  padding-top: 8px; 
							  color: black;  
							  font-size: 9pt; 
							  margin-left: 15px; 
							  letter-spacing: 0.5px;
							  margin-top: -2px;
							  margin-bottom: 10px;
							  display: block;
							  background-image: url(/images/eqlist.png);
							  background-position: 145px 0; }
							  

.eqlist:hover				{ background-position: 0 0; }



#leftarrow					{ height: 20px;
							  width: 115px;
							  margin: 10px;
							  text-indent: 65px;
							  color: white;
							  font-weight: bold;
							  padding-top: 3px;
							  display: block;
							  background-image: url(/images/leftarrow.png);
							  background-position: 0 0; }
							  
#leftarrow:hover			{ background-position: 0 20px; }


#rightarrow					{ height: 20px;
							  width: 115px;
							  margin: 10px;
							  text-indent: 20px;
							  color: white;
							  font-weight: bold;
							  padding-top: 3px;
							  display: block;
							  background-image: url(/images/rightarrow.png);
							  background-position: 0 0; }
							  
#rightarrow:hover			{ background-position: 0 20px; }
							  	 
							  
/* TABS */

ul.tabNav					{ float: left; list-style: none; }
							  
ul.tabNav a					{ width: 110px; 
							  height: 20px;
							  padding-right: 3px;
							  padding-top: 8px; 
							  color: black; 
							  text-align: right; 
							  font-size: 10pt; 
							  margin-left: 15px; 
							  letter-spacing: 1.2px;
							  margin-top: 3px;
							  display: block;
							  background-image: url(/images/eqlist.png);
							  background-position: 145px 0; }

ul.tabNav a:hover			{ background-position: 0 0; }

ul.tabNav li.current a		{ background-color: #3875C7;
							  color: white;
							  font-weight: bold;
							  letter-spacing: 0.8px;
							  background-image: none;
							  padding-top: 3px;
							  vertical-align: middle; }



div.tabContainer 			{ float: left; width: 360px; }
div.tabContainer div.tab 	{ display: none; padding: 10px; }
div.tabContainer div.current { display: block; }



/* FOOTER */

#footer						{ background-image: url(/images/blue_bg.gif);
							  margin: 0px; }

.col_header					{ font-weight: bold; 
							  color: #6ecff6;
							  list-style: none; letter-spacing: 0.5px; font-size: 9pt; }							  
.col_01						{ margin-left: 50px; margin-top: 20px; float: left; line-height: 18px; }
.col_02						{ margin-left: 50px; margin-top: 20px; float: left; line-height: 18px; }
.col_03						{ margin-left: 40px; margin-top: 20px; float: left; line-height: 18px; }
.col_04						{ margin-left: 45px; margin-top: 20px; float: left; line-height: 18px; }

.footlinks					{ list-style: none;
							  color: white;
							  text-decoration: none; }
.footlinks a:hover			{ text-decoration: underline; }
.footlinks a:visited		{ color: white; }
							  
#explore					{ float: right; 
							  padding-top: 20px;
							  margin: 0px -1px 0px auto; }

#footer_end					{ width: 736px; margin: 0 auto; padding: 0px; }

#endsection					{ width: 734px;
							  margin: 0px auto 0px auto; }

.fine_text					{ padding-bottom: 1px; padding-left: 10px;
							  float: left; font-size: 7pt; }
							  
							  

#main_nav {
	position: absolute;
 	margin: 3px auto 5px 120px; 
	text-transform: uppercase; 
	font-size: 7pt; 
	font-weight: bold;

}
#main_nav li {
	float: left;
	position: relative;
	list-style: none;
}


/* main level link */
#main_nav a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	padding:  8px 10px;
	margin: 0;

}
#main_nav a:hover {
	color: #eee;
}

/* main level link hover */
#main_nav .current a, #nav li:hover > a {
	background: #666 url(img/gradient.png) repeat-x 0 -40px;
	color: #444;
	border-top: solid 1px #f8f8f8;

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);

	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* sub levels link hover */
#main_nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#main_nav ul a:hover {
	background: #0078ff url(img/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#main_nav li:hover > ul {
	display: block;
}

/* level 2 list */
#main_nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 20px;
	left: 0;
	background: #444 url(img/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;
	letter-spacing: 0.8px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#main_nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#main_nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #000;
}


/* clearfix */
#main_nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#main_nav {
	display: inline-block;