/* CSS Document */

/* ###################################### */
/* ############# BASE STYLES ############ */
/* ###################################### */
* {margin:0;padding:0;}
html, body { background:#fdf7e9 url(../images/bg.png) repeat-x; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #2a2a2a; width: 100%; text-align: center; }
h1 { font-size: 32px; color: #114b76; background-color: inherit; font-weight: normal; font-family: arial, helvetica, sans serif; margin-bottom: 20px;}
h2 { margin: 0px; padding: 0px; font-size: 18px; color: #4c2a05; background-color: inherit; font-weight: 400; font-family: arial, helvetica, sans serif; line-height: 24px; margin-bottom: 20px; }
h3 { margin: 0px; padding: 0px; font-size: 18px; color: #114b76; background-color: inherit; font-weight: normal; font-family: arial, helvetica, sans serif; line-height: 24px; margin-bottom: 5px;}
h4 { margin: 0; padding: 0; font-size: 100%;}

p, td, tr, li, ul {
font-size: 12px;
font-weight: normal;

}

hr {width:100%; border-top:1px dotted #cccccc;background:#fff;color:#fff;}

/* generic link styles */
a:link, a:visited { color: #e3841a; background-color: inherit; text-decoration: none; font-weight: normal; }
a:hover, a:focus { color: #a76113; background-color: inherit; text-decoration: underline; }


/* Baseline values for browser consistency */

p, div, ul, li, form, input, select, option {
	margin:					0;
	padding:				0;
}

img {
	margin:					0;
	padding:				0;
	border:					0;
}

ul {
	list-style:				none;
}

a {
	outline:				0;
}


.clear {
	clear:					both;
	height:					0px;
	font-size: 0px;
	line-height: 0px;
}




/* Layout */

#shell {
  text-align: left;
  margin: 0 auto;
  width: 960px;
  }
  
 #header {
  width: 960px;
  height: 118px;
  background: #ffffff;
  overflow: hidden;
  }
  
  #header .left {
  width: 231px;
  float: left;
  }
  
   #header .right {
  width: 328px;
  float: right;
  }

#flash {
  width: 960px;
  height: 484px;
  background-color: #124c76;
  }
  
#topnav {
  width: 960px;
  height: 25px;
  background-image:url(../images/topnavbg.png);
  top: 119px;
  left: 50%;
  margin-left: -480px;
  position: absolute;
  }
  
 #content {
  width: 960px;
  background: #ffffff url(../images/contentbg.png) repeat-y;
  }

#content .left {
	float: left;
	width: 674px;
	background: #ffffff url(../images/content_left_bg.png) no-repeat;
	font-size: 13px;
	line-height: 150%;
}

#content .left-vessels {
	float: left;
	width: 674px;
	background: #ffffff url(../images/content_left_bg.png) no-repeat;
	font-size: 13px;
	line-height: 150%;
	padding-bottom: 25px;
}

#content .right{
	float: left;
	width: 286px;
	background: #eaeae2 url(../images/content_right_bg.png) no-repeat;
	text-align: center;
}

#content .right-vessels{
	float: left;
	width: 286px;
	text-align: center;
}

 #thumbs_home {
  width: 308px;
  float:left;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 17px;
  }
  
  #thumbs_home img {
  float:left;
  margin-right: 10px;
  }
  
  #thumbs_home h1 {
  font-size: 13px; color: #003e6c; font-weight: bold; font-family: arial, helvetica, sans serif; margin: 5px 0 5px 0;
}

#thumbs_home a {
  font-size: 11px; color: #e3841a; font-weight: bold; font-family: arial, helvetica, sans serif;
}


 #thumbs_intro {
  width: 100%;
  float:left;
  margin: 10px 0;
  font-size: 12px;
  line-height: 17px;
  }
  
  #thumbs_intro img {
  float:left;
  margin-right: 10px;
  }
  
  #thumbs_intro h1 {
  font-size: 13px; color: #003e6c; font-weight: bold; font-family: arial, helvetica, sans serif; margin: 5px 0 5px 0;
}

#thumbs_intro a {
  font-size: 11px; color: #e3841a; font-weight: bold; font-family: arial, helvetica, sans serif;
}


 #testimonials {
  width: 100%;
  background: #ae935c;
  color: #ffffff;
  font-weight: normal; 
  font-family: georgia, time new roman, times;  
  font-size: 14px;
  font-style: italic;
  margin: 25px 0;
  border: 1px dotted #444734;
  }



.dotted {
  width: 100%;
  height: 3px;
  background-image:url(../images/dotted_line.png);
  }

/* suckerfish */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 5px;
	height: 20px;
}

#nav a:hover {
	color: #feaf45;
}


#nav li { /* all list items */
	float: left;
	padding: 0 23px 0 22px;
	 /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	width: 200px
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-image:url(../images/topnavbg.png);
	width: 200px;
	overflow: hidden;
}


#nav li ul li a { /* second-level lists */
	font-size: 11px;
	font-weight: normal;
	border-top: 1px solid #748b91;	
	width: 200px;
	padding: 7px 0 0 5px;
	margin: 0 0 0 -22px;
}

/* footer */

#footer {
  width: 960px;
  margin: 10px 0 30px 0;
  border-top: 1px solid #c5c1b5;
  color: #676663;
  font-size: 11px;
  line-height: 16px;
  }
#footer a:link, #footer a:visited { color: #676663; background-color: inherit; text-decoration: none; font-weight: normal; }
#footer a:hover, #footer a:focus { color: #676663; background-color: inherit; text-decoration: underline; }


/* buttons */


.email a {
		display:block;
		width: 286px;
		height: 35px;
		background: url("../images/btn_email.png") 0 0 no-repeat;
		margin: 0;

		}
