/* Body Default Styles */
body {
  margin:8px auto;
  border:0;
  padding:0;
  background-color:#E9EBFD;
  color:#000;
  font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align:center;
}

/* Page Layout Styles */
#main {
  width:808px;
  height:100.01%;
  text-align:left;
  padding:0;
  margin:0;
  position: relative;
}

#main-wide {
  width:1008px;
  height:100.01%;
  text-align:left;
  padding:0;
  margin:0;
  position: relative;
}

.shadow {
  float:left;
  clear:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  padding: 0;
  width:802px;
}

.shadow-wide {
  float:left;
  clear:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  padding: 0;
  width:1002px;
}

.shadow .inner {
  position: relative;
  background-color: #E9EBFD;
  border: 1px solid #000066;
  bottom:8px;
  right: 8px;
  margin: 0;
  padding: 0;
} 
  
/* Header styles */
#head-aboutus, #head-broadreach, #head-charters, #head-comments, #head-contactus, #head-gallery, #head-index,  #head-lineofsight, #head-links, #head-news, #head-newsletters, #head-ownership, #head-press, #head-request, #head-sitemap, #head-antigua, #head-bvi, #head-grenada, #head-stmartin, #head-charters-wide {
	position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	width:100%;
	height: 213px;
}

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

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

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

#head-charters-wide {
	background: url(/images/header_charters_wide.jpg) no-repeat center;
}

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

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

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

#head-index {
	background: url(http://www.horizonyachtcharters.com/images/header_index.jpg) no-repeat center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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


/* left column styles */
#left {
	position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	width:190px;
	background: #FDF8F2 url(/images/stretch.jpg) repeat-y left;
}

/* Content Page styles */
#page {
	width:610px;        /* width of Content Cell */
	background-color: #FDF8F2;
	padding-right: 8px;
}

#pagecontent {
	width:610px;        /* width of Content Cell */
	background-color: #FDF8F2;
	padding-right: 8px;
	font-size: 110%;
}

/* Content Page styles */
#wide {
	width:810px;        /* width of Content Cell */
	background-color: #FDF8F2;
	padding-right: 4px;
}


/* Footer styles */
#foot {
    width:100%;
	height:36px;
	margin:0;
	padding:0;
}
#foot a, a:hover {
	border:none;
	text-decoration:none;
}

html>body #foot {
	max-height:36px;
}

/* Anchor Styles */
a:link, a.text:link {
	color: #000066;
	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;
}

/* Element Styles */
h1, h2, h3, h4, h5, .h3, .h4, .h5 {
	font: bold normal 110% Geneva, Arial, Helvetica, sans-serif;
}

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

hr {
	color: #4181C0;
}

img, td, tr {
	border:0;
	margin:0;
	padding:0;
}

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

p {
	text-align: justify;
} 

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

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: bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.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;
	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;}