/* --Layout-- */
body, ul, li, div, span, a { margin: 0; padding: 0; }
#main { width: 940px; margin: 0 auto 15px; padding-bottom: 15px; position:relative; z-index:0; }

h1, h2, h3 { margin:1.5em 0 .5em 0; }
h1 { font-size:1.4em; }
h2 { font-size:1.2em; }
h3 { font-size:1em; }
a { color: #720013; text-decoration: underline; }
abbr { border-bottom:none; }

.hide, .hidden { display:none; }
#errors, .alert { color:red; }
.error { border:1px solid red; }
#nav,
#nav li { float: left; display:inline; }
#nav li.firstItem { margin-left: 185px; }
#nav li a { display: block; float: left; padding: .2em .5em; text-align: center; font-size: 1em; }
#nav li.lastItem a { border-right-width: 0; }

#intro { float: left; width: 455px; }
#sidebar { width: 230px; padding: 10px; float: right; }
#sidebar a { padding-top: 25px; }

#copyright, #credits { float: left; width: 49%; margin-top:.5em; display:inline;}

#quick-request { width:218px; padding:0 20px 20px; float:right; margin:20px 0;}
#quick-request h2 { padding-bottom: .2em; }
#frmRequest legend { display: none; }
#frmRequest fieldset { border: none; padding: 0; margin:0}
#frmRequest .field { margin-bottom: 4px; }
#frmRequest #contact-email { width: 15.5em; }
#frmRequest label { float: left; clear: left; width: 8em; }
#frmRequest input { width: 6em; }
#frmRequest .field { margin: 5px 0 5px 0; }
#frmRequest button { width: 20px; height: 20px; text-indent: -1000em; border: none; overflow: hidden; cursor: pointer; }
#frmRequest #submitButton { width: 85px; height: 26px; background: url(/images/bg_buttons.png) 4px -198px; border: none; cursor: pointer; color: white; font-size: 1.2em; margin-left:4em;}
#frmRequest #submitButton:hover { background-position: 4px -248px; }
#frmRequest .checkbox { width: 100%; }
#frmRequest .checkbox label { width: auto; margin-bottom:1em; }
#frmRequest .checkbox input { width:1em; margin-right:.5em; }
#frmRequest .length { float: left; width: 3.5em; margin-right:1em; display:inline; }
#frmRequest #vessel-information { padding:0 .5em; }
#frmRequest #vessel-information legend { display:block; }
#frmRequest #vessel-information label { width:auto; clear:none; margin-right:1em; }
#frmRequest .length input { width:3.5em; }
.required-indicator { margin:.5em 0; }

#arrivalCalendar, #departureCalendar { background: url(/images/bg_buttons.png) no-repeat 0 0; }

body div.calendar { z-index:10; }

#imageList { clear: left; }

#logo { width: 180px; height: 200px; display: block; }

#logo img { border: none; }

#outer { float: left; }
#contentPane { padding:0 17px 20px 195px; width:728px; float: left; min-height:400px}
#contentPane li { margin-left: 1em; list-style:inside; }
#contentPane li li { margin-left: 2em; list-style-type: circle;}
#contentPane ul { margin-bottom:1em; }

/* Contact Us & reservation*/
body.contact form	 		{ border-width: 1px; padding: 1em; width: 35em; }
body.contact label 		{ display: block; width: 8em; float: left; }
body.contact input 		{ margin-bottom: 1em; width: 300px; padding:5px;}
body.contact textarea 	{ width: 400px; padding:5px; font-family: Arial, Helvetica, sans-serif;}
body.contact #submitButton { width:auto; }

/* rates */
.rates dl { width:12em; }
.rates dt { float:left; width:8em; }
.rates dt, .rates dd { margin-bottom:.5em;  }

/* general floating images */
.imgCard { float:right; border:none; margin:0 1em; display:inline; }

/* services */
.services .imgCard { width:400px; }
.services .imgCard img { float:none; clear:both; }
.services .imgCard .caption { display:block; text-align:center; }
.services .vcard { padding: 1em; border: 1px solid silver; background: white; letter-spacing: 1px; width: 25em; }

/* clearing */
.moreInfo { font-weight:normal; font-style:italic; text-align:right; }
.harbour-pictures { clear:both; float:left; width:100%; }
.harbour-pictures .imgCard { float:left; margin:1em; width:320px; text-align:center; border: none; }
.harbour-pictures .imgCard a { border: none; }

/* yachts */
.yachts #pullout { width:200px; }
.yachts #pullout { float:right; clear:both; padding:1em; }

/* forms */
.download-forms { clear:both; float:left; width:100%; }
.download-forms .imgCard { float:left; margin:1em; width:320px; text-align:center; }
.download-forms .imgCard img { border: 1px solid gray; }
.download-forms .imgCard a { border: none; }

/* PRESENTATION */
body { font-size: .76em; font-family: Arial, Helvetica, sans-serif; z-index:1; line-height:1.5;  background-color: #458FD5; }
h1,h2,h3, select { color: #06598D; }
#main { z-index:10; }
#header { background: transparent }
#outer { background: #F5F1E6 url(/images/bg_blue-side.png) repeat-y 0 0; }

#styles { text-align: right; height:2em; visibility: hidden; }
#styles span { color: white; cursor: pointer; text-align: right; text-decoration: underline; }
#contentPane { background: url(/images/p_boat.jpg) no-repeat 0 0; color: #06598D; }
#nav { background-color: #ee9f6d; width: 100%; }
#nav li { list-style: none; }
#nav li a { font-family: "Times New Roman", Times, serif; color: #00638C; text-decoration: none; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; }
#nav li a:hover { background-color: #ffd899; }
#logo { background: transparent url(/images/logo.png) no-repeat 0 0; text-indent: -9999px; }

#pullout,
#quick-request { background: #FAE6C5; border: 1px solid #EE9F6D; }
#quick-request h2 { color: #06598D; border-bottom: 1px solid #06598D; font-size: 1.2em; }
#footer, #footer a { font-size:.9em; color: #A1C6D3; text-decoration:none; }
#footer #credits { text-align:right; }
#frmRequest #vessel-information { border:1px solid gray; }

.rates dt { font-weight:bold; }
.rates dd { text-align:right; }

.imgCard img { border:1px solid #ee9f6d; padding:5px; background:white; }
.imgCard .caption { font-style:italic; font-size:small; line-height:2; text-align:center; }

/*.clearing { display: block; clear: left; margin: -0.66em 0;
  visibility: hidden; }
#extra1 { position:absolute; width:10000px; top:0; left;0; height:1024px; background: url(/images/bg_gradient_blue.jpg) repeat-x ; overflow:hidden; z-index:-1; display:none;}
*/
	
* html #contentPane { height:400px; }
* html #logo { background: none; text-indent:0;}