/* Copyright Horizon Yacht Charters - All Rights Reserved */

/* These settings are made to default basic elements exactly the same for all browsers */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, img, td, tr {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

body {
  margin:4px auto;
  background-color: #E9EBFD;
  font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  line-height: 14px;
  text-align: center; 
}
 
#Container {
  margin: 0 auto 10px auto; 
  text-align: left; 
  width: 814px;
  display:block; 
}

#outerWrapper {
  background-color: #fff;
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0 0 10px;
}

#innerWrapper {
  text-align: left;
  background:#FDF8F2; 
  border:1px solid #555; 
  position:relative; 
  padding:0;
  font-weight:normal;
  left:-3px;
  top:-3px;
}
/* This is the basic #header, detailed images below */

#innerWrapper #head-aboutus, #innerWrapper #head-broadreach, #innerWrapper #head-charters, #innerWrapper #head-comments, #innerWrapper #head-contactus, #innerWrapper #head-gallery, #innerWrapper #head-index,  #innerWrapper #head-lineofsight, #innerWrapper #head-links, #innerWrapper #head-news, #innerWrapper #head-newsletters, #innerWrapper #head-ownership, #innerWrapper #head-press, #innerWrapper #head-request, #innerWrapper #head-sitemap, #innerWrapper #head-antigua, #innerWrapper #head-bvi, #innerWrapper #head-grenada, #innerWrapper #head-stmartin {
	position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	width:100%;
	height: 213px;
	text-align:right;
}

#innerWrapper #contentWrapper {
	position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  background-image: url(../images/stretch.gif);
	background-position: top left;
  background-repeat: repeat-y;
  overflow: hidden;
}

#innerWrapper #contentWrapper #navColumn {
  float: left;
  width: 182px;
  min-height:656px;
  height:656px;
	vertical-align:top;
	background: transparent url(../images/nav_bgnd.jpg) no-repeat top;
	background-position: top left;
	font: normal bold 10pt Arial,Verdana,sans-serif;
	padding:2px 0 0 4px;
	color:#FDF8F2;
}


#innerWrapper #contentWrapper #baseColumn {
  float: left;
  width: 182px;
  min-height:656px;
  height:656px;
	vertical-align:top;
	background: transparent url(../images/base_bgrnd.jpg) no-repeat top;
	background-position: top left;
	font: normal bold 10pt Arial,Verdana,sans-serif;
	padding:2px 0 0 4px;
	color:#FDF8F2;
}




#innerWrapper #contentWrapper #pageContent {
  margin: 0 0 0 183px; 
  padding: 8px 6px 3px 3px; 
  min-height:656px;
}

#innerWrapper #footer {
	height:38px;
	position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	width:100%;
	background-image: url(../images/nav_footer.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

/* Anchor Styles */
a:link, a.text:link {
	color: #000099;
	font-weight: bold;
	text-decoration: underline;
	}
a:visited, a.text:visited {
	color: #356600;
	font-weight: bold;
	text-decoration: underline;
}
a:hover{
	color: #4181C0;
}

a.bar:hover {
	background-color: #FFFFFF;
	color: #4181C0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
a.button:link, a.button:visited {
	color: #4181C0;
	padding: 4px 8px 4px 8px;
	text-decoration: none;
	font: small-caps bold 100% Arial, Helvetica, sans-serif;
}
a.button:hover {
	background-color: #4181C0;
	color: #FFFFFF;
}
a.text:hover{
	background-color: #4181C0;
	color: #FFFFFF;
}

/* This was done ot improve SEO - emphasize keywords in text */
em {
	font-style:normal;
	font-size: inherit;
	font-variant: inherit;
	font-weight: inherit;
}

/* Element Styles */
h1, h2, h3, h4, h5 {
	font: normal bold 120% Georgia, "Times New Roman", Times, serif;
}

h1 {
	color: #020E69;
	font-size:140%;
	padding: 8px 0 8px 0;
}
h2 {
	color: #020E69;
	font-size: 140%;
}
h3, .h3 {
	color: #020E69;
}
h4, .h4 {
	color: #000099;
	font-size: 110%;
}
h5, .h5 {
	color: #356600;
}

hr {
	color: #4181C0;
}


p, td, th {
	color: #000000;
	font: normal normal 100.01% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
}

p {
	text-align: justify;
} 

strong {
	color: #000099;
	font-weight: bold;
}

th {
	background-color: #4181C0;
	color: #FFFFFF;
	vertical-align: bottom;
}

td {
	padding:2px;
}

td.rates {
  width: 15%;
  text-align: right;
  vertical-align: text-top;
  padding-right: 10px;
}


.box_shaded li {
	padding:4px 0 4px 0;
}

.comments {
	color: #356600;
	font: italic normal normal 110%;
}
.comments-client {
	color: #000066;
	font: bold 100%;
}
.float-clear {
	clear:both;
	font-size:0px;
	line-height:0;
	height:0px;
}
.float-left {
	float: left;
	margin-right: 8px;
}
.float-right {
	float: right;
	margin-left: 8px;
}
.green {
	color: #356600;
}
.headline {
	line-height: 22px;
	text-align: left;
	text-indent: 20px;
}
.headline a {
	color: #000066;
	font-weight: normal;
}
.headline a:hover {
	color: #4181C0;
}

.highlight {
	color: #FF9900;
}
.indented {
	text-indent: 25px;
}

.smallred,  a.smallred {
	color: #FF0000;
	font-size: 80%;
}
.smallright {
	color: #333333;
	font-size: 85%;
	text-align: right;
}
.specials, a.specials {
	color: #FF0000;
	font-size: 100%;
}
.text {
	text-align: justify;
	font-weight: normal;
	padding: 4px;
	line-height: 130%;
}
.title {
	color: #000099;
	font-weight: bold;
}
.smallprint {
	color: #000000;
	color: #333333;
	font-size: 80%;
}

.whatsnew-header {
	background: url(../images/whatsnew.gif) no-repeat right;
	height: 26px;
}

.whatsnew-box {
	background-color: #FFFFFF;
	border-bottom: 2px solid #2953AB;
	border-left: 2px solid #02138A;
	border-right: 2px solid #4181C0;
	border-top: 0px hidden #02138A;
	color: #020E69;
	font: italic 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	padding: 4px 4px 0px 8px;
}

#whatsnew ul {
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
}

#whatsnew li {
	line-height: 140%;
	margin-left: -10px;
	vertical-align: middle;
}


