@charset "UTF-8";

/* CSS Document */

/* HTML */

body {
	margin:0;
	text-align:center;
	background-color:#5d5531;
	background-image:url(../images/bg_body.png);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

hr {
	background-image:url(../images/bg_hr_content.png);
	background-repeat:repeat-x;
	border:none;
	margin:30px 0 30px 0;
	padding:0;
	height:4px;
	clear:both;
	color:#036;
}

* html hr {
	background-image:none;
	background-repeat:repeat-x;
	border:none;
	margin:0 0 15px 0;
	padding:0;
	height:1px;
	clear:both;
}



*+html hr {
	background-image:none;
	background-repeat:repeat-x;
	border:none;
	margin:0 0 15px 0;
	padding:0;
	height:1px;
	clear:both;
}


hr.border {
	background-image:url(../images/bg_rule_border.gif);
	background-color:#FF6;
	margin:0;
	height:3px;
	clear:both;
}

h1 {
	color:#000;
	background-image:url(../images/bg_hr_content.png);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0 0 32px 0;
	padding:15px 0;
	text-align:center;
	position:relative;
	width:645px;
}

h2  {
	font-size:2.4em;
	margin:0 0 5px 0;
}


h2 img  {
	position:relative;
	top:7px;
	margin-right:5px;
}


h3 {
	color:#d5c18a;
	text-transform:uppercase;
	font-size:1.5em;
	background-image:url(../images/bg_h3_flag.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:27px;
	line-height:27px;
	padding-left:30px;
	margin:0 0 10px 0;
	vertical-align:middle;
}

h3 img {
	padding:5px 5px 5px 0;
}

h4 {
	font-size:1.8em;
	margin:0 0 5px 0;
}

p {
	line-height:160%;
	font-size:1.4em;
	margin-top:0;
}

p.caption {
	font-size:1.25em;
}

p.offer {
	color:#19242e;
	font-size:1.7em;
	line-height:1.2em;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:30px;
}

p.offer.line1 img.button {
	float:left;
	margin-right:10px;
	top:-8px;
	position:relative;
}

p.offer.line2 img.button {
	float:left;
	margin-right:10px;
	top:2px;
	position:relative;
}

p.button_110 {
	background-image:url(../images/bg_button_110.png);
	background-position:center -1px;
	background-repeat:no-repeat;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	width:110px;
	line-height:17px;
	height:17px;
	vertical-align:middle;
}

p.button_110 a:link, p.button_110 a:visited, p.button_110 a:hover {
	color:#FFF;
	text-decoration:none;
	width:110px;
	display:block;
	text-align:center;
}

p.button_165 {
	background-image:url(../images/bg_button_165.png);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	width:165px;
}

p.button_165 a:link, p.button_165 a:visited {
	color:#FFF;
	text-decoration:none;
	width:165px;
	display:block;
	height:20px;
	line-height:20px;
	vertical-align:middle;
}

p.button_155tall {
 background-image;
	background-image:url(../images/bg_button_155tall.png);
	background-position:center;
	background-repeat:no-repeat;
	text-transform:uppercase;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	width:155px;
}

p.button_155tall a:link, p.button_155tall a:visited {
	color:#FFF;
	text-decoration:none;
	width:155px;
	display:block;
	text-align:center;
	height:30px;
	line-height:30px;
	vertical-align:middle;
}

ul {
	margin:0 0 15px 0;
	padding:0 0 0 15px;
	list-style-position:outside;
}

li {
	margin:0 0 6px 0;
	padding:0;
	font-size:1.4em;
	list-style-position:outside;
}

img {
	border:none;
}



a:link,
a:visited {
	color:#FFF;
}

a.more:link, a.more:visited {
	color:#900;
}


/* Template */

#wrapper {
	margin:0 auto;
	width:950px;
	background-image:url(../images/bg_wrapper.png);
	background-repeat:repeat-y;
	clear:both;
}

#header {
	width:926px;
	height:167px;
	position:relative;
	background-image:url(../images/bg_header.png);
	margin:0 12px 0 12px;
	clear:both;
}

* html #header {
	z-index:1;
}

*+html #header {
	z-index:50;
}
img#masthead {
	position:absolute;
	left:15px;
	top:0px;
	height:303px;
	width:214px;
	z-index:20;
}




p.tagline {
	background-image:url(../images/sail_san_juan.png);
	width:443px;
	height:38px;
	margin:0;
	position:absolute;
	top:25px;
	left:255px;
	text-indent:-9999px;
}

