@charset "utf-8";
/* Southern Hydrographic Ltd: CSS styles for screen and projection */
* {
	margin:0;
	padding:0;
}
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
body {
	background: #c1c1c1;
	font: small/1.5em Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}
a:link, a:visited {
	color: #9E6F3F;
	}
a:hover {
	color: #666;		
	}
img, img a, a img {
	border:none;
	}
h3, h4, h5, h6 {
	padding-bottom:10px;
	}
h1 {
	padding-bottom:10px;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 160%;
	border-bottom: 1px solid #fed065;
	overflow: visible;
	width: 104%;
	}
h1 a, h2 a, h3 a {
	text-decoration: none;
}
h2 {
	padding-top:10px;
	padding-bottom:5px;
	font: bold 140% Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#333;
	}
h2 a:link, h2 a:visited {
	font: bold 95% Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color: #333;
}
h2 a:hover {
	font: bold 95% Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color: #888;
}

h3 {
	padding-top:10px;
	padding-bottom:5px;
	font: bold 120% Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#333;
	}
p.indented {
	padding-left: 20px;
}
ul.services {	
	padding-top:12px;
	padding-left: 0px;
}
	
ul.services li{
	list-style: circle;	
}

ul.services-right {	
	padding-top:12px;
	padding-left: 230px;
}
	
ul.services-right li{
	list-style: circle;	
}

ul.services-tidal {	
	padding-top:12px;
	padding-left: 278px;
}
	
ul.services-tidal li{
	list-style: circle;	
}
/******** Images floated to left and right of paragraphs ***********/
img.floatleft, img.floatleft-sandwaves, img.floatleft-elainetrailer {
	float: left;
	position: relative;
	margin-top:5px;
	margin-right: 15px;
	margin-bottom: 3px;
	padding:4px;
	border: 1px solid #bbb;
}
img.floatright {
	float: right;
	position: relative;
	margin-top:5px;
	margin-left: 15px;
	margin-bottom: 15px;
	padding:4px;
	border: 1px solid #bbb;
}
img.floatleft-modified {
	float: left;
	position: relative;
	margin-top:0px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding:4px;
	border: 1px solid #bbb;
}
img.floatright-modified {
	float: right;
	position: relative;
	margin-top:0px;
	margin-left: 15px;
	margin-bottom: 3px;
	padding:4px;
	border: 1px solid #bbb;
}
img.floatleft-2 {
	float: left;
	position: relative;
	margin-top:5px;
	margin-right: 0px;
	margin-bottom: 3px;
	padding:4px;
	border: 1px solid #bbb;
}
img.floatleft-oban {
	float: left;
	position: relative;
	margin-top:10px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding:4px;
	border: 1px solid #bbb;
}
img.floatleft-tidal {
	float: left;
	position: relative;
	margin-top:15px;
	margin-right: 15px;
	margin-bottom: 25px;
	padding:4px;
	border: 1px solid #bbb;
}
img.floatleft-soundings {
	float: left;
	position: relative;
	margin-top:5px;
	margin-right: 15px;
	margin-bottom: 25px;
	padding:4px 0px 4px 8px;
	border: 1px solid #bbb;
}

/*** Paragraph and list styles specific to the Content division ***/

.content p, .content ul, .content li {
	 padding-bottom:15px;
}
.content ul {
	margin-left:15px;
	margin-top: -10px;
}
.content ul li{
	margin:0;
	padding:0;
}
.content ul#insetul {
	margin-left:215px;
}
.content ul li{
	margin:0;
	padding:0;
}
.content p.inset {
	clear: both;
	position: relative;
	width: 185px;
	margin-top: -80px;
}
/************************* Layout Divisions ***********************/
.pagewidth{
	width:802px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/body_bg.jpg) repeat-y;
	position: relative;
} 
.wrapper {
	width:802px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	font-size: 85%;
	position:relative;
	background: url(../images/body_bottom_bg.jpg) repeat-x left bottom;
	} 
.inner-wrapper{
	width:780px;
	padding:11px;
	min-height:600px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	} 
.header{
	position:relative;
	height:181px;
}

/****** background: url(../images/home_header.jpg) no-repeat 0px 0px; ******/
	
.navigation {
	width:780px;
	float:left;
	position:relative;
	margin-bottom:-8px;
	background: #fff url(../images/repeat_ul_bg.jpg) repeat-x 0px 0px;
}
.container {
	position:relative;
	top:7px;
	background: url(../images/repeat-image.jpg) repeat-y 0px 620px;
	*background: url(../images/repeat-image.jpg) repeat-y 0px 577px;
	_background: url(../images/repeat-image.jpg) repeat-y 0px 577px;
}
.container-inner {
	position:relative;
	background:url(../images/body_bottom_bg.jpg) repeat-x left bottom;
}
.sidebar {
   width:202px; 
   float:left; 
   position:relative; 
 } 