.fineprint {
	color: #333333;
	font: normal 76% Arial, Helvetica, sans-serif;
}

.side_shaded {
	background-color: #F5F5F5;
	border: thin solid #4181C0;
	border-top: none;
}
.sides {
	border: thin solid #4181C0;
	border-top: none;
}

.box {
	border: thin solid #4181C0;
}
.box_shaded {
	background-color: #F5F5F5;
	border: thin solid #4181C0;
}


ul.whatsnew {
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left;
}

li.whatsnew {
	line-height: 140%;
	margin-left: -10px;
	vertical-align: middle;
}
.whatsnew_box {
	background-color: #FFFFFF;
	border-bottom: 2px solid #2953AB;
	border-left: 2px solid #02138A;
	border-right: 4px solid #4181C0;
	border-top: 0px hidden #02138A;
	color: #020E69;
	font: italic 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 4px 8px 4px 8px;
}
.whatsnew_header {
	background-image: url(../images/whatsnew.gif);
	height: 26px;
}
.currentspecials_header {
	background-image: url(../images/currentspecials.gif);
	height: 26px;
}
.titlebar{
	background-color: #4181C0;
	color: #FFFFFF;
	font: italic small-caps bold 105% Arial, Helvetica, sans-serif;
	padding: 6px;
	text-decoration: none;
}

.cssform { position:relative; }

.cssform p{
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
}

.cssform textarea{
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}

#faqs .faq-title{color:#000;text-align:center;vertical-align:bottom;font:normal small-caps 400 12pt Arial, Helvetica, sans-serif;margin:8px 0 0;}
#faqs .question{color:#006;font-weight:700;float:left;width:90%;}
#faqs .answer{color:#356600;font:italic normal 10pt;margin:0 4px 0 20px;}
#faqs a.answer{color:#356600;font:italic bold 10pt;margin:0;}
#faqs a{font:italic bold 10pt;color:#006;}
#faqs a:hover{color:#356600;}
#faqs hr.faqs{height:1px;margin:10px 0;}
#faqs p{color:#356600;font:italic normal 10pt;}
#faqs,#faqs li{padding:2px 0;}

#sitemap li{color:#356600;padding:2px;}
#sitemap a{color:#356600;}
#sitemap a:hover{color:#009;}

#specials td{font-size:90%;text-align:center;}
#specials hr{height:1px;margin:4px 0;}
#specials p{text-align:left;}



/* These are the different page #header images */

#innerWrapper #head-aboutus {
	background: url(/images/header_aboutus.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-broadreach {
	background: url(/images/header_broadreach.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-charters {
	background: url(/images/header_charters.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-comments {
	background: url(/images/header_comments.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-contactus {
	background: url(/images/header_contactus.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-gallery {
	background: url(/images/header_gallery.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-index {
	background: url(/images/header_index.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-lineofsight {
	background: url(/images/header_lineofsight.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-links {
	background: url(/images/header_links.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-news {
	background: url(/images/header_news.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-newsletters {
	background: url(/images/header_newsletters.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-ownership {
	background: url(/images/header_ownership.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-press {
	background: url(/images/header_press.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-request {
	background: url(/images/header_request.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-sendafriend {
	background: url(/images/header_sendafriend.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-sitemap {
	background: url(/images/header_sitemap.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-antigua {
	background: url(/images/header_antigua.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-bvi {
	background: url(/images/header_bvi.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-grenada {
	background: url(/images/header_grenada.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}

#innerWrapper #head-stmartin {
	background: url(/images/header_stmartin.jpg) no-repeat center;
	background-repeat: no-repeat;
	background-position: center center;
}