/* 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}*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0}
h1,h2,h3,h4{font-size:100%}
ul,li{list-style:none}
body{behavior:url("css/csshover.htc");background:#bbd6f4 url(../images/bgbody.jpg) repeat-x left top;font:normal 12px/18px Arial, Helvetica, sans-serif;text-align:center;color:#333}
p{margin:0 10px 10px 0}
/*LAYOUT*/
div#container{width:770px;margin:0 auto;text-align:left;background:#fff}
div#wrapper{float:left;width:100%;background:#fff}
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;background:transparent url(../images/bgwrapper.gif) no-repeat left top}
/*HEADER*/
div#header{width:770px;height:330px;background:#fff url(../images/bgheader.jpg) no-repeat top left}
div#logo{position:absolute;top:8px;margin-left:12px;display:block}
div#header h2{position:absolute;top:70px;margin-left:450px;display:block;width:300px;height:42px;font:normal 18px Arial, Helvetica, sans-serif;color:#fff}
div#header h3{position:absolute;top:95px;margin-left:450px;display:block;width:300px;height:42px;font:normal 11px/15px Arial, Helvetica, sans-serif;color:#fff}
div#header h4{position:absolute;top:158px;margin-left:462px;display:block;width:300px;height:42px;font:bold 14px/15px Arial, Helvetica, sans-serif;color:#444}
div#header h4 a:hover{color:#444}
/*MENU KIRI*/
div#navigation{width:200px}
div#navigation ul{margin:0 0 0 13px;width:180px}
div#navigation ul li{background:transparent url(../images/bgbordernavloop.gif) repeat-x left bottom;height:1%;position:relative}
div#navigation ul li a{display:block;color:#3e71b3;text-decoration:none;padding:7px 7px 7px 25px;font:bold 11px/15px Tahoma, Verdana, Arial, sans-serif;position:relative;text-align:right}
div#navigation a:hover{color:#adcf37}
/*CONTENT*/
div#content{min-height:500px;height:auto !important;height:500px;padding:0 15px 0 30px;border-left:1px solid #f4f4f4}
div#content h1{font:bold 17px Arial, Helvetica, sans-serif;margin-bottom:5px;color:#3e71b3}
div#content h2{font:bold 15px Arial, Helvetica, sans-serif;margin:5px 0 5px 0;color:#3e71b3}
div#content h4{font:bold 15px Arial, Helvetica, sans-serif;margin:20px 0 5px 0}
div#content a,div#content a:visited{text-decoration:none;color:#3e71b3;border-bottom:1px solid #3e71b3;font-weight:bold}
div#content a:hover{color:#adcf37;border-bottom:1px solid #adcf37}
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}
div#content ul li{list-style:disc;margin:0 0 5px 20px}
div#content ul li p{margin:10px 10px 10px 0}
/* FORM */
label{width:100px;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 0px 0 0;display:block}
label.bookingdate{width:80px;float:left;text-align:right;margin:6px 0px 0 0;display:block}
.submit input{margin-top:20px}
form h4{margin-top:25px}
fieldset{border:1px solid #f4f4f4;width:480px;padding:10px}
legend{color:#fff;background:#ADCF37;border:1px solid #f3f3f3;padding:2px 6px;margin:10px 0 10px 0px;font:bold 14px Arial, Helvetica, sans-serif}
input{margin-right:5px}
/*FOOTER*/
div#footer{height:60px;color:#333;padding:30px 0 0 0}
div#footer p{margin:5px 0 0 0;font:normal 11px/15px Arial, Helvetica, sans-serif;color:#444}
div#footer a,div#footer a:visited{text-decoration:none;font:normal 11px/15px Arial, Helvetica, sans-serif;color:#444;border-bottom:1px dotted #444}
div#footer a:hover{color:#3e71b3;border-bottom:1px solid #3e71b3}
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}
/*OTHERS*/
.notice{font-size:10px;color:#FF0000;vertical-align:super;}