/*
Title:      Capt. Andy's master styles v.3
Author:     justin@wasabihawaii.com
Updated:    11/03/2006
Notes:		lovingly prepared by Wasabi Marketing in Hanalei, Kauai.
*/

body {
  margin: 0 0 0 0;
  padding: 0;
  font: small Verdana, sans-serif;
  color: #00406E;
  text-align: center;
  line-height: 1.5em;
  background: #fff url(/img/napali_BG_2010.jpg) no-repeat top center;
  }

/* links
---------------------------------------------------------- */

a:link {
	color: #167CB7;
	}
a:visited {
	color: #1B98E1;
	}
a:hover {
	color: #B4232B;
	}

/* page structure
---------------------------------------------------------- */

#wrap {
  position: relative;
  margin: 0 auto;
  padding: 0 0 9px 0;
  text-align: left;
  width: 750px;
  background: #fff;
  border: 1px solid #ccc;
  }

/* header
---------------------------------------------------------- */
div.sailing-header{ width: 100%; display: block; background-color: #c62821; }
div.rafting-header{ width: 100%; display: block; background-color: #000; } 
div.southern-star-header{ width: 100%; display: block; background-color: #002537; } 
div.header-container{ margin: 0 auto; width: 750px; }

#header { width: 100%; display: block; background-color: #c62821; }
#header.less { padding-bottom: 57px; }
#header div{ padding: 8px 0 0 5px; }
  
#header.pali {
  background: url(/img/bg_header.gif) no-repeat 0 33px;
  }
#header.survey {
  background: url(/img/bg_header_survey.jpg) no-repeat 0 33px;
  }


#header.bookp {
  background: url(/img/bg_header_book.gif) no-repeat 0 33px;
  }
h1.compare {
  color: #ffffff;
  padding: 50px 0 0 10px;
  font-size: 135%;
  font-weight: normal;
  border-bottom: none;
  }

/* logo */

#logo_company {
  position: absolute;
  top: 127px;
  right: 42px;
  }
#content_book #logo_company {
  top: 100px;
  }
.andy_msg {
  position: absolute;
  top: 160px;
  right: 23px;
  text-align: center;
  width: 145px;
  font-size: 75%;
  line-height: 1.2em;
  color: #000000;
  }

/* navigation */

#header ul {
  position: absolute;
  top: 0;
  right: 0;
  width: 420px;
  margin: 0;
  padding: 0;
  font: 13px Verdana, sans-serif;
  }
#header ul li {
  float: left;
  width: 140px;
  margin: 0;
  padding: 10px 0  0 0;
  text-align: center;
  list-style: none;
  height: 33px;
  background: url(../img/bg_nav_line.gif) no-repeat;
  }

/* nav links */

#header ul li.active {
  background: url(../img/bg_nav_solid.gif) no-repeat;
  }
#header ul li a:link, #header ul li a:visited {
  color: #5E6A71;
  text-decoration: none;
  }
#header ul li a:link.active, #header a:visited.active, #header a:hover.active {
  color: #005C87;
  }
#header ul li a:hover {
  color: #B4232B;
  text-decoration: none;
  }

/* crumb */

#header p {
  position: absolute;
  top: 118px;
  right: 20px;
  font-size: 70%;
  }
#header p em {
  font-style: normal;
  font-weight: bold;
  }

/* main
---------------------------------------------------------- */

#main {
  padding-bottom: 10px;
  }
  
/* content_r */

#content_r {
  margin: 0 20px 0 166px;
  }
#content_r.small {
  margin-left: 80px;
  }

/* content left side */

#content {
  float: left;
  margin-bottom: 50px;
  width: 388px;
  }
#content.bigger {
  width: 620px;
  }
#content p {
  padding-left: 10px;
  padding-right: 10px;
  }
#content p.lrg {
  margin: 5px 0;
  }
#content p.next {
  margin: 30px 0 0 5px;
  padding-left: 0;
  border-top: 1px dotted #BCBEC0;
  }
#content p.next a {
  padding: 5px 18px 5px 0;
  background: url(../img/functions/arrow_next.gif) no-repeat right 6px;
  }
#content p.top {
  margin-top: 20px;
  }
