body{
 margin:0;
 padding:0;
 background:url(../img/bg-yacht.gif) repeat center 0;
 font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
 font-size: 62.5%;
 color:#2d2d2d;
}

a{text-decoration:none;}

h1{
 font-size:4em;
 color:#fff;
 font-weight:normal;
 margin: 0 0 20px;
 font-family:tahoma;
}

#home h1{margin-bottom:30px;}

h2{
 font: 2.3em Tahoma, sans-serif;
 color:#0b1a37;
 margin:0 0 25px;
 position:relative;
}

h2 span{color:#aaa; display:block; font-size:0.75em;}

#content h3{
 color:#06ADEF;
 font-size:1.6em;
 font-weight:bold;
 margin:0 0 5px;
 position:relative;
}

#sidebar h3{
 font: 1.8em Tahoma, sans-serif;
 color:#888;
 margin:0 0 15px;
 height:33px;
 line-height:25px;
}

#sidebar h3 a{color:#888;text-decoration:none; font-weight:normal;}
#sidebar h3.icon{padding-left:45px;}
#sidebar h3.ico-testimonial{background:url(../img/icons/testimonials-yacht.gif) no-repeat;}
#sidebar h3.ico-news{background:url(../img/icons/news.gif) no-repeat;}
#sidebar h3.ico-shore-way{background:url(../img/icons/tick-grey.gif) no-repeat;}
#sidebar h3.ico-team{background:url(../img/icons/team.gif) no-repeat;}
#sidebar h3.ico-twitter{background:url(../img/icons/twitter.png) no-repeat;}
#sidebar h3.ico-download-brochure{background:url(../img/icons/download-brochure.gif) no-repeat;}
#sidebar h3.ico-brochure{background:url(../img/icons/brochure.gif) no-repeat;}
#sidebar h3.ico-login{background:url(../img/icons/lock.gif) no-repeat;}
#sidebar h3.ico-products{background:url(../img/icons/products.gif) no-repeat;}

.brochure-form h3{
 color:#01ADEF;
 font-family:tahoma;
 font-size:2.3em;
 font-weight:normal;
 margin:0 0 45px;
}

#sidebar h4{
 color:#06ADEF;
 font-size:1.4em;
 font-weight:bold;
 margin-bottom:5px;
}

#sidebar-login .textbox{
 border:1px solid #D3D3D3;
 color:#666666;
 padding:5px;
 width:200px;
}

iframe{border:none;}



/******************
***   Layout    ***
******************/

#masthead-wrapper{ background:url(../img/masthead-bg.png) repeat-x;color:#fff; }

#masthead{ width:985px;margin:0 auto; padding:28px 0 0;position:relative;}

#logo{
 position:relative; top:-12px;
 width:263px;
 height:117px;
 display:block;
 float:left;
 text-indent:-9999em;
 background: url(../img/logo-yacht.gif);
}

#strapline{
 width:300px;
 height:13px;
 display:block;
 position:absolute; left:2px; top:123px;
 background:url(../img/strapline-yacht.gif) no-repeat;
 text-indent:-9999em;
}

#view-brochure{
 width:287px;
 height:29px;
 margin:10px 0 18px;
 padding:10px 0;
 float:right;
 background: url(../img/view-brochure-yacht.gif) 0 0px no-repeat;
 text-indent:-9999em;
}

#view-brochure:hover{background-position:0 -49px;}

#tabs{ float:right; clear:right;width:451px;}
#tabs li{float:left;margin:0 0 0 5px;}

#tabs a{
 height:45px;
 display:block;
 text-indent:-9999em;
}

#yacht-tab{ width:205px; background:url(../img/tab-yacht.gif) no-repeat;}
#household-tab{ width:236px; background:url(../img/tab-household.gif) no-repeat;}

.yacht-page #household-tab, .household-page #yacht-tab{margin-top:5px;background-position:0 -90px;height:40px;}
.yacht-page #household-tab:hover, .household-page #yacht-tab:hover{margin-top:0;background-position:0 0;height:45px;}

