/* CSS Document */
@import url(reset.css);

body {
background: url(/images/main-bg.jpg) no-repeat fixed top center #fff;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

#outer-wrapper {
background: url(/images/metal-bar.png) repeat-x 0 130px;
height: 500px;
}

#wrapper {
width: 960px;
margin: 0 auto;
}

#masthead {
position: relative;
height: 131px;
}

#logo {
float: left;
margin-top: 7px;
display: inline;
}

#phone-number {
float: right;
margin-top: 5px;
margin-right: 10px;
display: inline;
clear: right;
}

#content {
clear: both;
margin-top: 10px;
}

.small-panel-single {
background: url(/images/small-panel-single.png) center top no-repeat;
width: 298px;
height: 122px;
float: left;
padding: 11px;
font-weight: bold;
}

.small-panel-single a img {
margin-bottom: 6px;
}

.small-panel-single a span {
display: block;
}

.small-panel-single a {
text-decoration: none;
color: #000066;
position: absolute;
}

.small-panel-single a:hover {
color: #ff3333;
}

.small-panel-double {
background: url(/images/small-panel-double.png) center top no-repeat;
width: 618px;
height: 266px;
float: right;
padding: 11px;
}

.content-panel-double {
width: 640px;
background: url(../images/small-panel-double-bottom.png) center bottom no-repeat;
float: left;
padding-bottom: 21px;
}

.content-panel-double p, .content-panel-double ul {
background: url(../images/small-panel-double-middle.png) center top repeat-y;
padding: 10px 25px 0 25px;
line-height: 1.4;
}

.content-panel-double p a {
color: #333333;
}

.content-panel-double ul {
padding-left: 40px;
}

.content-panel-double ul li {
list-style-type: disc;
padding: 4px 0;
}

.content-panel-triple {
width: 960px;
background: url(../images/small-panel-triple-bottom.png) center bottom no-repeat;
float: left;
padding-bottom: 20px;
}

.osX {
padding-top: 5px;
}

.content-panel-triple p, .content-panel-triple #iframe-holder {
background: url(../images/small-panel-triple-middle.png) center top repeat-y;
padding: 10px 25px 0 25px;
}

.content-panel-triple #iframe-holder {
padding: 10px 15px 0 15px;
}

h1 {
font-weight: normal;
}

.content-panel-triple iframe {
width: 930px;
height: 400px;
border: none;
}

.content-panel-triple h1 {
background: url(../images/small-panel-triple-top.png) center top no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
padding: 20px 25px 0 25px;
color: #990000;
letter-spacing: -0.05em;
}

.content-panel-double h1, .content-panel-double h2 {
background: url(../images/small-panel-double-top.png) center top no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
padding: 20px 25px 0 25px;
color: #990000;
letter-spacing: -0.05em;
}

.content-panel-double h2 {
background: url(../images/small-panel-double-middle.png) center top repeat-y;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
padding: 15px 25px 0 25px;
color: #990000;
font-weight: normal;
letter-spacing: -0.05em;
}

.content-panel-double table {
background: url(../images/small-panel-double-middle.png) center top repeat-y;
}
.content-panel-double table p {
background: none;
}

.small-panel-triple {
background: url(/images/small-panel-triple.png) center top no-repeat;
width: 938px;
height: 266px;
float: right;
padding: 11px;
}

.trans-panel {
background: url(/images/trans-panel.png) center top no-repeat;
width: 306px;
height: 413px;
float: left;
padding: 7px;
padding-top: 13px;
line-height: 1;
color: white;
}

.about .trans-panel, .contact .trans-panel, .aftersales .trans-panel {
background: url(/images/trans-panel-short.png) center top no-repeat;
height: 350px;
}

.boats .trans-panel {
background: url(/images/trans-panel-video.png) center top no-repeat;
height: 260px;
}

.trans-panel p {
margin: 4px 5px 4px 6px;
line-height: 1.3;
}

.trans-panel p a {
color: white;
}

.trans-panel h1, .trans-panel h2, .trans-panel p.intro {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: white;
letter-spacing: -0.05em;
}

.trans-panel h1 {
margin-left: 6px;
}

.trans-panel h2 {
font-size: 16px;
font-weight: normal;
margin-left: 6px;
margin-top: 5px;
}

.trans-panel p.intro {
margin: 0;
margin-left: 6px;
}

#footer {
font-size: 11px;
padding: 0px 15px 5px 15px;
line-height: 1.3;
}

#footer .legal {

}

#footer address {
float: left;
/*margin-top: 10px;*/
display: inline;
color: #990000;
}

#footer a {
color: #990000;
}

#footer #logos {
float: right;
display: inline;
width: 562px;
}

#homepage-slideshow {
height: 266px;
overflow: hidden;
}

#homepage-slideshow div.slide {
height: 28px;
background-position: 0 0;
position: relative;
padding-top: 238px;
}

#homepage-slideshow div.slide div.caption, #homepage-slideshow div.slide div.captionhome {
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}

#homepage-slideshow li img.overlay {
position: absolute;
bottom: 0;
left: 0;
}

#mainNav {
position: absolute;
right: 10px;
bottom: 0;
padding-right: 1px;
background: url(../images/nav-line.png) right bottom no-repeat;
}

#mainNav li {
float: left;
background-position: 0px 0px;
}

#mainNav li a, #language li a {
display: block;
height: 51px;
text-indent: -50000px;
overflow: hidden;
}

#mainNav li a, #mainNav li a:active, #language li a, #language li a:active {
background-position: 0 -102px;
background-repeat: no-repeat;
}