ul#nav_top {
	position:absolute;
	top:92px;
	left:-12px;
	width:950px;
	height:75px;
	z-index:1;
	padding:0;
	list-style:none;
	background-image:url(../images/bg_nav_top.png);
	background-repeat:no-repeat;
	background-position:bottom;
	overflow:hidden;
}




ul#nav_top li {
	float:left;
	text-align:left;
	vertical-align:middle;
	line-height:45px;
	padding:0;
	margin:0 35px 0 0;
	display:inline;
}


* html ul#nav_top li,
*+html ul#nav_top li
{
	margin:0 37px 0 0;
}

ul#nav_top li a:link, ul#nav_top li a:visited {
	color:#bea891;
	font-weight:bold;
	font-size:17px;
	text-decoration:none;
	vertical-align:middle;
	padding-left:30px;
	text-align:left;
}

ul#nav_top li a span {
	visibility:hidden;
}

ul#nav_top li.active {
	background-repeat:no-repeat;
	background-position:center;
}



ul#nav_top li#aboutus {
	margin-left:265px;
	background-image:url(../images/nav_li_about_us_off.png);
	background-repeat:no-repeat;
	background-position:center;
}

ul#nav_top li#aboutus.active, ul#nav_top li#aboutus:hover {
	background-image:url(../images/nav_li_about_us_on.png);
}


ul#nav_top li#voyages {
	background-image:url(../images/nav_li_our_voyages_off.png);
	background-repeat:no-repeat;
	background-position:center;
}

ul#nav_top li#voyages.active, ul#nav_top li#voyages:hover {
	background-image:url(../images/nav_li_our_voyages_on.png);
}


ul#nav_top li#pricing {
	background-image:url(../images/nav_li_schedule_pricing_off.png);
	background-repeat:no-repeat;
	background-position:center;
}


ul#nav_top li#pricing.active, ul#nav_top li#pricing:hover {
	background-image:url(../images/nav_li_schedule_pricing_on.png);
}


ul#nav_top li#contactus {
	background-image:url(../images/nav_li_contact_us_off.png);
	background-repeat:no-repeat;
	background-position:center;
}

ul#nav_top li#contactus.active, ul#nav_top li#contactus:hover {
	background-image:url(../images/nav_li_contact_us_on.png);
}

#contact {
	position:absolute;
	background-image:url(../images/bg_contact.png);
	background-repeat:no-repeat;
	text-align:center;
	width:235px;
	height:78px;
	right:-12px;
	top:14px;
}

#contact p {
	color:#e0cc94;
	font:1.7em;
	line-height:110%;
	margin:10px 10px 0 30px;
	text-align:left;
}

#contact p strong {
	text-transform:uppercase;
	font-size:97%;
}

#contact p img {
	float:right;
	margin-top:-2px;
}

#contact a:link, #contact a:hover, #contact a:visited {
	color:#E0CC94;
	text-decoration:none;
}


#contact a:hover {
	text-decoration:underline;
}

#contentwrapper {
	margin:0 12px 0 12px;
	background-image:url(../images/bg_contentwrapper.png);
	background-repeat:repeat-y;
	padding:0 0 0 0;
	position:relative;
	z-index:0;
	overflow:hidden;
}

#col_left {
	float:left;
	width:26%;
	margin:0 2% 0 0;
	text-align:center;
	position:relative;
	padding-top:165px;
}

#col_main {
	width:70%;
	float:left;
	margin:0 1% 0 0;
	position:relative;
}

#col_main_full {
}

#col_main_left {
	width:71%;
	float:left;
	padding-right:2%;
}

#content {
	text-align:left;
	padding-bottom:30px;
	color:#19242e;
}

/*#content a:link, #content a:hover, #content a:visited {
  color:#19242e;
}

#content p {
}*/

p.subtext {
	position:absolute;
	top:56px;
	right:3px;
	padding:0;
	margin:0;
	text-align:right;
	height:20px;
}


span.homepage {}


span.homepage h3 {
	margin-bottom:0px;
}

span.homepage p {
	line-height:1.35em;
}


p.prompt {
	font-size:1.9em;
	font-weight:bold;
	line-height:115%;
	color:#500f0a;
}

div#col_right {
	width:27%;
	float:left;
	overflow:hidden;
	text-align:center;
}

div#col_right .box {
	margin-right:5px;
	margin-left:4px;
}

form {
}

#bottom_outer {
	background-color:#360604;
	overflow:hidden;
	background-image:url(../images/bg_bottom_outer.gif);
	background-repeat:repeat-x;
	background-position:center top;
	clear:both;
	overflow:hidden;
}