#splash{
 padding:9px 9px 62px;
 clear:both;
 position:relative; top:-1px;
 background:#02a2e0 url(../img/splash-bg.gif) repeat-x left top;;
 margin:0 0 5px;
}

#splash .content{width:431px;padding:10px 0 0 29px;}
#terms #splash .content{width:650px;}
#splash #focus{float:right;border:1px solid #fff;position:relative;}
#splash #focus img{display:block;}

#splash #focus p{
 position:absolute; left:0; bottom:0;
 width:100%;
 line-height:32px;
 text-align:center;
 font-size:11px;
 background:#000;
 opacity:0.6;
 filter: alpha(opacity = 60);

 display:none;
}

#splash #focus p a{color:#fff;font-weight:bold;}

#splash p{font-size:1.4em;line-height:1.8em; color:#fff;}
#splash p a{color:#bce7f7;}
#splash p a:hover{color:#d8f2fc;}

#splash h2{font-size:1.4em;font-weight:bold;color:#157CA4;font-family:arial;}
#splash h2 a{color:#157CA4;}
#splash h2 a:hover, #splash h2 a.active{color:#fff;}

#home #splash p strong{font-size:1.4em;}

#navigation{
 position:absolute; left:0; bottom:0;
 width:973px;
 height:53px;
 background:#157ca4;
 clear:both;
 padding:0 0 0 12px;
}

#navigation li{float:left;border-left:1px solid #157ca4;}

#navigation a{
 display:block;
 height:53px;
 line-height:53px;
 color:#fff;
 padding:0 24px 0 23px;
 font-size:1.2em;
 text-decoration:none;
}

#navigation a:hover,
#home #navigation a.nav-home,
#the-shore-way #navigation a.nav-the-shore-way,
#news #navigation a.nav-news,
#products #navigation a.nav-products,
#partners #navigation a.nav-partners,
#testimonials #navigation a.nav-testimonials,
#meet-the-team #navigation a.nav-the-team,
#training #navigation a.nav-training,
#contact-us #navigation a.nav-contact-us{
 background:#02a2e0;
}

#mainwrapper{width:959px;margin:0 auto;position:relative;}

.panel{background:#fff;position:relative;}

.panel.filler{ 
 background:url(../img/filler-yacht.gif);
 background:#fff;
 padding:0 !important;
 margin-bottom:0 !important; 
 opacity:0.6;
 filter:alpha(opacity=50);
 display:none;position:relative;
}

.panel.filler img{opacity:0.6; filter:alpha(opacity=50);}
.panel.img-panel img{display:block;margin:5px auto;}
.panel .sub-nav{position:absolute; left:-20px; top: 20px;}

.tl, .tr, .br, .bl{position:absolute;margin:0!important;}
.tl{top:0;left:0;}
.tr{top:0;right:0;}
.br{bottom:0;right:0;}
.bl{bottom:0;left:0;}

#content{
 width:633px;
 float:left;
 color:#888;
 position:relative;zoom:1;
}

#content.wide{width:100%;float:none;}
#content .panel{padding:29px; margin:0 0 5px;position:relative;zoom:1;}
#meet-the-team #content{width:590px;}

#content p, .modal p, #content ul{
 font-size:1.4em;
 line-height:1.8em;
 margin:0 0 25px;
}

#content ul{margin-top:-8px;margin-left:15px;}
#content li{padding-left:20px;background:url(../img/content-li.gif) no-repeat 0 7px;position:relative;}
#content li label{width:100px;float:left;font-weight:bold;}
#content li span{float:left;}

#content img{margin:0 0 20px;}
#content a, #sidebar a{font-weight:bold; color:#06ADEF;}

#sidebar{width:321px;float:right;}
#meet-the-team #sidebar{width:364px;}

#sidebar .panel{padding:20px;margin:0 0 5px;}
#sidebar p{font-size:1.2em;color:#888;line-height:1.4em;margin:0 0 10px;}
#sidebar p a:hover, #sidebar li a:hover{border-bottom:1px dotted;}