#content p.top a {
  padding: 5px 0 5px 18px;
  background: url(../img/functions/arrow_top.gif) no-repeat left 6px;
  }
#content dl {
  margin: 0;
  padding: 0 10px 0 20px;
  }
#content dt {
  margin: 0;
  padding: 15px 0 0 0;
  font-weight: bold;
  }
#content dd {
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  }
#content ul {
  margin: 10px 0 20px 40px;
  padding: 0;
  }
#content ul.nolist {
  margin-left: 30px;
  list-style: none;
  }
#content ul li {
  margin: 0;
  padding: 0;
  }
#content img, #content #flash {
  border: 4px solid #F0F0F1;
  }
#content img.no_border {
  border: none;
  }
#gallery {
  margin-bottom: 10px;
  background: #F0F0F1;
  border-bottom: 1px dotted #BCBEC0;
  }
#gallery img {
  border: 4px solid #58595B;
  }
#gallery p {
  margin-right: 10px;
  padding: 5px 0;
  font-weight: bold;
  text-align: right;
  }
#gallery p a {
  padding: 5px 27px 5px 3px;
  }
#gallery p a.photo {
  background: url(../img/bg_photo.gif) no-repeat right center;
  }
#gallery p a.video {
  background: url(../img/bg_video.gif) no-repeat right center;
  }
#inline, #inline_tours {
  float: left;
  margin: 0.5em 0 0.5em 0;
  padding: 1px 0;
  background: #F0F0F1;
  border: 1px dotted #BCBEC0;
  border-left: none;
  border-right: none;
  width: 100%;
  }
#inline img {
  float: left;
  padding-right: 10px;
  border: none;
  }
#inline h3, #inline_tours h3 {
  margin: 0;
  padding: 12px 0 0 0;
  font-size: 100%;
  text-transform: uppercase;
  clear: none;
  }
#inline_tours h3 {
  padding-left: 10px;
  }
#content #inline p, #content #inline_tours p {
  padding: 0 0 0 10px;
  }
#inline ul, #inline_tours ul {
  float: left;
  margin: 3px 0 0 0;
  padding: 0;
  list-style: none;
  }
#inline_tours ul {
  padding: 0 0 12px 10px;
  }
#inline ul li, #inline_tours ul li {
  margin: 0;
  padding: 2px 0;
  }
#brochure {
  margin-top: 30px;
  padding-top: 10px;
  border-top: 1px dotted #BCBEC0;
  }
#brochure p {
  padding: 0 0 3px 0;
  line-height: 1.5em;
  }
#brochure p.long {
  padding-top: 5px;
  }
#brochure p a {
  padding-right: 15px;
  background: url(../img/functions/pdf.gif) no-repeat right center;
  }
#brochure img {
  float: left;
  padding-right: 10px;
  border: none;
  }
#tshirt {
  margin-bottom: 10px;
  text-align: center;
  }
#tshirt p {
  margin-right: 10px;
  padding: 5px 0;
  font-weight: bold;
  }
#tshirt img {
  border: none;
  }

/* content_l right side */

#side_r {
  position: relative;
  margin-left: 398px;
  }
#side_tour {
  margin-left: 402px;
  text-align: center;
  }
blockquote {
  margin: 0;
  padding: 0;
  }
blockquote p {
  font-size: 115%;
  }
#side_r blockquote {
  background: url(../img/bg_quote_b.gif) no-repeat left bottom;
  color: #fff;
  }
#content blockquote {
  background: url(../img/bg_quote_h_b.gif) no-repeat left bottom;
  }
blockquote p.quote {
  font-family: Georgia, "Times New Roman", Times, serif;
  }
#side_r blockquote p.quote {
  padding: 60px 15px 3px 17px;
  background: url(../img/bg_quote.gif) no-repeat left top;
  }
#content blockquote p.quote {
  padding: 25px 17px 3px 17px;
  background: url(../img/bg_quote_h.gif) no-repeat left top;
  }
blockquote p.author {
  padding: 0 15px 15px 17px;
  font-size: 75%;
  }
#content blockquote p.author {
  padding-bottom: 15px;
  }
blockquote p.more {
  font-size: 75%;
  text-align: right;
  padding: 8px 19px 0.7em 0;
  }