#bottom {
	margin:0 auto;
	width:926px;
	padding:0 0 30px 0;
	text-align:left;
	background-image:url(../images/bg_bottom.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

#bottom #col_left {
	padding-top:20px;
}

* html #bottom #col_main {
	overflow:hidden;
	width:69%;
}

#bottom #col_main h3 {
	margin-left:-22px;
	margin-right:85px;
	margin-top:15px;
	margin-bottom:12px;
	background-image:none;
}

#bottom #col_main p {
	margin-left:40px;
	margin-right:0px;
	color:#cac4ad;
}

#footer_outer {
	background-color:#4e0f0a;
	overflow:hidden;
	clear:both;
}

#footer {
	width:926px;
	margin:0 auto;
	text-align:left;
	clear:both;
	overflow:hidden;
	position:relative;
}

#footer p {
	color:#d1c9a4;
	font-size:1.2em;
	padding:12px 5px;
}



ul#nav_footer {
	position:absolute;
	right:2px;
	top:0px;
}




ul#nav_footer li {
	float:left;
	text-align:left;
	vertical-align:middle;
	line-height:45px;
	display:inline;
}



ul#nav_footer li a:link, ul#nav_footer li a:visited {
	color:#bea891;
	font-size:11px;
	text-decoration:none;
	padding:0 10px 0 10px;
	text-transform:uppercase;
	border-left:1px solid #BEA891;
}


ul#nav_footer li a:hover {
	text-decoration:underline;
}



ul#nav_footer li.home a:link,
ul#nav_footer li.home a:visited {
	border:none;
}

ul#nav_footer li.active {
}



ul#nav_footer li#pricing.active, ul#nav_footer li#pricing:hover {
	background-image:url(../images/nav_li_schedule_pricing_on.png);
}

ul#nav_footer li#voyages {
	background-image:url(../images/nav_li_our_voyages_off.png);
	background-repeat:no-repeat;
	background-position:center;
}

ul#nav_footer li#voyages.active, ul#nav_footer li#voyages:hover {
	background-image:url(../images/nav_li_our_voyages_on.png);
}

ul#nav_footer li#aboutus {
	background-image:url(../images/nav_li_about_us_off.png);
	background-repeat:no-repeat;
	background-position:center;
}

ul#nav_footer li#aboutus.active, ul#nav_footer li#aboutus:hover {
	background-image:url(../images/nav_li_about_us_on.png);
}

ul#nav_footer li#contactus {
	background-image:url(../images/nav_li_contact_us_off.png);
	background-repeat:no-repeat;
	background-position:center;
}

ul#nav_footer li#contactus.active, ul#nav_footerp li#contactus:hover {
	background-image:url(../images/nav_li_contact_us_on.png);
}










div.box {
	margin-bottom:15px;
}

.right {
	float:right;
}

div.box.clear_right {
	width:27%;
	float:right;
	margin-left:30px;
	text-align:center;
}

