* { padding: 0; margin: 0; }

body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	background-color: white;
}

img{border:none;}

div#container {
	margin: 20px auto;
	width: 760px;
	background: url(../images/back.gif) no-repeat;
}

/* ------- header navigation 1 ----------- */

div#header_nav1 {
	background: url(../images/border.png) repeat-x left bottom;
	/*border-bottom: thin dashed #000;*/
	padding: 0px 0px 35px 0px;
	margin: 0px 0px 0px 0px;
}

.header_pic {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 0px 0px;
}

.navcontainer img {
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.nav_winch {
	padding: 0px 0px 0px 0px;
}

.navcontainer ul {
	margin: 4px 0px 0px 0px;
	/* top right bottom left */
	color: black;
	float: left;
}

.navcontainer ul li { 
	display: inline; 
	float: left;
}

.navcontainer ul li a {
	margin: 0px 50px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: black;
	text-decoration: none;
}

.navcontainer ul li a:hover {
	color: silver;
}

.navcontainer li a.current {
	color: silver;
	cursor: default;
}

/* ------- header navigation 2 ----------- */

div#header_nav2 {
	background: url(../images/border.png) repeat-x left bottom;
	/*border-bottom: thin dashed #000;*/
	padding: 5px 0px 25px 4px;
	margin: 0px 0px 0px 0px; 
	font-size: 10px;
}



div#header_title {
	background: url(../images/border.png) repeat-x left bottom;
	/*border-bottom: thin dashed #000;*/
	padding: 7px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
}

p#head_title {
	background-color: #DAD8D4;
	padding: 4px 0px 4px 4px;
	margin: 0px 0px 0px 0px;
	width: 756px;
}

.white {
	color:white;
}

div#header_pic {
	background: url(../images/border.png) repeat-x left bottom;
	/*border-bottom: thin dashed #000;*/
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
}

.header_pic_img {
	margin: 0px 26px 0px 0px;
}

/* ------- middle ----------- */
/* top right bottom left */

div#middle {
	background: url(../images/border.png) repeat-x left bottom;
	/*border-bottom: thin dashed #000;*/
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	overflow: auto;
}

div#middle img {
	float: right;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.sister_boat_text {
	background: url(../images/bullet_grey.png) no-repeat 0px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 40px;
	font-size: 10px;
}

.sister_boat_text2 {
	background: url(../images/bullet_grey.png) no-repeat 0px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 140px; /*right margin to fix Safari positioning of logo */
	font-size: 10px;
}

.indigo_boat_text {
	background: url(../images/bullet_grey.png) no-repeat 0px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 270px;
	font-size: 10px;
}

.middle_title {
	float: none;
	clear: both;
	/*padding: 0px 0px 0px 4px;*/
	margin: 20px 0px 0px 0px;
	/*background-color: #DAD8D4;*/
	padding: 4px 0px 4px 5px;
	width: 175px;
	font-weight: bold;
}

/* ------- main text ----------- */
/* top right bottom left */

div#main_text {
	background: url(../images/border.png) repeat-x left bottom;
	/*border-bottom: thin dashed #000;*/
	padding: 8px 0px 10px 5px;
	margin: 0px 0px 0px 0px;
	overflow: auto;
}

.main_textfield {
	float: left;
	width: 340px;
	padding: 0px 0px 0px 0px;
	margin: 0px 60px 0px 0px;
	font-size: 11px;
	text-align: justify;
	line-height: 1.3;
}

.main_textfield2 {
	float: left;
	width: 330px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	text-align: justify;
	line-height: 1.3;
}

/* ------- 3 column for equipment page ----------- */
/* top right bottom left */

div#column_container {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 
	overflow: auto;
}

#column_a {
	float: left;
	width: 255px;
	height: 100%;
	background: url(../images/border_vertical.png) repeat-y right top;
	/*border-right: thin dashed #000;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.equip_table {
	padding: 4px 20px 0px 10px;
	font-size: 11px;
	overflow: auto;
	/*line-height: 1.4em;*/
}

.left_div {
	text-align: left;
	float: left;
	overflow: hidden;
}



.right_div {
	text-align: right;
	float: right;
}

.equip_title {
	padding: 5px 5px 5px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #DAD8D4;
	width: 65px;
	background-color: #DAD8D4;
	font-size: 12px;
	font-weight: bold;
}