#mainNav li a:hover, #mainNav li a:focus, #mainNav li.current a, #language li a:hover, #language li a:focus, #language li.current a {
background-position: 0 -153px;
}

#language li#en a, #language li#en {
width: 31px;
background-image: url(../images/en.png);
}

#language li#es a, #language li#es {
width: 29px;
background-image: url(../images/es.png);
}

#language li#de a, #language li#de {
width: 30px;
background-image: url(../images/de.png);
}

#mainNav li#home a, #mainNav li#home {
width: 52px;
background-image: url(../images/home.png);
}

#mainNav li#about a, #mainNav li#about {
width: 77px;
background-image: url(../images/about.png);
}

#mainNav li#boats a, #mainNav li#boats {
width: 135px;
background-image: url(../images/boats.png);
}

#mainNav li#brokerage a, #mainNav li#brokerage {
width: 89px;
background-image: url(../images/brokerage.png);
}

#mainNav li#moorings a, #mainNav li#moorings {
width: 83px;
background-image: url(../images/moorings.png);
}

#mainNav li#aftersales a, #mainNav li#aftersales {
width: 91px;
background-image: url(../images/aftersales.png);
}

#mainNav li#contact a, #mainNav li#contact {
width: 92px;
background-image: url(../images/contact.png);
}

#scroll-pane {
height: 200px;
overflow: auto;
}

address {
font-style: normal;
}

p.partner {
width: 132px;
text-align: center;
float: left;
display: inline;
margin: 5px 10px;
line-height: 1.1;
}

p.partner img {
margin: 5px 0;
}

h2.partner {
text-align: center;
margin: 0;
}

p.video {
border: 1px solid #ccc;
}

.contact input, .contact textarea {
border: 1px solid #666666;
font-size: 11px;
padding: 2px;
width: 262px;
}

.contact textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.contact label {
font-weight: bold;
}

.contact input#Submit {
width: 100px;
margin-top: 25px;
}

.contact select#contact-me {
border: 1px solid #666666;
width: 100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

#map-canvas {
width: 294px;
height: 294px;
margin-left: 5px;
border: 1px solid #ccc;
}

.resume, .pause {
width: 15px;
height: 15px;
cursor: pointer;
float: right;
overflow: hidden;
text-indent: -9000000px;
}

.resume {

}

.paused .resume {
background: url(/images/play.gif) top center;
}

.playing .resume {
background: url(/images/play.gif) bottom center;
}

.pause {
margin-right: 5px;
}

.paused .pause {
background: url(/images/pause.gif) bottom center;
}

.playing .pause {
background: url(/images/pause.gif) top center;
}

#boat-of-the-month {
position: relative;
padding-top: 22px;
height: 172px;
overflow: hidden;
}

#boat-of-the-month #forward, #boat-of-the-month #back, .photos #forward, .photos #back {
position: absolute;
width: 20px;
height: 20px;
}

#boat-of-the-month #forward {
background: url(/images/forward.png);
right: 20px;
top: 0px;
}

.photos #forward {
background: url(/images/forward.png);
right: 52px;
top: 10px;
}

#boat-of-the-month #back {
background: url(/images/back.png);
left: 20px;
top: 0px;
}

.photos #back {
background: url(/images/back.png);
left: 52px;
top: 10px;
}

#boat-of-the-month ul {
text-align: center;
}

#boat-of-the-month ul img {
border: 4px solid white;
}

h2.boat-of-the-month {
margin-bottom: 5px;
margin-top: 10px;
/*color: #660000;*/
font-weight: bold;
}

h2.boat-of-the-month a {
color: white;
/*color: #660000;*/
}

h2.boat-of-the-month span {
font-size: 14px;
}

.boats h2 {
height: 20px;
padding-top: 45px;
position: relative;
font-family: Arial, Helvetica, sans-serif;
/*color: #666666;*/
letter-spacing: -0.05em;
font-size: 24px;
}

.boats h2 img {
position: absolute;
bottom: -10px;
right: 20px;
}

.boats h2 img#pearl {
bottom: -18px;
}
.boats h2 img#arcadia {
bottom: -15px;
}

.boats .dealer p, .boats .dealer ul {
background: none;
}

.boats .dealer p {
padding: 10px 0 0 0;
}

.boats .dealer p.first {
border-top: 1px solid #ccc;
}

.boats .dealer, .aftersales .photos, .about .photos {
background: url(../images/small-panel-double-middle.png) center top repeat-y;
padding: 0 25px;
}

.photos {
position: relative;
}

.aftersales .photos, .about .photos {
text-align: center;
padding-top: 32px;
}

.photos img {
border: 4px solid #ccc;
}

#slides {
overflow: hidden;
height: 358px;
}

.captionhome {
height: 21px;
padding-top: 7px;
padding-left: 5px;
width: 613px;
}

.caption {
height: 21px;
padding-top: 7px;
padding-left: 5px;
width: 933px;
}

.caption p, .captionhome p {
margin: 0;
padding: 0;
float: left;
}

#language {
padding-right: 1px;
background: url(../images/nav-line-2.png) right top no-repeat;
height: 51px;
width: 91px;
top: -5px;
right: 10px;
position: absolute;
}

#language li {
float: left;
}

#language li a {
display: block;
height: 51px;
}

.error {
color: red;
}

/* clearing floats */

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

/* Hides from IE-mac \*/
* html div {height: 1%;}
/* End hide from IE-mac */

*+html div {zoom:1} /* haslayout trigger */