.sub-nav ul{padding-bottom:10px;}
.sub-nav li{font-size:1.2em;line-height:26px;}
#sidebar .sub-nav li a{font-weight:normal;}
#sidebar .sub-nav li.active{padding-left:30px;display:block;background:url(../img/sub-nav-active.gif) no-repeat 0 8px;}
#sidebar .sub-nav li.active a{color:#888;}

#sidebar .sub-nav.team-nav li{float:left;height:37px;margin:0 5px 10px 0;overflow:hidden;width:157px;cursor:pointer;line-height:16px;}
#sidebar .sub-nav.team-nav li:hover{background:#f3f3f3;}
#sidebar .sub-nav.team-nav li.active{padding-left:0px;display:block;background:#f3f3f3;}
#sidebar .sub-nav.team-nav li.active a{font-weight:bold;color:#06ADEF;}
#sidebar .sub-nav.team-nav li a{cursor:pointer;}
.team-nav li img{width:30px;float:left;margin-right:10px;}
.team-nav li span{float:left;padding-top:1px;width:117px;}
.team-nav li span small{font-size:11px;color:#aaa;display:block;}

#sidebar.floating-nav{position:fixed;right:180px;top:0;width:200px; top:418px;}
.floating-nav .panel{border:5px solid #d3d3d3;}
.floating-nav .panel .sub-nav{left:-25px;}

#partner-logos{ padding:10px;  margin:0 0 5px;height:47px;}
#partner-logos .content{width:100%;overflow:hidden;}
#partner-logos ul{ overflow:hidden;height:47px;}
#partner-logos li{float:left;text-align:center;}
#partner-logos img{margin:0 }

#footerwrapper{background:#010c21;height:250px;padding:20px 0 65px;}
#footer{width:960px;margin:0 auto;color:#298bb3;position:relative;left:63px;}

#footer .section{
 width:290px;
 float:left;
 padding:29px 0 0;
}

#footer h4{font-size:1.2em;line-height:1.4em;font-weight:bold;color:#298bb3;margin:0 0 13px;}
#footer h4.footer-logo{padding-top:49px;background:url(../img/footer-logo.gif) no-repeat;}
#footer p, #footer li{font-size:1.1em; line-height:22px;}
#footer p{margin:0 0 13px;}
#footer li{padding-left:20px;background:url(../img/footer-li.gif) no-repeat 0 7px;}
#footer a{color:#83bad0;}
#footer a:hover{color:#fff;}

#footer .back-to-top{
 position:absolute; right:1px; top:11px; 
 height:13px;
 line-height:13px;
 padding-right:20px;
 color:#298bb3;
 background:url(../img/back-to-top-footer.gif) no-repeat right top;
}

#footer .back-to-top:hover{background-position:right -100px;}

#footer #social{padding-top:5px;}
#footer #social li{float:left;padding:0;background:none;margin:0 20px 0 0;}

#newsletter-signup{margin:0 0 20px;}

#newsletter-signup .textbox{
 color:#888888;
 float:left;
 font-size:1.1em;
 height:19px;
 margin:1px 0 0;
 padding:5px 5px 0;
 width:200px;
 font-family:arial;
}

#newsletter-signup .button{
 background:#2683AA none repeat scroll 0 0;
 border:medium none;
 color:#FFFFFF;
 font-size:1.2em;
 font-family:arial;
 height:24px;
 margin:9px 0 0;
 float:left;
 padding:0 5px 4px;
 cursor:pointer;
}

#newsletter-signup div{ display:none; clear:left;}
#newsletter-signup p{ float:left;margin:10px 0 0 119px;}

#brochure{position:relative;display:none;background:#0B1936;}
#brochure .content{padding-top:40px;}

#brochure-nav{
 height:40px;
 width:100%;
 position:absolute; left:0; top:0;
 background:#0B1936;
}

#brochure-nav ul{width:630px;margin:0 auto;}
#brochure-nav li{float:left;padding:6px 0 0;margin:0 15px;}