.equip_title_long {
	padding: 5px 5px 5px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #DAD8D4;
	width: 120px;
	background-color: #DAD8D4;
	font-size: 12px;
	font-weight: bold;
}

.equipment_table {
	width: 100%;
	padding: 4px 20px 0px 10px;
	font-size: 11px;
}

.right_column {
	text-align: right;
}

#column_b { 
	float: left;
	width: 228px;
	background: url(../images/border_vertical.png) repeat-y right top;
	/*border-right: thin dashed #000;*/
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	/*height: 440px;*/
}

#column_c {
	width: 215px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	clear: none;
	float: left;
}

.superscript {
	 vertical-align: super;
	 line-height: 0;
	 font-size: 8px;
	 padding: 0px 0px 0px 1px;
}

.spacer {
	/* top right bottom left */
	padding: 15px 0px 0px 0px;
}

.image_enlarge {
	background: silver;
	color: #464646;
	width: 7.7em;
	padding: 5px 5px 5px 5px;
	/*margin: 10px 0px 10px 50px;*/
	font-weight: bold;
	font-size: 12px;
	float: right;
}

div#saver {
	clear: both;
}

div#footer_border {
	background: url(../images/border.png) repeat-x left bottom;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 760px;
}

/* the crew */
div#left_column {
	float: left;
	width: 390px;
	height: 480px;
	background: url(../images/border_vertical.png) repeat-y right top;
	/*border-right: thin dashed #000;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#right_column {
	float: right;
	width: 370px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.left_text {
	padding: 10px 20px 0px 0px;
	text-align: left;
	line-height: 1.4em;
}

.left_text_title {
	padding: 5px 5px 5px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #DAD8D4;
	width: 170px;
	background-color: #DAD8D4;
	font-size: 12px;
	font-weight: bold;
}

div#right_column img {
	padding: 0px 0px 0px 10px;
}

/* Gallery extra css */
/* top right bottom left */

div#gall_container {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	overflow: auto;
	background: url(../images/border.png) repeat-x bottom;
}

.gall_column_a {
	float: left;
	background: #FFF url(../images/loader.gif) no-repeat 50% 50%;
	width: 456px;
	height: 342px;
	padding: 0px 22px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.gall_column_b {
	float: right;
	width: 257px;
	height: 342px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #FFF url(../images/loader.gif) no-repeat 50% 50%;
}

.divider {
	background: url(../images/border_vertical.png) repeat-y;
	float: left;
	width:  2px;
	padding: 0px 0px 0px 0px;
	height: 342px;
}

.gall_column_ai {
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../images/border_vertical.png) repeat-y right top;
}

.gall_column_bi {
	float: right;
	height: 55px;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
}

.gall_images {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
}

div#captions {
	clear: both;
}

.bullets {
	padding: 0px 2px 0px 0px;
}

.gall_label1 {
	float: left;
	background: url(../images/holder_456.gif) no-repeat 0px;
	padding: 3px 45px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	width: 456px;
}

.gall_label2 {
	float: right;
	background: url(../images/holder_257.gif) no-repeat 0px;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	width: 257px;
}


div#gall_thumbs {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../images/border.png) repeat-x bottom;
	overflow: hidden;
}

.thumb_title {
	padding: 5px 0px 5px 5px;
	margin: 5px 0px 0px 0px;
	font-size: 13px;
	background: silver;
	width: 7em;
	font-style: italic;
}

/* ************ prices & availability ************ */

div#pr_left_column {
	float: left;
	padding: 0px 40px 40px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../images/border_vertical.png) repeat-y right top;
}

div#pr_right_column {
	float: right;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	width: 150px;
	overflow: auto;
}

.pr_right_table {
	overflow: auto;
	padding: 20px 0px 20px 0px;
	height: 100%;
}

div#pr_right_table2 {
	background: url(../images/border.png) repeat-x top;
	padding: 20px 10px 0px 0px;
	font-size: 11px;
}

.pr_right_col {
	overflow: auto;
	padding: 10px 0px 0px 0px;
}

.pr_left_text {
	float: left;
	padding: 5px 5px 5px 5px;
}

.pr_right_box {
	width: 50px;
	height: 12px;
	padding: 5px 5px 5px 5px;
	float: right;
}