#side_r blockquote a {
  color: #fff;
  }
#content #comment {
  border-bottom: 1px dotted #BCBEC0;
  }
#content #comment blockquote {
  margin: 0;
  }
#content #comment blockquote p.quote {
  font-size: 100%;
  }
#content blockquote p.quote strong {
  font-size: 150%;
  }
#content blockquote p.quote em {
  font-size: 125%;
  font-style: normal;
  }

/* content_l */

#content_l {
  float: left;
  width: 146px;
  background: #F1F1F2;
  }
#subnav {
  padding: 7px 4px 7px 7px;
  background: #fff;
  }
#subnav h3 {
  margin: 0;
  padding: 3px 5px;
  font: bold 85% Verdana, sans-serif;
  color: #BCBEC0;
  border-bottom: 1px dotted #BCBEC0;
  }
#subnav ul {
  margin: 0;
  padding: 0 0 25px 0;
  list-style: none;
  font-size: 85%;
  }
#subnav ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #BCBEC0;
  }
#subnav ul li.active {
  font-weight: bold;
  background: url(../img/sub_active.gif) no-repeat right 1px;
  }
#subnav ul li.active a:link, #subnav ul li.active a:visited {
  color: #B4232B;
  }
#subnav ul li a {
  padding-left: 5px;
  text-decoration: none;
  display: block;
  }
#subnav ul li a.photo {
  background: url(../img/bg_photo_icon.gif) no-repeat right center;
  }
#subnav ul li a.photo:hover {
  background: #F1F1F2 url(../img/bg_photo_icon.gif) no-repeat right center;
  }
#subnav ul li a:link {
  color: #5E6A71;
  }
#subnav ul li a:visited {
  color: #5E6A71;
  }
#subnav ul li a:hover {
  color: #B4232B;
  background: #F1F1F2;
  }
#subnav ul li.active a:hover {
  color: #B4232B;
  background: #F1F1F2 url(../img/sub_active.gif) no-repeat right 1px;
  }
#subnav ul li.first{
  border-color: #fff;
  }
#subnav ul li.last_first{
  border-top: 1px dotted #BCBEC0;
  border-bottom: none;
  }
#subnav ul li.last{
  border-top: 1px dotted #BCBEC0;
  }
#subnav ul li.sub{
  padding-left: 5px;
  border-color: #fff;
}
  
/* comment */

#comment {
  margin : 0;
  padding: 0;
  }
  
 /* sitemap */
 
#site_map_l {
  float: left;
  margin-bottom: 10px;
  width: 300px;
  }
#site_map_r {
  float: left;
  }
#site_map_r h3 {
  margin: 10px 0 0 0;
  padding: 0;
  }
#site_map_l h3 {
  margin: 10px 0 0 0;
  padding: 0;
  }
#site_map_r dl {
  margin: 0;
  padding: 0;
  }
#site_map_l dl {
  margin: 0;
  padding: 0;
  }
#site_map_r dt {
  margin: 0;
  padding: 0 5px 0 1px;
  }
#site_map_l dt {
  margin: 0;
  padding: 0 5px 0 1px;
  }
#site_map_r dd {
  margin: 0;
  padding: 0 5px 0 15px;
  }
#site_map_l dd {
  margin: 0;
  padding: 0 5px 0 15px;
  }

/* footer
---------------------------------------------------------- */

#foot {
  padding: 0 0 0 10px;
  font-size: 85%;
  border-top: 1px dotted #BCBEC0;
  clear: both;
  }
#content_home #foot {
  font-size: 75%;
  }
  
 div.footer{ background-color: #5c707c; border-top: 1px solid #fff; height: 50px; width: 100%; }

/* cart
---------------------------------------------------------- */

#order {
  margin-bottom: 1.5em;
  clear: both;
  float: left;
  }
#cart, .cart {
  float: left;
  margin: 0.3em 0 0.5em 0;
  padding: 0 0 5px 0;
  background: #F0F0F1;
  border: 1px dotted #BCBEC0;
  border-left: none;
  border-right: none;
  width: 100%;
  }
#content_book #cart, #content_book .cart {
  width: 450px;
  }