#brochure-nav li a{display:block;height:34px;text-indent:-9999em;}
#b-tab-yacht{width:140px;background:url(../img/brochure-tab-yacht.gif) no-repeat 0 -34px;}
#b-tab-household{width:178px;background:url(../img/brochure-tab-house.gif) no-repeat 0 -34px;}
#b-tab-interiors{width:217px;background:url(../img/brochure-tab-interiors.gif) no-repeat 0 -34px;}

#brochure-nav li a:hover, #brochure-nav li a.active{background-position:0 0;}

#back-to-site{
 height:40px;
 position:absolute; right:50px; top:0;
 width:108px;
 background:#0B1936 url(../img/back-to-site-yacht.gif) center 13px no-repeat;
 text-indent:-9999em;
}

#back-to-site:hover{background-position: center -87px;}

#content #polaroid{ margin-left:24px; float:right;}

#messages{
 font-size:1.8em;
 font-weight:bold;
 height:186px;
 left:25px;
 line-height:178px;
 position:absolute;
 text-align:center;
 top:175px;
 width:498px;
 z-index:10000;
 display:none;
}

#messages.success{background:#DBF9F1 none repeat scroll 0 0;border:3px solid #62F166;color:#0E9812;}
#messages.error{background:#fbf3f3 none repeat scroll 0 0;border:3px solid #f31010;color:#f31010;}




/*********************
***   Shore Way    ***
*********************/

.shore-page-nav{
 background:#fdfdfd;
 border:1px solid #eee;
 padding:15px 20px 20px;
 position:relative;
}

.shore-page-nav h4{font-size:1.4em;font-weight:bold;margin:0 0 27px;}

#content .shore-page-nav ul{font-size:1.2em;line-height:1.2em;}
#content .shore-page-nav ul li{width:150px;height:20px;float:left;margin:0 0 10px;background-position:0 1px;}




/************************
***   Testimonials    ***
************************/

blockquote{padding:10px 0 8px;}
.open-quote{ float:left;display:block;clear:left;margin:0 10px 0 0;width:25px;height:23px;background:url(../img/open-quote.gif);}

blockquote p{
 float:left; 
 width:189px; 
 padding:5px 46px 0 10px;
 margin:0;
 font-size:1.2em;
 background:url('../img/close-quote.gif') no-repeat bottom right;
 text-align:justify;
}

#content blockquote{padding:40px 0 8px;}
#content blockquote p{width:481px;margin:0 0 13px;}

blockquote p.quoter{
 text-align:right;
 background:none;
 padding: 10px 37px 0 29px;
 font-style:italic;
 float:none;
 clear:left;
 width:auto;
}

#content blockquote p.quoter{padding-right:48px;padding-top:0;width:auto;}

