/* RESET */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0}
h1,h2,h3,h4{font-size:100%}
ul,li{list-style:none}
body{behavior:url("css/csshover.htc");background:#006699;font:normal 11px/15px Tahoma, Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#555}
p{margin:0 10px 10px 0}

/*LAYOUT*/
div#container{width:770px;margin:0 auto;text-align:left;background:#fff url(../images/bgcontainer.gif) repeat-y top left}
div.widthmax{float:left;background:#fff url(../images/bgwrapperloop.gif) repeat-y left top}
div#wrapper{float:left;width:100%}
div#content{margin:0 0 0 200px}
div#navigation{float:left;width:200px;margin-left:-770px}
div#footer{clear:left;width:770px;margin:0 auto;text-align:center}

/*HEADER*/
div#header{width:770px;height:245px;background:#fff url(../images/bgheader.jpg) no-repeat top left}
div#logo{position:absolute;top:0px;margin-left:0px;display:block}
#social{float:right;padding:3px 3px 0px 3px;margin:190px 30px 20px 0;background:rgba(75,151,215,0.5);border:1px solid #4b97d7;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
#social a img{border:none !important}
#special-page{float:left;margin:190px 0 20px 20px;}
#special-page a img{border:none !important}

/*MENU KIRI*/
div#navigation{width:200px}
div#navigation ul{margin:0px 0 0 20px;width:180px}
div#navigation ul li{height:1%;position:relative}
div#navigation ul li a{background:transparent url(../images/arrow.gif) no-repeat 10px 8px;display:block;color:#444;text-decoration:none;padding:7px 7px 7px 25px;font:bold 11px Tahoma, Verdana, Arial, sans-serif;position:relative}
div#navigation a:hover{color:#fe911c}
	/*by:ED*/
	div#bookonline {background:#ffa20c; border:1px solid #f3f3f3; padding:3px 0 4px 0; margin:0 30px 10px 30px; text-align:center;}
	div#bookonline a {font:bold 12px Tahoma, Verdana, Arial; color:#fff; text-decoration:none;}
	div#bookonline a:hover {color:#06F}

/*CONTENT*/
div#content{min-height:400px;height:auto !important;height:400px;padding:0 15px 30px 30px}
div#content h1{font:bold 17px Arial, Helvetica, sans-serif;margin-bottom:5px;color:#4b5fb0}
div#content h2{font:bold 15px Arial, Helvetica, sans-serif;margin-bottom:5px;color:#4b5fb0}
div#content h4{font:bold 13px Arial, Helvetica, sans-serif;margin:20px 0 5px 0}
div#content p{font:normal 11px Arial, Helvetica, sans-serif;line-height:17px}
div#content a,div#content a:visited{text-decoration:none;color:#4b5fb0;border-bottom:1px solid #4b5fb0;font-weight:bold}
div#content a:hover{color:#fe911c;border-bottom:1px solid #fe911c}
div#content ol li{list-style:decimal;margin:0 0 20px 30px}
div#content ol li p{margin:10px 10px 10px 0}
div#content ul{margin:10px 0 20px 0}
div#content ul li{list-style:disc;margin:0 0 5px 30px}
div#content ul li p{margin:10px 10px 10px 0}
div#content ul#sitemap li li a{font-weight:normal}

div#content div.contactdetail{clear:left}
div#content div.contactdetail h4{float:left;vertical-align:top;width:200px;margin:0}
div#content div.contactdetail p{float:left}

div#content div.boats{clear:left;width:500px;height:150px}
div#content div.boats div.boatsimage{float:left;width:230px}
div#content div.boats div.boatsimage img{padding:3px;border:1px solid #eee}
div#content div.boats div.boatsimage a{border-bottom:none}
div#content div.boats div.boatsimage a:hover img{background:#EEF5FB}
div#content div.boats div.boatsdetail{}
div#content div.boats div.boatsdetail *{margin:0}

div.thumbnail img{cursor:pointer;cursor:hand;padding:3px;border:1px solid #eee;margin:3px;width:85px}
div.floorthumbnail img{cursor:pointer;cursor:hand;padding:3px;border:1px solid #eee;margin:3px}

div#content table{border:0;margin:10px 0 20px 0}
th,td{padding:5px;margin:0;border-right:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;border-top:0px;border-left:0px;text-align:left}
.desccategory{font:bold 11px Arial, Helvetica, sans-serif;text-transform:uppercase;background-color:#F2FAFD;color:#444;padding:10px 10px;background:#fff url(../images/bgheader.jpg) no-repeat top left}
td.desccategory a{font:bold 14px Arial, Helvetica, sans-serif;text-transform:uppercasecolor:#444;padding:10px 10px;border-bottom:none}
.desccategory small{font:normal 11px Arial, Helvetica, sans-serif;text-transform:none;color:#000}
.boattype{font:bold 14px Arial, Helvetica, sans-serif;text-transform:uppercase;color:#444;padding:0}
.boattype a{margin:0;padding:0;border-bottom:none !important;display:block;height:60px}
.boattype a span{position:absolute;padding:20px 0 20px 10px}
.boatprice{text-align:center}
.firstleft{border-left: 1px solid #E0E0E0}
.firsttop{border-top: 1px solid #E0E0E0}
.noleft{border:0;border-right:1px solid #E0E0E0}
.noeffect{border:0}
.even{background-color:#FFFBEC}

/* FORM */
label{width:60px;float:left;text-align:right;margin-right:0.5em;display:block}
label.servicereq{width:200px;float:none;text-align:left;display:inline;margin-left:5px}
label.bookingchoice{width:170px;float:left;text-align:right;margin:6px 10px 0 0;display:block}
label.enquirydetailinfo{width:170px;float:left;text-align:right;margin:2px 10px 0 0;display:block}
label.bookingdate{width:80px;float:left;text-align:right;margin:6px 10px 0 0;display:block}
.submit input{margin-top:20px}
form h4{margin-top:25px}
fieldset{border:1px solid #f4f4f4;width:450px;padding:10px}
legend{color:#fff;background:#ffa20c;border:1px solid #f3f3f3;padding:2px 6px;margin:10px 0 10px 0px;font:bold 14px Arial, Helvetica, sans-serif}
fieldset.additional input{width:20px;float:left;text-align:right;margin:2px 5px 0 0;display:block}
fieldset.additional label.enquirydetailinfo{width:405px;float:left;text-align:left;margin:2px 10px 0 0;display:block}

/*FOOTER*/
div#footer{height:75px;color:#333;padding:35px 0 0 0;background:transparent url(../images/bgfooter.gif) no-repeat top left}
div#footer .widthmax{background:#006699;clear:left;width:770px;margin:0 auto;text-align:center}
div#footer p{margin:5px 0 0 0;color:#fff}
div#footer a,div#footer a:visited{text-decoration:none;color:#fff;font-weight:bold}
div#footer a:hover{color:#fe911c;border-bottom:1px solid #fe911c}

div.horRule {height: 1px;border-top: 1px solid #E5E5E5;margin: 0px 10px 10px}
div.horRule hr {display: none}
a.imagebutton{cursor:pointer;cursor:hand;text-decoration:none;border-bottom:0px !important}

.alignright{float:right}
img.alignright{margin:0 0 7px 7px}
#content p a img.alignright{border:0}
.alignleft{float:left}
img.alignleft{margin:0 7px 7px 0}
#content p a img.alignleft{border:0}

/* NEWSLETTER */
div#navigation div#newssignup{background:#FFFCEA url(../images/navloop.gif) repeat-y left top;padding:10px 0 10px 10px;border:1px solid #C1DBFE;width:170px !important;margin:10px 0 0 10px}
div#navigation div#newssignup h3{font:bold 14px Arial, Helvetica, sans-serif;margin:0 0 7px 0}
div#navigation div#newssignup ul{margin:0;padding:0}
div#navigation div#newssignup p{margin:0 0 5px 0}
div#navigation div#newssignup p input{font:normal 11px Arial, Verdana, Helvetica, sans-serif;padding:0}