#cart p, .cart p {
  font-size: 100%;
  }
#cart p.sm, .cart p.sm {
  font-size: 75%;
  }
#cart #discount p, #cart #res_msg p, .cart #discount p, .cart #res_msg p {
  margin: 5px 0 0 0;
  background-color: #fff;
  border-top: 1px dotted #BCBEC0;
  border-bottom: 1px dotted #BCBEC0;
  font-size: 85%;
  }
#btn {
  margin: 0 5px 0 0;
  font-size: 85%;
  text-align: right;
  width: 100%;
  }
#content_book #btn {
  width: 450px;
  }
.save_compare {
  margin-left: 500px;
  }
.verisign {
  padding-top: 5px;
  text-align: right;
  width: 450px;
  }
#content #btn img, #content_book #btn img {
  border: none;
  cursor: pointer;
  }
#tour {
  font-size: 110%;
  }
p#tourSelected {
  margin: 5px 0 0 0;
  }
p#tourSelected em {
  padding: 5px 5px 5px 25px;
  font-style: normal;
  background: url(../img/functions/check.gif) no-repeat 0 2px;
  }
p#tourSelected strong {
  padding: 5px;
  font-style: bold;
	font-size:16px;
	line-height: 28px;
}
p#tourSelected em a {
  font-weight: bold;
  color: #B4232B;
  }
#days {
  font-size: 85%;
  font-style: italic;
  color: #B4232B;
  }
#veri {
  margin: 40px 0 0 480px;
  }
.passengers {
  float: left;
  width: 240px;
  }
.adults {
  padding-bottom: 5px;
  display: block;
  }
.price {
  padding-top: 10px;
  font-size: 75%;
  }
.price strong {
  font-size: 150%;
  display: block;
  }
.price span {
  padding-top: 10px;
  font: bold 120% Verdana, sans-serif;
  color: #B4232B;
  }
.book_control {
  background: transparent url(../img/functions/btn_book.gif) no-repeat 0 0;
  width: 209px;
  height: 33px;
  cursor: pointer;
  border: none;
  }

/* map
---------------------------------------------------------- */

p.map_text {
  padding-top: 20px;
  }
p.enlarge a {
  padding-left: 20px;
  font-weight: bold;
  background: url(../img/functions/plus.gif) no-repeat;
  }

/* common
---------------------------------------------------------- */

h1 {
  margin: 0 0 2px 0;
  padding: 4px 0 8px 0;
  font-size: 180%;
  width: 560px;
  }
#content_book h1 {
  width: 710px;
  margin-bottom: 30px;
  }
h2 {
  margin: 0 0 0 0.5em;
  padding: 1.2em 0 2px 0;
  font-size: 100%;
  border-bottom: 1px dotted #BCBEC0;
  clear: both;
  }
h3 {
  margin: 10px 0 0 10px;
  padding: 0;
  font-size: 100%;
  clear: both;
  }
h4 {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 85%;
  }
h5 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-transform: capitalize;
  }
p {
  margin: 0;
  padding: 5px 0;
  }
p, ul, dl {
	font-size: 85%;
  }
ul.nono {
	list-style: none;
  }
ol {
  font-size: 95%;
  }
ol {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-right: 20px;
}
ol li {
  padding-bottom: 5px;
}
img {
  border: 0;
  }
form {
  margin: 0;
  padding: 0;
  }
label {
  font-weight: bold;
  font-size: 85%;
  display: block;
  }
label em {
  font-weight: normal;
  font-style: normal;
  }
.shirt {
  padding-top: 3px;
  font-size: 85%;
  color: #58595B;
  display: block;
  }
label.standard {
  font-weight: normal;
  display: inline;
  }
input {
  margin: 0;
  padding: 3px 0;
  }

/* classes
---------------------------------------------------------- */


#wrap #main #content_r #content #inline_tours ul li .little {
    font-size: 80%;
    font-style: italic;
    font-weight: bold;
}
.lrg {
  font-size: 100%;
  }
.padr {
 padding-right: 10px;
  }
.long {
  padding-top: 15px;
  }
.long_whale {
  padding-top: 25px;
  }
.whale_top {
  padding-top: 180px;
  }