.email a:hover {	
		background-position: 0 -35px;
		}
.email a:active {
		background-position: 0 -35px;
		}
.btn_oceanfree a {
		display:block;
		width: 286px;
		height: 26px;
		background: url("../images/btn_oceanfree.png") 0 0 no-repeat;
		margin: 0;

		}
.btn_oceanfree a:hover {	
		background-position: 0 -26px;
		}
.btn_oceanfree a:active {
		background-position: 0 -26px;
		}
		
.btn_oceanmagic a {
		display:block;
		width: 286px;
		height: 26px;
		background: url("../images/btn_oceanmagic.png") 0 0 no-repeat;
		margin: 0;

		}
.btn_oceanmagic a:hover {	
		background-position: 0 -26px;
		}
.btn_oceanmagic a:active {
		background-position: 0 -26px;
		}
		
.btn_oceanescape a {
		display:block;
		width: 286px;
		height: 26px;
		background: url("../images/btn_oceanescape.png") 0 0 no-repeat;
		margin: 0;

		}
.btn_oceanescape a:hover {	
		background-position: 0 -26px;
		}
.btn_oceanescape a:active {
		background-position: 0 -26px;
		}
		
		
		
		
.btn_aquabay a {
		display:block;
		width: 286px;
		height: 26px;
		background: url("../images/btn_aquabay.png") 0 0 no-repeat;
		margin: 0;

		}
.btn_aquabay a:hover {	
		background-position: 0 -26px;
		}
.btn_aquabay a:active {
		background-position: 0 -26px;
		}
		
		
	
.btn_gettingthere a {
		display:block;
		width: 286px;
		height: 26px;
		background: url("../images/btn_gettingthere.png") 0 0 no-repeat;
		margin: 0;

		}
.btn_gettingthere a:hover {	
		background-position: 0 -26px;
		}
.btn_gettingthere a:active {
		background-position: 0 -26px;
		}
		
.btn_moretonget a {
		display:block;
		width: 286px;
		height: 26px;
		background: url("../images/btn_moretonget.png") 0 0 no-repeat;
		margin: 0;

		}
.btn_moretonget a:hover {	
		background-position: 0 -26px;
		}
.btn_moretonget a:active {
		background-position: 0 -26px;
		}
		
.btn_thingstodo a {
		display:block;
		width: 286px;
		height: 26px;
		background: url("../images/btn_thingstodo.png") 0 0 no-repeat;
		margin: 0;

		}
.btn_thingstodo a:hover {	
		background-position: 0 -26px;
		}
.btn_thingstodo a:active {
		background-position: 0 -26px;
		}
		
		


.btn_history a {
		display:block;
		width: 286px;
		height: 26px;
		background: url("../images/btn_history.png") 0 0 no-repeat;
		margin: 0;

		}
.btn_history a:hover {	
		background-position: 0 -26px;
		}
.btn_history a:active {
		background-position: 0 -26px;
		}

.btn_moretonhist a {
		display:block;
		width: 286px;
		height: 26px;
		background: url("../images/btn_moretonhist.png") 0 0 no-repeat;
		margin: 0;

		}
.btn_moretonhist a:hover {	
		background-position: 0 -26px;
		}
.btn_moretonhist a:active {
		background-position: 0 -26px;
		}
.btn_daycharters a {
		display:block;
		width: 286px;
		height: 26px;
		background: url("../images/btn_daycharters.png") 0 0 no-repeat;
		margin: 0;

		}
.btn_daycharters a:hover {	
		background-position: 0 -26px;
		}
.btn_daycharters a:active {
		background-position: 0 -26px;
		}
		
		
.btn_fullycrewed a {
		display:block;
		width: 286px;
		height: 26px;
		background: url("../images/btn_fullycrewed.png") 0 0 no-repeat;
		margin: 0;

		}
.btn_fullycrewed a:hover {	
		background-position: 0 -26px;
		}
.btn_fullycrewed a:active {
		background-position: 0 -26px;
		}
		

.btn_selfskippered a {
		display:block;
		width: 286px;
		height: 26px;
		background: url("../images/btn_selfskippered.png") 0 0 no-repeat;
		margin: 0;

		}
.btn_selfskippered a:hover {	
		background-position: 0 -26px;
		}
.btn_selfskippered a:active {
		background-position: 0 -26px;
		}	
		
.btn_weddings a {
		display:block;
		width: 286px;
		height: 26px;
		background: url("../images/btn_weddings.png") 0 0 no-repeat;
		margin: 0;

		}
.btn_weddings a:hover {	
		background-position: 0 -26px;
		}
.btn_weddings a:active {
		background-position: 0 -26px;
		}	
		
.btn_functions a {
		display:block;
		width: 286px;
		height: 26px;
		background: url("../images/btn_functions.png") 0 0 no-repeat;
		margin: 0;

		}
.btn_functions a:hover {	
		background-position: 0 -26px;
		}
.btn_functions a:active {
		background-position: 0 -26px;
		}

.left-vessels ul, .left-vessels li {

	margin-left: 15px;
	list-style: disc;
}


/* contact form */

.contact_form {
	width: 550px;
	margin-bottom: 30px;
}
.field_blur,
.field_focus {
	border: 4px solid;
	width: 550px !important;
	width /**/: 550px;
	font: normal 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif;
	color: #1a1a1a;
	margin-bottom: 10px;
}
.field_blur {
	border-color: #d9e8eb;
	background: #d9e8eb;
}
.field_focus {
	border-color: #effafc;
	background: #effafc;
}
textarea {
	height: 120px;
	margin: 0;
}