
body{background-color:#92d2f7;background:url(/assets/images/bg.jpg) top center no-repeat;margin:18px 0 0;font-family:Arial;color:#454545}

.clearer{clear:both;}
.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%;
}

h1{color:#147ac6;font-size:30px;margin:0 0 10px 0}

.left{float:left}
.right{float:right;padding:0 1px 0 0}
.break{margin:0 0 9px 0}

.wrapper{width:960px;margin:0 auto;}
#maincontent{min-height:300px;}

/* HEADER */
#header{}
#header .logo{margin:0 0 0 9px}
#header .right{float:right;margin:11px 0 0;position:relative}
#header .partnerweb{position:absolute;top:49px;right:0px}

/* TOP NAVIGATION */
#topnavigation{background:url(/assets/images/nav-bg.png); width:960px; height:61px;margin:12px 0 10px;position:relative;z-index:1000}
#topnavigation ul li{float:left;margin:0 12px;line-height:56px;}
#topnavigation ul li a{padding:0 8px;text-decoration:none;color:#083a6b;font-size:14px;height:56px;display:block;float:left}
#topnavigation ul a.selected{color:#fff;background:url(/assets/images/nav-selected.png);}
#topnavigation input{border:0px;background:none;padding:7px 5px 5px 10px;width:180px;color:#4c4c4c;font-size:12px}
#topnavigation .search{background:url(/assets/images/search-bg.png);height:27px;width:218px;float:right;margin:15px 10px 0 0}

/* SUB NAVIGATION */
.subnavigation{border-left:1px solid #cad5d7;border-right:1px solid #cad5d7;border-bottom:1px solid #cad5d7;width:214px;margin:0}
.subnavigation ul{background-color:#fff}
.subnavigation ul li a{display:block;border-top:1px solid #cad5d7;font-size:12px;background:url(/assets/images/subnav-item-bg.png) no-repeat;height:26px;margin:0;padding:10px 0 0 35px;text-decoration:none;color:#5e5e5e;font-weight:bold}
.subnavigation ul li ul{margin:10px 0}
.subnavigation ul li li a{font-weight:normal; padding:0 0 0 30px;margin:0px 0 0 30px;border:0;background:url(/assets/images/subnav-item-arrow.png) no-repeat;font-family:arial;font-size:12px;text-decoration:none;color:#5e5e5e}
.subnavigation ul li a.selected{color:#147ac6}
.subnavigation ul li li a.selected{color:#2dbaf5}

/* BREAD CRUMB */
.breadcrumb{background:url(/assets/images/crumb-bg.png); height:14px;margin:0 1px 10px 0;padding:8px}
.breadcrumb a{text-decoration:none;color:#454545;margin:0 0px 0 10px;border-right:1px solid #454545;padding:0 10px 0 0}
.breadcrumb a.last{border-right:none;color:#2dbaf5}

/* CONTENT */
.content{width:500px;margin:0 0 0 20px;}
.content p{margin:0 0 17px 0;line-height:18px}

/* BOOKING FORM START PAGE */
#bookingform{width:297px;height:292px;position:absolute;z-index:60000;top:-18px;left:663px}
#bookingform iframe{margin:70px 0 0 30px }

/* START PAGE SCROLLER */
.scrollerbottom{padding:5px 20px;color:#fff;background:url(/assets/images/banner-bottom-bg.png);position:absolute;z-index:40000;width:630px;height:61px;top:241px;left:0px}
.scrollerbottom span{font-size:11px}
.scrollerbottom h2{font-size:20px}
.scrollerbottom h2 a{color:#fff}

/* BOX */
.box{width:246px;}
.box .top{background:url(/assets/images/box-top.png); height:21px;color:#fff;font-size:17px;padding:10px}
.box .boxcontent{background:url(/assets/images/box-bg.png); min-height:282px}
.box .boxcontent p{font-size:11px;color:#6f6f6f;padding:15px}
.box .boxcontent em{display:block;font-weight:bold}
.box .boxcontent .readmoregray{background:url(/assets/images/readmore-bg1.png);text-decoration:none;color:#545454;width:122px;height:29px;display:block;line-height:29px;text-align:center;float:right;clear:both;margin:0 10px 0 0}
.box .bottom{float:left}
.box .boxitem{float:left;font-size:14px;background:url(/assets/images/box-item-bg.png);width:204px;height:29px;display:block;margin:0 0 0 1px;padding:8px 0 0 40px}
.box a.boxitem{color:#454545;text-decoration:none}
.box .boxitem img{float:right;margin:-5px 5px 0 0}

/* MEDIUM BOX */
.mediumbox{width:234px;margin:0 8px 0px 0}
.mediumbox.last{margin:0 0 0px 0 !important}
.mediumbox .top{background:url(/assets/images/box-top-medium.png); height:21px;color:#fff;font-size:17px;padding:10px}
.mediumbox .boxcontent{background:url(/assets/images/box-bg-medium.png); min-height:228px;font-size:12px;color:#6f6f6f;padding:12px}
.mediumbox .boxcontent a{text-decoration:none;color:#454545}
.mediumbox .boxcontent p{margin:5px 0;line-height:18px}
.mediumbox .boxcontent .readmoregray{background:url(/assets/images/readmore-bg1.png);text-decoration:none;color:#545454;width:122px;height:29px;display:block;line-height:29px;text-align:center;float:right;clear:both;margin:0 10px 0 0}
.mediumbox .bottom{float:left}

/* SMALL BOX */
.boxsmall{width:225px;margin:0 0 0 12px;}
.boxsmall.last1{margin:0 0 0 10px !important}
.boxsmall .top{background:url(/assets/images/box-top-small.png); height:10px;}
.boxsmall .boxcontent{background:url(/assets/images/box-bg-small.png); min-height:315px;padding:0 11px;}
.boxsmall .boxcontent p{font-size:12px;color:#6f6f6f;line-height:18px;margin:5px 0 8px;border-bottom:1px solid #e5e5e5;padding:0 0 7px 0}
.boxsmall .boxcontent a{text-decoration:none}
.boxsmall .boxcontent img{float:left}
.boxsmall .boxcontent .readmoreblue{background:url(/assets/images/readmore-bg2.png);text-decoration:none;color:#fff;width:90px;height:26px;display:block;line-height:26px;text-align:center;float:right;clear:both;margin:0 10px 0 0}
.boxsmall .bottom{float:left}
.boxsmall .linkbg{clear:both;background:url(/assets/images/box-link-bg.png);display:block;width:190px;height:47px;color:#fff;font-size:14px;line-height:35px;padding:0 0 0 13px }

/* IMAGE SPOT */
.imagespot{float:left;margin:0 11px 0 0}
.imagespot.last{margin:0}

/* TEXT IMAGE SPOT */
.textimagespot{float:left;margin:0 11px 0 0;cursor:pointer;}
.textimagespot a{color:#454545}
.textimagespot.last{margin:0}
a.textimagespotlink{color:#000;text-decoration:none;}

/* BOAT GEAR SPOT */
.gearbox{width:734px;}
.gearbox .top{background:url(/assets/images/gearbox-top.png); height:21px;color:#fff;font-size:17px;padding:10px}
.gearbox .boxcontent{background:url(/assets/images/gearbox-bg.png); min-height:282px}
.gearbox .boxcontent p{font-size:12px;color:#6f6f6f;padding:15px}
.gearbox .bottom{float:left}

/* BOOKING BOX */
.bookingbox{width:214px;margin:0 8px 0px 0}
.bookingbox .top{background:url(/assets/images/box-top-booking.png); height:21px;color:#fff;font-size:17px;padding:10px}
.bookingbox .boxcontent{background:url(/assets/images/box-bg-booking.png); min-height:228px;font-size:12px;color:#6f6f6f;padding:12px 4px}
.bookingbox .bottom{float:left}

/* BLOG SPOT */
.blogspot{background:url(/assets/images/blog.png);width:234px;height:93px;text-align:right;padding:20px 20px 20px;display:block;color:#000;text-decoration:none;}
.blogspot h4{font-size:15px;margin:0 0 5px 0;font-weight:bold}
.blogspot p{width:170px;float:right}

/* IMAGES BOX */
.imagesbox{margin:0 11px 0 0}
.imagesbox .top{background:url(/assets/images/spot-bg.png);width:244px;height:190px;padding:12px 15px;margin:0 0 10px 0}
.imagesbox .top h3{font-size:19px;color:#00a5e8;margin:0 0 10px 0}
.imagesbox .top h3 a{color:#00a5e8;text-decoration:none}
.imagesbox .top .button{float:right;margin:5px 0 0 0}
.imagesbox .top img{margin:0 0 10px 0}
.imagesbox .top p{font-size:12px;color:#000;line-height:18px}
.imagesbox .top a{text-decoration:none}

/* NEWSLETTER */
.newsletter{background:url(/assets/images/newsletter-bg.png);width:700px;height:51px;margin:0 0 11px 14px;}
.newsletter h4{color:#7f7f7f;font-size:21px;float:left;margin:12px 0 0 40px}
.newsletter div{background:url(/assets/images/newsletter-input-bg.png);float:left;height:29px;margin:12px 0 0 12px;width:238px}
.newsletter input{width:200px;background:none;border:0;padding:7px 5px 5px 10px;color:#989898;font-size:12px}
.newsletter a{float:left;margin:10px 0 0 7px;background:url(/assets/images/green-button.png);width:104px;height:33px;line-height:33px;color:#000;font-size:12px;font-weight:bold;text-decoration:none;text-align:center}
.newsletter span{float:left;height:29px;margin:17px 0 0 12px;width:238px}

/* MAP ON START PAGE */
.map{margin:0px 0 11px 14px}

/* LOGOS */
#logos{background:url(/assets/images/logos-bg.png);height:112px;width:960px;}
#logos ul li{float:left;margin:0 40px}
#logos ul li a{}

/* BOAT CATEGORIES */
#boats{width:720px;padding:10px}
#boats .category{background:url(/assets/images/boat-cat-bg.png) no-repeat;float:left;padding:8px 10px;margin:0;}
#boats .category h2{font-weight:bold;color:#004990;font-size:12px;margin:0 0 12px 10px}
#boats .category h2 a{font-weight:bold;color:#004990;font-size:12px;text-decoration:none}

/* BOAT NAVIGATION */
#boatnavigation{border-bottom:1px solid #cad5d7;width:216px;margin:0 0 10px}
#boatnavigation .top{background:url(/assets/images/boat-nav-top.png); height:21px;color:#fff;font-size:17px;padding:10px}
#boatnavigation ul{background-color:#fff}
#boatnavigation li{border-left:1px solid #cad5d7;border-right:1px solid #cad5d7;}
#boatnavigation ul li h2{cursor:pointer;display:block;border-top:1px solid #cad5d7;font-size:12px;background:url(/assets/images/subnav-item-bg.png) no-repeat;height:26px;margin:0;padding:10px 0 0 35px;text-decoration:none;color:#5e5e5e;font-weight:bold}
#boatnavigation ul li a{display:block;font-size:12px;text-decoration:none;color:#5e5e5e;font-weight:bold}
#boatnavigation ul li ul{margin:10px 0}
#boatnavigation ul li li a{font-weight:normal; padding:0 0 0 30px;margin:0px 0 0 30px;border:0;background:url(/assets/images/subnav-item-arrow.png) no-repeat;font-family:arial;font-size:12px;text-decoration:none;color:#5e5e5e}
#boatnavigation ul li a.selected{color:#147ac6}
#boatnavigation ul li li a.selected{color:#2dbaf5}
#boatnavigation div.pane {display:none;color:#5e5e5e;font-size:12px;padding:10px}
#boatnavigation div.pane img{margin:5px 0}
#boatnavigation div.pane a{background:none;border:0;padding:0;margin:0}
#boatnavigation div.pane ul{margin:0}
#boatnavigation div.pane li{border:0;padding:0;margin:0}
#boatnavigation div.pane li a{display:block;font-weight:normal; padding:0 0 0 30px;line-height:20px;margin:0px 0 0 0px;border:0;background:url(/assets/images/subnav-item-arrow.png) no-repeat;font-family:arial;font-size:12px;text-decoration:none;color:#5e5e5e}



/* BOAT DETAILS */
#boatdetails{float:right;margin:0 0 10px 9px}
#boatdetails #imagecontainer{background:url(/assets/images/boat-detail-bg.png);width:734px;height:480px;position:relative}
#boatdetails h1{float:right;margin:15px}
#boatdetails .mainimage{text-align:center;clear:both}
#boatdetails .images {margin:25px 0 0 12px;position:absolute;top:365px;}
#boatdetails .images div{}
#boattable{margin:10px 0 0 0}
#boattable td{padding:0 0 0 15px;color:#6f6f6f}
#boatinfo{border:1px solid #cad5d7;margin:0 0 10px 0}
#boatinfo h3{padding:0 15px;font-size:21px;color:#004990;background:url(/assets/images/yacht-id-bg.png);height:58px;line-height:58px;width:702px}
#boatinfo h3 span{color:#2dbaf5}
#boatinfo .boatcontent{padding:15px;width:703px}
#boatinfo .boatcontent p{margin:0 0 18px;}


/* SAILING AREAS */
#sailingareas{background:url(/assets/images/area-items-bg.png);width:916px;height:83px;margin:9px 0 10px 0;padding:13px 22px;position:relative}
.sailingareassmall{background:url(/assets/images/area-items-bg.png);width:692px;height:83px;margin:9px 0 10px 0;padding:13px 22px 13px 20px;position:relative}
.sailingareacontent{width:734px}

/* FOOTER */
#footer{background-color:#0d4c9b;padding:30px 0}
#footer ul {float:left;margin:0 0px 0 0;border-right:1px solid #1267bf;padding:0 25px 0;min-height:200px;}
#footer ul ul{padding:0 30px 0 17px;}
#footer ul.first{padding:0 30px 0 0} 
#footer ul.last{border:none} 
#footer ul li{font-size:16px;color:#10beff;font-weight:bold;line-height:25px;}
#footer ul li label{font-size:12px;color:#fff;float:left;width:100px;font-weight:normal}
#footer ul li textarea{height:70px;font-size:12px}
#footer ul li input{font-size:12px;float:left}
#footer ul li img{margin:0 5px 0 0}
#footer ul li p{color:#fff;font-size:12px;font-weight:normal;margin:0 0 0 17px}
#footer ul li p a{margin:0}
#footer ul li a{font-size:12px;color:#fff;font-weight:normal;text-decoration:none;margin:0 0 0 17px}

/* BOTTOM FOOTER */
.bottomfooter{color:#fff;font-size:11px}
.bottomfooter img{float:right;margin:-10px 0 0}

/* SEARCHRESULT */
#searchresult li a{text-decoration:none;color:#454545}

/* BLOGS */
#blogoverview{margin:20px 0 0}
#blogoverview li{margin:0 0 20px 0}
#blogoverview img{float:left;margin:0 10px 0 0}
#blogoverview h2{font-size:18px}
#blogoverview h2 a{color:#454545}

#blog{}
#blog li{margin:0 0 30px 0}
#blog li h2{font-size:18px}
#blog li a{color:#454545}
.byline{color:#999}
.blogcontent{line-height:18px;margin:10px 0 0 0}
.blogcontent p{margin:0 0 18px}
.tags a{color:#454545}
#commentlist li{margin:0 0 10px 0}
#commentlist li a{color:#454545;text-decoration:none}
#archivelist li{margin:0 0 1px 0}
#archivelist li a{color:#454545;text-decoration:none}

#commentform{margin:20px 0 0 0}
#commentform h2{font-size:22px;color:#454545;margin:0 0 5px 0}
#comments li{margin:0 0 15px 0}
#comments li span{color:#454545;font-weight:bold}
.addcomment{margin:20px 0 0}
.addcomment legend{font-size:22px}
.addcomment p{margin:2px 0 10px 0}
.addcomment label{float:left;width:150px}

/* EVENTS */
.events{width:700px;margin:0 0 0 20px}
.events p{margin:0 0 18px;line-height:18px}
#eventlist{margin:30px 0 0}
#eventlist li {margin:0 0 20px 0}
#eventlist li h2{font-size:18px}
#eventlist li h3{margin:3px 0 5px}
#eventlist li a{display:block}

/* RSS */
#rss img{float:left}
#rss a{text-decoration:none;margin:8px 0 0 5px;display:block;float:left;color:#454545}

/* Contact form */
.contactform ul{border:0px !important}
.contactform ul li{clear:left}

/* NEWS ARCHIVE */
.newsarchive{}
.newsarchive h2 a{font-size:16px;color:#454545}
.newsarchive h3 {font-size:12px;color:#454545}

/* LOGIN BOX */
.login{border-bottom:1px solid #cad5d7;width:216px;margin:20px 0 10px}
.login .top{background:url(/assets/images/boat-nav-top.png); height:21px;color:#fff;font-size:17px;padding:10px}
.login .logincontent{background-color:#fff;border:1px solid #cad5d7;padding:10px}
.login .logincontent h3{font-weight:bold;margin:0 0 10px 0;font-size:15px}
.login input[type=text]{margin:0 0 4px 0}
.login input[type=submit]{width:100px}