.bottom {
  padding-bottom: 7px;
  }
.supalrg {
  padding-top: 1em;
  font-size: 180%;
  font-weight: bold;
  }
h4 span.lrg {
  font-size: 115%;
  }
.sm {
  font-size: 85%;
  }
.arrow {
  padding-right: 30px;
  background: url(../img/bg_arrow.gif) no-repeat right 3px;
  display: block;
  }
.clear {
  clear: both;
  }
.save_home {
  margin: 10px 0 5px 0;
  }
p.short {
  padding-top: 0;
  clear: both;
  }
.line_thru {
  text-decoration: line-through;
  color: #ADC5D6;
  }
.hilite, #discount, .alert, #res_msg, .res_msg {
  color: #B4232B;
  }
#asterik_d, #asterik_a, #asterik_c, #asterik_t, #error {
  font-size: 130%;
  color: #B4232B;
  }
.alert {
  padding: 5px 0 5px 30px;
  background: url(../img/functions/alert.gif) no-repeat 0 2px;
  }
.imp {
  border-bottom: 1px dotted #00406E;
  }
.dashed {
  margin: 5px 0;
  background: url(../img/bg_dashed_b.gif) no-repeat bottom left;
  width: 390px;
  }
.dashed p {
  background: url(../img/bg_dashed.gif) no-repeat top left;
  color: #B4232B;
  }
.line {
  margin-top: 4px;
  border-top: 1px dotted #BCBEC0;
  }
.bpad {
  padding-bottom: 15px;
  }
#tshirt img.line_u {
  margin: 15px 0 10px 0;
  padding-left: 8px;
  border-top: 1px dotted #BCBEC0;
  }
.inline {
  display: inline;
  border-bottom: none;
  }
p.tshirt {
  font-size: 80%;
  }
.pic_pad {
   padding: 10px 10px 10px 10px;
  }
  