div#price_table {
	margin: 20px 0px 0px 20px;
	border-top: solid 1px silver;
	border-left: solid 1px silver;
	border-right: solid 1px silver;
}

.row_top {
	overflow: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
	background: url(../images/border.png) repeat-x bottom;
}

.row_bottom {
	overflow: auto;
	margin: 0px 0px 0px 0px;
	/*background: url(../images/border.png) repeat-x bottom #CCCCCC;*/
	border-bottom: solid 1px silver;
	background: #CCCCCC;
}

.row_bottom_end {
	overflow: auto;
	margin: 0px 0px 0px 0px;
	border-bottom: solid 1px silver;
	background: #CCCCCC;
}

.column_title {
	float: left;
	padding: 0px 50px 0px 5px;
}

.column {
	float: left;
	padding: 0px 0px 0px 4px;
}

.column_date {
	float: left;
	padding:  0px 0px 0px 4px;
	
}

.date {
	text-align: center;
	font-size: 10px;
	color: #EE3E96;
	width: 80px;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	
}

.date5 {
	text-align: center;
	font-size: 10px;
	color: #EE3E96;
	width: 61px;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	
}

.price {
	text-align: center;
	font-size: 11px;
	background: silver;
	width: 80px;
	padding: 4px 0px 4px 0px;
	margin: 0px 10px 0px 10px;
}

.price5 {
	text-align: center;
	font-size: 11px;
	background: silver;
	width: 61px;
	padding: 4px 0px 4px 0px;
	margin: 0px 10px 0px 10px;
}

.month_title {
	width: 70px;
	font-size: 12px;
	padding: 3px 25px 0px 0px;
}

.date_title {
	font-size: 11px;
	padding: 0px 70px 2px 0px;
	margin: 0px 0px 0px 0px;
	color: #666666;
}

.footnote {
	padding: 20px 0px 0px 40px;
	font-size: 11px;
}

/* top right bottom left */
/* ************ contact styling ************ */

div#contact_form_container {
	padding: 10px 0px 0px 55px;
	margin: 0px 0px 0px 0px;
}

div#the_contact_form {
	float: left;
	padding: 0px 40px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*background: url(../images/border_vertical.png) repeat-y right top;*/
}

div#the_contact_form p {
	margin: 30px 0px 0px 0px;
}

.contact_text {
	padding: 5px 0px 5px 0px;
	font-size: 13px;
}

form {
	font-size: 12px;
}

fieldset { 
	border:0;
	margin:0;
	padding:0; 
	width: 400px;
}

.label_block {
	display: block;
	text-align: left;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.label_inline {
	clear: left;
	float: left;
	display: inline;
	text-align: left;
	width: 60px;
	margin-bottom: 0.4em;
	padding: 5px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* top right bottom left */
input.text { 
	width:317px;
	background-color: white;
	color: black;
	padding:3px;
	margin:1px 0;
	border:1px solid #ccc; 
}

textarea {
	width: 383px;
	height: 258px;
	/*
	margin: 2px 0px 2px 0px;
	padding: 5px 5px 5px 5px;*/
	/*border: thin dotted #000;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	border: none;
	overflow: auto;
}

div#message_div {
	background: url(../images/contact_board.png) no-repeat;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	overflow: visible;
}

input.submit { 
	float: right;
	padding:2px 5px 3px 5px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	border: none;
	background: black;
	color: white;
	width: 85px;
	font-size: 11px;
	text-align: center;
}

input.submit:hover {
	background: silver;
	color: black;
}

div#contact_details {
	padding: 10px 10px 10px 0px;
	margin: 0px 0px 0px 20px;
	background: url(../images/border.png) repeat-x left bottom;
	float: left;
}

.contact_detail_head {
	background: url(../images/border.png) repeat-x left bottom;
	padding: 0px 0px 3px 5px;
	margin: 0px 0px 20px 0px;
	font-weight: bold;
}

.contact_detail_text {
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	line-height: 1.4em;
}

.contact_detail_text a {
	text-decoration: none;
	color: black;
}

.contact_detail_text a:hover {
	text-decoration: underline;
	color: silver;
}

#log {
	width: 400px;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
}

.span_error {
	color: red;
}

.span_correct {
	color: green;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(images/loading.gif) no-repeat center;
}
/* top right bottom left */