.sidebar-inner{
	padding:1px 0 0 0;
 } 
.submenu {
	height:577px;
	min-height:577px;
	max-height:577px;
	background: url(../images/wallpaper_submenu.jpg) no-repeat;	
}
.submenu ul, .submenu ul li {
	list-style: none;	
}
.submenu ul {
	margin-left:18px;
	padding-top:51px;
}
.submenu ul li {
	list-style: url(none) none;
	background: url(../images/bullet_submenu.gif) no-repeat 0px 9px;
	padding-left:12px;
	
}
.submenu ul li a{
	text-decoration: none;
	font-size:100%;
	color:#f7f6f3;
}
.submenu ul li a:hover{
	text-decoration: none;
	font-size:100%;
	color:#FED65D;
}
.submenu ul li.here a{
	text-decoration: none;
	font-size:100%;
	color:#FED65D;
}
.submenu ul li.here a:hover{
	text-decoration: none;
	font-size:100%;
	color:#FED65D;
}
.content{
	float: left;
	position: relative;
	width:578px;
	padding:0 0 50px 0;
}
.content-inner{
	padding:30px 23px 0px 23px;
	color: #000;
	min-height:550px;
}
.footer{
	clear:both;
	position:relative;
	text-align:left;
	margin-left: -11px;
	background: url(../images/footer.jpg) no-repeat 0px 0px;
 } 
.inner-footer {
	height:58px;
	width:802px;
	margin-top:0px;
	padding-top:3px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	color: #fff;
}
p.footerpara{
	display:inline;
	font-size:11px;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
p.footerpara a:link, p.footerpara a:visited {
	color: #666;
	text-decoration:none;
	}
p.footerpara a:hover {
	color: #444;		
	text-decoration:none;
	}
div#disclaimer {
	width: 780px;
	padding-bottom: 5px;
}
div#disclaimer p{
	width: 780px;
	text-align: center;
	padding-bottom: 5px;
}
div#disclaimer p a:link, div#disclaimer p a:visited {
	color: #555;
	}
div#disclaimer p a:hover {
	color: #777;		
	}
/************************* NAVIGATION LINKS *****************/
.navigation ul {
	float:right;
	padding-top:7px;
	width: 567px;
	height: 41px;
	background:transparent url(../images/navbar_1.jpg) no-repeat 0 0;
	font-size: 100%;
}
.navigation ul li {
	display:block;
	float:left;
	list-style-type:none;
	word-spacing:2px;
}
.navigation ul li a span{
	color: #fff;
}
.navigation ul li a:hover span{
	color: #000;
}
.navigation ul li a{
	text-decoration: none;
	position: relative;
	color:#000;
}
.navigation ul li a:hover{
	text-decoration: none;
	overflow: visible;
	position: relative;
	color:#000;
}
.navigation ul li.home {
	padding-left:6px;
}
.navigation ul li.home a span{	
	color:#fff;
	padding:10px 17px 26px 16px;
}
.navigation ul li.home a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#999;
}
.navigation ul li.homehere {
	padding-left:6px;
}
.navigation ul li.homehere a span{
	background: url(../images/hover.jpg) repeat;	
	color:#000;
	padding:10px 17px 26px 16px;
}
.navigation ul li.homehere a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#999;
}
.navigation ul li.aboutus {
	padding-left:34px;
}
.navigation ul li.aboutus a span{	
	color:#fff;
	padding:10px 16px 26px 15px;
}
.navigation ul li.aboutus a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#999;
}
.navigation ul li.aboutushere {
	padding-left:34px;
}
.navigation ul li.aboutushere a span{	
	background: url(../images/hover.jpg) repeat;	
	color:#000;
	padding:10px 16px 26px 15px;
}
.navigation ul li.aboutushere a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#999;
}

.navigation ul li.services {
	padding-left:31px;
}
.navigation ul li.services a span{	
	color:#fff;
	padding:10px 16px 26px 15px;
}
.navigation ul li.services a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#999;
}
.navigation ul li.serviceshere {
	padding-left:31px;
}
.navigation ul li.serviceshere a span{	
	background: url(../images/hover.jpg) repeat;	
	color:#000;
	padding:10px 16px 26px 15px;
}
.navigation ul li.serviceshere a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#999;
}


.navigation ul li.vessel {
	padding-left:30px;
}
.navigation ul li.vessel a span{	
	color:#fff;
	padding:10px 16px 26px 15px;
}
.navigation ul li.vessel a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#999;
}
.navigation ul li.vesselhere {
	padding-left:30px;
}
.navigation ul li.vesselhere a span{	
	background: url(../images/hover.jpg) repeat;	
	color:#000;
	padding:10px 16px 26px 15px;
}
.navigation ul li.vesselhere a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#999;
}