.style1 {color: #B4232B}
.style2 {font-size: 80%}

.bread-crumb{ float: right; width: auto; margin-right: 20px; }

/* top-navigation
---------------------------------------------------------- */
div.top-navigation-container{ background: url(/img/navigation/background.gif) repeat-x; width: 100%; overflow: hidden; }
ul.top-navigation-list{ margin: 0 auto; padding: 0; width: 750px; }
ul.top-navigation-list li{ float: left; width: auto; list-style: none; }

ul.top-navigation-large-list{ margin: 0 auto; padding: 0; width: 960px; }
ul.top-navigation-large-list li{ float: left; width: auto; list-style: none; }

a.home{ background: url(/img/navigation/home.gif) no-repeat; width: 48px; height: 30px; display: block; text-indent: -9999px; }
a.home:hover, a.home-active{ background: url(/img/navigation/home-over.gif) no-repeat; width: 48px; height: 30px; display: block; text-indent: -9999px; }
a.compare-tours{ background: url(/img/navigation/compare.gif) no-repeat; width: 103px; height: 30px; display: block; text-indent: -9999px; }
a.compare-tours:hover, a.compare-tours-active{ background: url(/img/navigation/compare-over.gif) no-repeat; width: 103px; height: 30px; display: block; text-indent: -9999px; }
a.capt-andys-sailing{ background: url(/img/navigation/captain-andys-sailing.gif) no-repeat; width: 131px; height: 30px; display: block; text-indent: -9999px; }
a.capt-andys-sailing:hover, a.capt-andys-sailing-active{ background: url(/img/navigation/sailing-over.gif) no-repeat; width: 131px; height: 30px; display: block; text-indent: -9999px; }
a.southern-start-yachting{ background: url(/img/navigation/southern-star-yachting.gif) no-repeat; width: 152px; height: 30px; display: block; text-indent: -9999px; }
a.southern-start-yachting:hover, a.southern-start-yachting-active{ background: url(/img/navigation/southern-over.gif) no-repeat; width: 152px; height: 30px; display: block; text-indent: -9999px; }
a.rafting-expeditions{ background: url(/img/navigation/captain-andys-rafting.gif) no-repeat; width: 127px; height: 30px; display: block; text-indent: -9999px; }
a.rafting-expeditions:hover, a.rafting-expeditions-active{ background: url(/img/navigation/raft-over.gif) no-repeat; width: 127px; height: 30px; display: block; text-indent: -9999px; }
a.napali-coast{ background: url(/img/navigation/na-pali-coast.gif) no-repeat; width: 94px; height: 30px; display: block; text-indent: -9999px; }
a.napali-coast:hover, a.napali-coast-active{ background: url(/img/navigation/napali-over.gif) no-repeat; width: 94px; height: 30px; display: block; text-indent: -9999px; }
a.our-company{ background: url(/img/navigation/our-company.gif) no-repeat; width: 92px; height: 30px; display: block; text-indent: -9999px; }
a.our-company:hover, a.our-company-active{ background: url(/img/navigation/company-over.gif) no-repeat; width: 92px; height: 30px; display: block; text-indent: -9999px; }


/* southern star
---------------------------------------------------------- */
div.container{ margin: 0 auto; width: 960px; font-family: "Arial"; }
div.small-container{ margin: 0 auto; width: 630px; }

/* background */
.southern-star-bg{ font: "Arial"; background: #101621 url(/img/southern-star-bg.jpg) no-repeat center 120px; }
.grey-bg-color{ background-color: #e7e7e8; }
.blue-grey-bg-color{ background: #223a4c; }
.double-border-bg{ background: url(../img/bg_border_home.gif) repeat-x top left; }

/* color */
.white{ color: #fff; }
.light-blue-1{ color: #4CA1D1; }
.light-blue-2{ color: #0081a3; }
.yellow{ color: #FDE369; }
.black{ color: #000; }

/* links */
a.yellow:active{ color: #FDE369; }
a.yellow:link{ color: #FDE369; }
a.yellow:visited{ color: #FDE369; }
a.yellow:hover{ background-color: #FDE369; color: #101621; text-decoration: none; }
a.light-blue-2:active{ color: #0081a3; }
a.light-blue-2:link{ color: #0081a3; }
a.light-blue-2:visited{ color: #0081a3; }
a.light-blue-2:hover{ background-color: #0081a3; color: #fff; text-decoration: none; }


/* typography */
h1{ magin: 0; padding: 0; font-size: 24px; width: auto; font-weight: bold; }
h2{ margin: 0; padding: 0; text-decoration: none; border: none; font-size: 18px; width: auto; font-weight: bold; }
h3.heading-3{ margin: 0; padding: 0; text-decoration: none; border: none; font-size: 16px; width: auto; font-weight: bold; clear: none; }
span.body-medium{ font-size: 14px; }
span.body-normal{ font-size: 12px; }
span.body-small{ font-size: 10px; }

/* spacing */
.top-margin-x-small{ margin-top: 5px; }
.top-margin-small{ margin-top: 10px; }
.top-margin-medium{ margin-top: 15px; }
.top-margin-large{ margin-top: 20px; }
.top-margin-x-large{ margin-top: 30px; }
.bottom-margin-small{ margin-bottom: 10px;}
.bottom-margin-medium{ margin-bottom: 15px; }
.bottom-margin-large{ margin-bottom: 20px; }
.left-margin-small{ margin-left: 10px; }
.left-margin-medium{ margin-left: 15px; }
.left-margin-large{ margin-left: 20px; }
.top-padding-small{ padding-top: 10px; }
.top-padding-medium{ padding-top: 15px; }
.top-padding-large{ padding-top: 20px; }
.bottom-padding-small{ padding-top: 10px; }
.bottom-padding-medium{ padding-top: 15px; }
.bottom-padding-large{ padding-top: 20px; }
.padding-small{ padding: 10px; }
.padding-medium{ padding: 15px; }
.padding-large{ padding: 20px; }

/* common */
.top-bottom-dotted-border-blue{ border-top: 2px dotted #008ebf; border-bottom: 2px dotted #008ebf; }
.top-dotted-border-blue{ border-top: 2px dotted #008ebf; }
.text-align-left{ text-align: left; }
.float-left{ float: left; width: auto; }
.float-right{ float: right; width: auto; }
.overflow-hidden{ overflow: hidden; }
.center-align-section{ margin: 0 auto; }
.clear-both { clear: both; }