/* 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:#fff url(../images/bigimage.jpg) no-repeat center top;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:780px;margin:0 auto;text-align:left;background:transparent url(../images/bgwrapperhead.png) repeat-y top center}
div#wrapper{float:left;width:100%;background:transparent url(../images/bgwrapperhead.png) repeat-y top center}
div#content{margin:0 0 0 200px}
div#navigation{float:left;width:205px;margin-left:-780px;margin-top:-35px}
div#footer{clear:left;width:780px;margin:0 auto;text-align:center}

/*HEADER*/
div#header{width:780px;height:300px}
div#header h3{text-indent:-9999px}
div#logo{padding:5px 0 0 20px;display:block}
div#header h3{position:absolute;top:42px;margin-left:620px;display:block;background:#fff url(../images/phone.gif) no-repeat left top;width:140px;height:30px}
div#package-banner{margin:10px 0 20px 20px}
div#package{margin-left:20px}
div#package p#rainforest a{position:absolute;top:90px;width:368px;height:175px;background:#fff url(../images/package-rainforest.jpg) no-repeat top center}
div#package p#crabcatching a{position:absolute;top:90px;margin-left:372px;width:368px;height:175px;background:#fff url(../images/package-crabcatching.jpg) no-repeat top center}
div#package p#rainforest a,div#package p#crabcatching a{text-indent:-9999px}

/*MENU KIRI*/
div#navigation{}
div#navigation ul{margin:0px 0 20px 20px;width:185px;background:#0f8dce url(../images/bgnav.jpg) no-repeat top right;padding-top:30px;padding-bottom:20px}
div#navigation ul li{background:transparent url(../images/bgbordernavloop2.gif) repeat-x left top;height:1%;position:relative;margin:0 10px}
div#navigation ul li.lastlist{background:transparent url(../images/bgbordernavloop2.gif) repeat-x left top;height:1%;position:relative;margin:0 10px;border-bottom:1px solid #2da4e2}
div#navigation ul li a{background:transparent url(../images/captainbills.png) no-repeat 0px 8px;display:block;color:#fff;text-decoration:none;padding:10px 7px 10px 43px;font:normal 11px Arial, sans-serif;position:relative}
div#navigation a:hover{text-decoration:underline;color:#fff}
.bookingonline{padding:3px 0;background:none!important}
.bookingonline a{background:#f4860f!important;font-weight:bold!important;color:#fff!important;text-transform:uppercase!important;padding-left:30px!important;margin-bottom:5px!important}
.bookingonline a:hover{background:#ffad56!important}

/*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 13px Tahoma, Verdana, Arial, sans-serif;margin:5px 0 5px 0;color:#4b5fb0}
div#content h3{font:bold 17px Arial, Helvetica, sans-serif;margin-bottom:5px;color:#4b5fb0}
div#content h4{font:bold 13px Tahoma, Verdana, Arial, sans-serif;margin:20px 0 5px 0}
div#content p{font:normal 11px Tahoma, Verdana, Arial, sans-serif;line-height:17px}
div#content a,div#content a:visited{text-decoration:none;color:#5597D9;border-bottom:1px solid #5597D9;font-weight:bold}
div#content a:hover{color:#759c29;border-bottom:1px solid #759c29}
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;line-height:17px}
div#content ul li p{margin:10px 10px 10px 0}
div#content ul#sitemap li li a{font-weight:normal}
.colcontainer li div{margin:0;padding:0}

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{padding:3px;border:1px solid #eee;margin:3px;width:150px}
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 5px 5px 10px;margin:0;border-right:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;border-top:0px;border-left:0px;text-align:left}
.desccategory{font:bold 14px Arial, Helvetica, sans-serif;text-transform:uppercase;background-color:#F2FAFD;color:#444;padding:10px 10px;background:#F0F8FB;text-align:center}
.desccategory h2{text-align:left}
.desccategory small{font:normal 11px Arial, Helvetica, sans-serif;text-transform:none;color:#000}
.tourprice{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:100px;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:400px;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 left top}
div#footer p{margin:5px 0 0 0;color:#585858}
div#footer a,div#footer a:visited{text-decoration:none;color:#585858;font-weight:bold}
div#footer a:hover{color:#759c29;border-bottom:1px solid #759c29}

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}

.packagetours{padding:0;margin-bottom:20px;border:1px solid #f4f4f4;position:relative}
.packagetours h2{margin:0px 0 0px 0px !important;padding:10px;text-transform:uppercase;font:bold 14px Tahoma, Verdana, Arial, sans-serif !important}
.packagetours p{margin-left:10px}
.packagetours p img{float:left;padding:7px;margin:0 10px 10px 0;border:1px solid #f4f4f4}
.packageprice{clear:left;color:#444;font:normal 17px Tahoma, Verdana, Arial, sans-serif;height:35px;background:transparent url(../images/bgprice.jpg) left top}
.packageprice p a{font-weight:normal !important}
.packageprice span.price{font:normal 21px Tahoma, Verdana, Arial, sans-serif;color:#fb793e}