.navigation ul li.contact {
	padding-left:32px;
}
.navigation ul li.contact a span{	
	color:#fff;
	padding:10px 13px 26px 10px;
}
.navigation ul li.contact a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#999;
}
.navigation ul li.contacthere {
	padding-left:32px;
}
.navigation ul li.contacthere a span{	
	background: url(../images/hover.jpg) repeat;	
	color:#000;
	padding:10px 13px 26px 10px;
}
.navigation ul li.contacthere a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#999;
}

/************************************************************/


 
 /* *** Float containers fix:*** */ 
.wrapper:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.wrapper{display: inline-block;}

/* Hides from IE-mac \*/
* html .wrapper{height: 1%;}
.wrapper{display: block;}
/* End hide from IE-mac */  


.print-only {
	display:none;
} 

 /*printer styles*/ 
 @media print{  

h1 {
	padding-bottom:10px;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 160%;
	border-bottom: 1px solid #fed065;
	overflow: visible;
	width: 100%;
	}
/*hide the left column when printing*/
.sidebar{
	display:none;
} 
.content{
	width:100%; float:none;
}
.content-inner{
	padding:20px 23px 0px 23px;
	color: #000;
}
.print-only {
	display:block;
}
img.floatleft-sandwaves {
	float: left;
	position: relative;
	width:500px;
	margin-top:5px;
	margin-right: 15px;
	margin-bottom: 3px;
	padding:4px;
	border: 1px solid #bbb;
}
img.floatleft-oban {
	float: left;
	position: relative;
	width:500px;
	height:101px;	
	margin-top:0px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding:4px;
	border: 1px solid #bbb;
}
img.floatleft-elainetrailer {
	float: left;
	position: relative;
	margin-top:205px;
	margin-right: 15px;
	margin-bottom: 3px;
	margin-left:110px;
	padding:4px;
	border: 1px solid #bbb;
}
div#disclaimer {
	width: 780px;
	padding-bottom: 5px;
	clear:both;
	position:relative;
}
/************************* NAVIGATION LINKS *****************/
.navigation ul {
	float:right;
	padding-top:7px;
	width: 577px;
	height: 41px;
	margin-top:-47px;
	background:transparent url(../images/navbar_1.jpg) no-repeat 0 0;
	font-size: 100%;
}
.navigation ul li {
	display:block;
	float:left;
	list-style-type:none;
	word-spacing:2px;
}
.navigation ul li a span{
	color: #fff;
}
.navigation ul li a:hover span{
	color: #fff;
}
.navigation ul li a{
	text-decoration: none;
	position: relative;
	color:#fff;
}
.navigation ul li a:hover{
	text-decoration: none;
	overflow: visible;
	position: relative;
	color:#fff;
}
.navigation ul li.home {
	padding-left:6px;
}
.navigation ul li.home a span{	
	color:#fff;
	padding:10px 17px 26px 16px;
}
.navigation ul li.home a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
}
.navigation ul li.homehere {
	padding-left:6px;
}
.navigation ul li.homehere a span{
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
	padding:10px 17px 26px 16px;
}
.navigation ul li.homehere a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
}
.navigation ul li.aboutus {
	padding-left:34px;
}
.navigation ul li.aboutus a span{	
	color:#fff;
	padding:10px 16px 26px 15px;
}
.navigation ul li.aboutus a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
}
.navigation ul li.aboutushere {
	padding-left:34px;
}
.navigation ul li.aboutushere a span{	
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
	padding:10px 16px 26px 15px;
}
.navigation ul li.aboutushere a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
}

.navigation ul li.services {
	padding-left:31px;
}
.navigation ul li.services a span{	
	color:#fff;
	padding:10px 16px 26px 15px;
}
.navigation ul li.services a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
}
.navigation ul li.serviceshere {
	padding-left:31px;
}
.navigation ul li.serviceshere a span{	
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
	padding:10px 16px 26px 15px;
}
.navigation ul li.serviceshere a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
}


.navigation ul li.vessel {
	padding-left:30px;
}
.navigation ul li.vessel a span{	
	color:#fff;
	padding:10px 16px 26px 15px;
}
.navigation ul li.vessel a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
}
.navigation ul li.vesselhere {
	padding-left:30px;
}
.navigation ul li.vesselhere a span{	
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
	padding:10px 16px 26px 15px;
}
.navigation ul li.vesselhere a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
}


.navigation ul li.contact {
	padding-left:32px;
}
.navigation ul li.contact a span{	
	color:#fff;
	padding:10px 13px 26px 10px;
}
.navigation ul li.contact a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
}
.navigation ul li.contacthere {
	padding-left:32px;
}
.navigation ul li.contacthere a span{	
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
	padding:10px 13px 26px 10px;
}
.navigation ul li.contacthere a:hover span{
	background: url(../images/hover.jpg) repeat;	
	color:#fff;
}

}