div.box.clear_right p.button_165 {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

div.box.blue {
	padding:17px;
	background-color:#192e42;
	text-align:left;
}

div.box.blue p, div.box.blue p {
	color:#FFF;
	line-height:120%;
	margin-bottom:5px;
}

div.box.blue ul, div.box.blue ul {
	margin-bottom:0;
}

div.box.blue li, div.box.blue li {
	color:#FFF;
	margin:0 0 0 0;
	padding-left:3px;
	font-size:1.2em;
	list-style-position:inside;
}

div.box.blue_right {
	padding:17px;
	background-color:#192e42;
	width:20%;
	float:right;
	margin-right:5px;
	margin-left:30px;
	text-align:left;
}

div.box.blue_right p, div.box.blue_right p {
	color:#FFF;
	line-height:120%;
	margin-bottom:5px;
}

div.box.blue_right ul, div.box.blue_right ul {
	margin:0;
	padding:0;
}

div.box.blue_right li, div.box.blue_right li {
	color:#FFF;
	margin:0 0 0 0;
	padding-left:3px;
	font-size:1.2em;
	list-style-position:inside;
}



/* Log */

div.log {
	background-image:url(../images/bg_skippers_log.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom:60px;
}

* html div.log {
	background-position:12px bottom;
}

div.log h3 {
	background-image:url(../images/h3_skippers_log.png);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	height:49px;
	overflow:hidden;
	padding:0;
	line-height:55px;
}

div.log h3 img {
	margin:7px 0 0 4px;
	vertical-align:middle;
}

div.log p, div.log hr, div.log img {
	margin-left:42px;
	margin-right:42px;
}

div.log p {
	text-align:left;
	color:#d6cfad;
	font-size:1.7em;
	font-weight:bold;
	line-height:1.3em;
}

div.log p span.phone {
	font-size:1.35em;
	margin-top:5px;
	display:block;
}

div.log hr {
	background-image:url(../images/bg_hr_log.gif);
	background-repeat:repeat-x;
	height:2px;
	margin: 0 45px 15px 45px;
}

* html div.log hr {
	color:#FFF;
	height:1px;
}

*+html div.log hr {
	color:#FFF;
	height:1px;
}

div.log p.title {
}

div.log p.intro {
}

div.log p.more {
}




/* Mod */



.mod {
	height:390px;
}

* html .mod {
	height:410px;
}

.col1 .mod {
	position:relative;
	left:-7px;
}

* html .col1 .mod {
		left:-0px;
}

div.mod h4 {
	font-size:1.8em;
	color:#182d40;
	font-weight:bold;
	margin:15px 35px 5px 35px;
}

div.mod p {
	margin: 0 35px 10px 35px;
	font-size:1.2em;
}


div.mod p.button_110 {
}



/* Features */

div.mod.features {
	background-image:url(../images/bg_mods.png);
	background-repeat:repeat-y;
	background-position:center;
	background-position:bottom;
	padding-bottom:20px;
}

div.mod.features h3 {
	background-image:url(../images/bg_h3_mods.png);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	height:49px;
	padding:0;
	margin:0 0 20px 0;
}

div.mod.features h3 img {
	padding:15px;
	margin:0;
}

div.mod.features h4 {
	font-size:1.8em;
	color:#182d40;
	font-weight:bold;
	margin:15px 35px 5px 35px;
}

div.mod.features p {
	margin: 0 35px 10px 35px;
	font-size:1.2em;
	line-height:1.4em;
}

div.mod.features img {
	margin: 0px 35px 0 33px;
}



/* tables */


h4.table {
	background-color:#182c3f;
		width:auto;
	display:inline;
	color:#FFF;
	padding:3px 25px;
	font-size:1.4em;
}

table.schedule {
	border-top:3px solid #182c3f;
	border-left:1px solid #999168;
	margin-bottom:20px;
}


table.schedule tr {}

table.schedule tr.r0 {
	background-color:#ebe1b0;
}

table.schedule tr.r1 {
	background-color:#f4edca;
}

table.schedule th {
	padding:5px;
	background-image:url(../images/bg_table_schedule_th.gif);
	background-repeat:repeat-x;
	background-color:#bcb17e;
	font-size:1.4em;
	color:#473917;
	white-space:nowrap;
	vertical-align:top;
	border-top:none;
	border:1px solid #999168;
	border-left:none;
}

table.schedule td {
	border:1px solid #999168;
	vertical-align:top;
	padding:5px;
	border-top:none;
	border-left:none;
}

table.schedule td p {
	font-size:1.4em;
	font-weight:bold;
	margin:0;
	line-height:1.3em;
}


table.schedule td.date {
}

table.schedule td.date p.days {
	font-weight:normal;
}


table.schedule td.description {
}

table.schedule td.description p.notes {
	font-weight:normal;
}


table.schedule td.price {
}

table.schedule td.berth {
}


table.schedule td p.book {
	margin-top:2px;
}






/* Contact form */

div.contact_form {
}

div.contact_form .row {
	margin-bottom:15px;
}

#content div.contact_form p {
	margin-bottom:12px;
}

#content div.contact_form .col p {
	margin-bottom:0px;
}

div.contact_form input.textfield {
	background-color:#FFF;
	width:200px;
	padding:3px;
	border:1px solid #CCC;
	color:#2d1805;
}

div.contact_form input.checkbox {
	vertical-align:middle;
}

div.contact_form hr {
	margin-top:30px;
	margin-bottom:30px;
}

div.contact_form input.button {
	margin-top:20px;
}

* html div.contact_form input.button {
	width:141px;
	height:35px;
}

div.contact_form textarea {
	width:400px;
	height:75px;
	color:#2d1805;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-top:-8px;
}

div.form_results {
}

div.form_results ul {
	list-style-position:outside;
	padding-left:20px;
}

div.form_results p {
	margin-bottom:10px;
}

/* Columns */


.row {
	clear:both;
}

.col1, .first {
	margin-left:0px !important;
}

.col {
	float:left;
}

.cols2 {
	width:50%;
	float:left;
	overflow:hidden;
}

* html .cols2 {
}

.cols4 {
	width:25%;
}

/* Clearfix class */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Clearfix applied to div */

div:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

div {
	display: inline-block;
}

html[xmlns] div {
	display: block;
}

* html div {
	height: 1%;
}