/* -----------------------------------------------------------------------

 Motor Yacht Salu
 Screen styles

----------------------------------------------------------------------- */

div#preloader {position: absolute;left: -9999px;top:  -9999px}
div#preloader img {display: block;}

body {margin:0; padding:0; background:#c8c7bb}
#wrapper {width:1000px; margin:0 auto; background:white url('/images/template/site_bg.png') top repeat-y; position:relative}
.container {/*background:url('/images/template/grid.png') top left repeat*/}
a {color:black; text-decoration:none}
a:hover {color:#ccc}
a.current {color:#ced355}
#header, #footer, #content {width:970px; margin:0 auto}
#header {border-top:3px solid #ced355; border-bottom:3px solid #ced355; background:url('/images/template/header_bg.png') top left repeat-x}
/*#dining #header {background:url('/images/template/headers/dining_header_1.jpg') center no-repeat}*/
#itineraries #header {background:url('/images/template/headers/itineraries_header_1.jpg') center no-repeat}
#technical-spec #header {background:url('/images/template/headers/tech_header_1.jpg') center no-repeat}
#header #logo img {float:right}
#header .empty {padding:15px 0} 

#nav {font-weight:bold}
#nav ul {list-style:none; padding:0; margin:5px 0; line-height:1.2}
#nav li.current a {color:#ced355}

#content {border-top:3px solid #000}

#footer {padding:5px 0 0 0; border-top:3px solid #666; font-size:0.8em}
#footer p {margin:0}
#base {display:block;width:1000px; height:25px; background:url('/images/template/site_base_1000.png') no-repeat}
.textright {text-align:right}

h2.title, #sectionnav {width:950px; clear:both; float:left; border-bottom:2px solid #666; margin:0 0 2px 0; padding:0; font-size:1.4em}
#sectionnav {font-weight:bold}
#sectionnav ul, ul#subnav {float:left; display:block; width:940px; margin:6px 0 6px 0; list-style:none; text-transform:uppercase; line-height:1.2; font-size:90%}
#sectionnav ul li {float:left; display:inline; margin-right:30px;}
#sectionnav ul li.exterior {padding-left:30px; margin-left:-15px; background:url('/images/template/bullet_black.png') left no-repeat}
#sectionnav ul ul {display:none}
ul#subnav li {float:left; display:inline; padding:0 20px 0 0; margin:0 10px 0 0; background:url('/images/template/bullet_black.png') right no-repeat}
ul#subnav li.last {padding:0; margin:0; background:none}
ul#subnav li em {text-transform:none; font-style:normal}

#maincontent {background-color:black; padding:10px; float:left; width:930px; font-size:90%; margin-bottom:15px}
#maincontent div.span-3 {width:100px}
#maincontent div.span-4 {width:140px}
#maincontent, #maincontent p, #maincontent h4 {color:white}
#maincontent h3, #maincontent a, #overcontent a {color:#ced355}
p.intro {color:#ced355; font-weight:bold}

#overcontent, #itinerary, #splash {margin:0 -10px;float:left; display:block}
#overcontent, #splash {width:970px;}
#overcontent {padding:50px 0; color:#fff}
#overcontent p {line-height:1.2}
#overlay {float:left; border-top:3px solid #ced355; border-bottom:3px solid #ced355; padding:15px 25px; background:url('/images/template/black_opaque.png') top left repeat}
.overlay {float:left; border-top:1px solid #ced355; border-bottom:1px solid #ced355; width:100%; background:url('/images/template/black_opaque.png') top left repeat}
.overlay h3, .overlay p, #msg {margin:8px 25px;color:white;font-size:1em}
#charter {margin:8px 25px; float:left}
#charter p {margin:8px 0}
#contactcontainer {float:left;height:300px}
#msg {float:left; clear:both; width:480px} 
.contact {background:url('/images/template/contact_bg.jpg') top left no-repeat}
.contact div#form {padding:15px 25px}
.contact div#form p {margin-bottom:10px}
.contact textarea {height:6em}

.textbutton {border:none; background:transparent; color:#ced355; font-size:1em; padding:0; cursor:pointer}
.sending {padding:1em 1em 1em 4em;margin-bottom:1em;background:url('/images/template/sending.gif') left no-repeat}
.success {padding:1em 1em 1em 4em;background:url('/images/template/success.png') left no-repeat; border:none}

#saluwhite, #saluwhitedesign {padding-right:440px}
#saluwhiteleft {padding-left:440px}
#saluwhite {background:url('/images/template/salu_white.png') right no-repeat}
#saluwhitedesign {background:url('/images/template/salu_white_design.png') right no-repeat}
#saluwhiteleft {background:url('/images/template/salu_white.png') left no-repeat}

#saluwhite p, #saluwhiteleft p, #saluwhitedesign p, #itinerary p, #maincontent p {text-align:justify}

#itinerary {padding:0 10px 30px 10px; background:url('/images/template/itinerary_bottom.png') bottom left no-repeat; width:950px; margin-bottom:20px}
#itinerary div#itop {float:left; width:970px; padding:40px 0 0 0; margin:0 -10px; background:url('/images/template/itinerary_top.png') top left no-repeat}
.day {font-weight:bold; color:#ced355; margin-right:10px}

#menupage {margin:0 auto 20px auto; padding:0 10px 30px 10px; background:url('/images/template/menu_bottom.png') bottom left no-repeat; width:664px}
#menupage div#mtop {float:left; width:684px; padding:40px 0 0 0; margin:0 -10px; background:url('/images/template/menu_top.png') top left no-repeat}
#menupage, #menupage p {text-align:center}
#menupage h2 {font-size:1.4em}
#menupage h3 {font-size:1.2em}
#menupage h2, #menupage h3 {margin:0 0 0.5em 0}
hr.short, hr.tiny {width:200px;background:#ced355;color:#ced355;clear:both;float:none;height:.1em;margin:0 auto 1.45em auto;border:none;}
hr.tiny {width:120px}
span.description {display:block; margin: 0 auto; font-size:90%; width:500px}

#thumbs ul {list-style:none;margin:0; padding:0}
#thumbs ul li {margin-bottom:10px}
#thumbs ul li img {margin:0; display:block}

#main_image {width:670px; height:450px}
/* galleria stuff */
.galleria{width:100px; padding:0}
.galleria li{display:block;width:100px; height:75px; overflow:hidden}
.galleria li a{display:none}
/*.galleria li div{position:absolute;display:none;top:0;left:180px}*/
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */




/*schematic carousel */

div#schema {width:670px;  position:relative; height:120px; overflow:hidden; text-transform:uppercase; font-weight:bold}
div#schema .next {position: absolute;top: 0px;right: 0px;width: 96px;height: 120px;cursor: pointer;background: transparent url(../images/template/schem_nxt_bg.png) no-repeat top right; z-index:10; line-height:120px; text-align:right}
div#schema .prev {position: absolute; top: 0px; left: 0px; width: 96px; height: 120px; cursor: pointer; background: transparent url(../images/template/schem_prv_bg.png) no-repeat 0 0; z-index:10; line-height:120px}
div#schema .next, div#schema .prev {font-weight:normal; color:#999}
div#schema .next:hover p, div#schema .prev:hover p {color:#ced355}
#levels {width:670px;  position:relative; height:120px; overflow:hidden}
#levels ul {width:2500px; list-style:none; float:left}
#levels ul li {list-style:none; padding:0; margin:0; float:left; position:relative; display:inline}

/*Tech spec styling */
span.feat {text-transform:uppercase; float:left; width:180px; color:#ced355}
span.data {color:white; float:left; width:200px}

/* Tooltip styling */
#tooltip {position: absolute; z-index: 3000; border: 1px solid #111; background-color: #fff; padding: 5px; opacity: 0.85}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3 {font-size:12px}