blockquote p.quoter span{ font-style:normal;}
#sidebar blockquote p.quoter br{ margin-bottom:10px;}
blockquote p.quoter a{ font-style:normal;position:relative; left:38px; top:13px;}
blockquote p.quoter a:hover{color:#1678B7}






/********************
***   The Team    ***
*********************/

#content .team-panel img{float:right;margin-left:20px;}
.team-panel .contact-deets{font-weight:bold; color:#06ADEF;}

.team-sidebar img.team-thumb{float:right;width:65px;margin-left:15px;}






/**************************
***   Catalogue page    ***
**************************/

.box{
 width:275px;
 height:225px;
 float:left;
 margin:20px 12px 0 0;
 background:url(../img/box-bg.gif) no-repeat left bottom;
 position:relative; left:-8px;
 z-index:1;
}

#box-interior{
  clear:left;
  float:none;
  margin:17px auto 10px;
}

#content .box h3{height:48px; background:url(../img/box-h3.gif) no-repeat left bottom;}
#content .box h3 span{text-indent:-9999em;display:block;height:48px;}
#box-food h3 span{background:url(../img/products/h3-food.gif) no-repeat;}
#box-galley h3 span{background:url(../img/products/h3-galley.gif) no-repeat;}
#box-bar h3 span{background:url(../img/products/h3-bar.gif) no-repeat;}
#box-interior h3 span{background:url(../img/products/h3-interior.gif) no-repeat;}

#content .box .icon{position:absolute;bottom:7px;right:6px;margin:0;z-index:4;}

#content .box p{font-size:11px;padding:5px 21px;position:relative;z-index:5;margin:0 0 14px;}

.more-downloads{
 background:#fff url(../img/more-downloads-bg.gif) repeat-y left top;
 position:absolute; left:0; top:195px;
 padding:7px 0 0;
 width:198px;
 z-index:10;
 display:none;
 zoom:1;
}

#content .box .more-downloads p{line-height:1.2em;}
#content .box .more-downloads a{color:#888;display:block;margin:0 0 -2px;}
#content .box .more-downloads a:hover{text-decoration:underline;}

.little-brochure{
 display:block;
 padding:0 0 0 64px;
 height:60px;
}

#sidebar .little-brochure:hover{border:none;text-decoration:underline;}
#sidebar #little-yacht{background:url(../img/brochure-yacht.gif) no-repeat left top;padding-top:13px;height:51px;}
#sidebar #little-household{background:url(../img/brochure-household.gif) no-repeat left top;color:#D2B57D;padding-top:9px;height:52px;}







/********************
***   Brochure    ***
********************/

.brochure-form{width:400px;margin:40px auto;padding:20px; color:#fff;text-align:center;}
.brochure-form form{margin:0 0 30px;}
.brochure-form fieldset{padding-left:47px;text-align:left;}
.brochure-form label{width:110px;display:block;float:left;font-size:1.2em;height:35px;line-height:35px;}

.brochure-form .textbox{width:170px;height:26px;float:left;border:none;margin:0 0 25px;padding:10px 0 0 10px;}
.brochure-form p{font-size:1.2em;}
.brochure-form p a{color:#fff;text-decoration:underline;}

.brochure-form .error-message{background:#FFFFFF;border:2px solid #FF0000;color:#555555;font-weight:bold;margin:0 0 41px;padding:10px;}






/**********************
***   Newsletter    ***
**********************/

.news-signup{cursor:pointer;}
.news-nav, .news-nav a.active{color:#fff;}
.news-nav a{color:#abe8ff;}
.news-nav a.active{font-weight:bold;}
.news-nav a:hover{text-decoration:underline;}

#email-news h1{color:#06ADEF;}
#email-news h2{margin-top:80px;}

/*****************
***   Modal    ***
*****************/

.modal {
 display: none;
 position: fixed;
 top: 17%;
 left: 50%;
 margin-left: -235px;
 width: 430px;
 background-color: #fff;
 border:8px solid #01ADEF;
 padding: 12px 12px 30px;
 color:#888;
 -moz-border-radius:8px;
 text-align:center;
}

.jqmOverlay { background-color: #000; }

* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
 width: expression(this.parentNode.offsetWidth+'px');
 height: expression(this.parentNode.offsetHeight+'px');
}

* html .modal {
 position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.modal form label{
 display:block;
 float:left;
 font-size:1.2em;
 font-weight:bold;
 height:25px;
 line-height:25px;
 padding-left:30px;
 width:121px;
}

.modal form .textbox{
 float:left;
 width:200px;
 padding:5px 3px;
 border:1px solid #ccc;
 margin:0 0 10px;
 font-family:arial;
 font-size:1.2em;
 color:#888;
}

.modal form select{
 float:left;
 margin:3px 0 11px;
 width:208px;
 font-family:arial;
 font-size:1.2em;
 color:#888;
}

.modal form textarea{height:77px;}
.modal form .button{float:left;margin-right:10px;}

.modal form br{
 width:100%;
 height:1px;
 font-size:1px;
 line-height:1px;
 clear:both;
}






/**********************
***   Utilities    ***
**********************/

img.float-right{
 float:right;
 margin:32px 0 10px 10px;
}

.clear{
 width:100%;
 height:1px;
 font-size:1px;
 line-height:1px;
 clear:both;
}

.center{text-align:center;}

.nomargin{margin:0 !important;}

.hidden{display:none;cursor:pointer;zoom:1;}

.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%;
}