/*background-color:#00B9E7;*/
BODY { margin:0px; padding:0px; font-family:arial; height:100%;}
img A:link { border: none; clear: both; }
img A:visited { border: none; clear: both; }
input, .input{ font-size:9px; }
A:link , A:active { color:#FFFFFF; text-decoration:none; }
A:visited { color:#FFFFFF; text-decoration:none; }
A:hover { color:#FFFFFF; text-decoration:underline; }
#rightMenu1 { width:340px; padding-right:20px; text-align:right; 
height:20px; background-color:#00BAE7;}

.mail{color:#000000; font-size:12px;}
.mail A:link , A:active { color:#000000; text-decoration:none;}
.mail A:visited { color:#000000; text-decoration:none; }
.mail A:hover { color:#000000; text-decoration:underline; }

.mail1{color:#FFFFFF; font-size:12px; background-color:#00B9E7}
.mail1 A:link , A:active { color:#FFFFFF; text-decoration:none; background-color:#00B9E7}
.mail1 A:visited { color:#FFFFFF; text-decoration:none; background-color:#00B9E7}
.mail1 A:hover { color:#FFFFFF; text-decoration:underline; background-color:#00B9E7}

.gambar { border-bottom-width:0px; border-top-width:0px; border-left-width:0px;border-right-width:0px;}
.gambar A:link , A:active { border-bottom-width:0px; border-top-width:0px; border-left-width:0px;border-right-width:0px;}
.gambar A:visited { border-bottom-width:0px; border-top-width:0px; border-left-width:0px;border-right-width:0px;}
.gambar A:hover { border-bottom-width:0px; border-top-width:0px; border-left-width:0px;border-right-width:0px;}

#tulis {color:#FFFFFF; font-size:12px; font-family:"Times New Roman", Times, serif; font-style:oblique;}
#container {width:1000px; height:800px;}
#leftside1 { width:30px; height:730px;}
#leftside { width:30px; height:900px; float:left; background:url(../images/left-bg.jpg) repeat;}

#middle1 { width:657px; padding-left:10px; padding-right:10px; height:900px; float:left; background-color:#FFFFFF;}
#middle { width:580px; padding-left:10px; padding-right:10px; height:900px; float:left; background-color:#FFFFFF;}
#imgBottom { width:210px; background-color:#FFFFFF;}
#logo { width:210px; padding-left:40px; padding-top:22px; height:105px; float:left;}
#bottom { width:560px; height:210px; background-color:#FFFFFF;}
#starImg { width:110px; height:80px; margin:0px; padding:0px; text-align:left; float:left;}
#starImg1 { width:210px; height:80px;text-align:left; float:left;}

#rightside1 { width:290px; height:900px; float:left; text-align:left; background:url(../images/right-bg.jpg) repeat-y;}
#rightside  { width:370px; height:900px; float:left; text-align:left; background:url(../images/right-bg.jpg) repeat-x;}
#titlePackage { width:335px; text-align:left; height:25px; font-size:12px; font-weight:bold; padding:0px 0px 5px 15px; color:#FFFFFF;}

#topMenu { width:560px; text-align:right; height:20px; background-color:#FFFFFF;}
#topMenu UL { list-style-type:none; font-size:11px; padding:2px 0px 5px 5px; margin:0px; background-color:#FFFFFF;}	
#topMenu LI { display:inline; margin-left:10px; display:inline; background-color:#FFFFFF;}
#topMenu LI A:link, A:active { margin-left:10px; color:#00B9E7; text-decoration:none; background-color:#FFFFFF;}
#topMenu LI  A:visited { margin-left:10px;color:#00B9E7;  text-decoration:none; background-color:#FFFFFF;}
#topMenu LI A:hover { margin-left:10px; color:#00B9E7;  text-decoration:underline; background-color:#FFFFFF;}

#optional_menu { width:280px; text-align:left; height:25px; font-size:10px; padding:5px 0px 5px 0px; color:#FFFFFF;}
#optional_menu UL { list-style-type:none;}
#optional_menu LI { color:#FFFFFF; text-decoration:none; display:inline;}
#optional_menu LI A:link, A:active, A:visited{ color:#FFFFFF; text-decoration:none;}
#optional_menu LI A:hover{ color:#FFFFFF; text-decoration:underline;}

#rightMenu { width:340px; text-align:left; height:20px; 
background-color:#00BAE7;}
#rightMenu UL { list-style-type:none;font-size:11px; padding:2px 0px 5px 5px; margin:0px;background-color:#00BAE7;}	
#rightMenu LI { display:inline; color:#FFFFFF; text-transform:uppercase; background-color:#00BAE7;}
#rightMenu LI A:link, A:active{ margin-left:10px; color:#FFFFFF; text-decoration:none; text-transform:uppercase;background-color:#00BAE7;}
#rightMenu LI A:visited{ margin-left:10px; color:#FFFFFF; text-decoration:none;text-transform:uppercase;background-color:#00BAE7;}
#rightMenu LI A:hover { margin-left:10px;  color:#FFFFFF; text-decoration:underline;text-transform:uppercase;background-color:#00BAE7;}

#bottomMenu { width:250px;font-size:11px;float:right; text-align:right; margin-top:3px; text-transform:uppercase; background-color:#FFFFFF; }
#bottomMenu UL { list-style-type:none; background-color:#FFFFFF;}
#bottomMenu LI { margin-top:3px; margin-right:0px; margin-left:0px; padding-bottom:0px; color:#00B9E7; background-color:#FFFFFF;}
#bottomMenu LI A:link, A:active, A:visited { margin-top:3px; margin-right:0px; margin-left:0px; padding-bottom:0px; color:#00B9E7;text-decoration:none;text-transform:uppercase;background-color:#FFFFFF;}
#bottomMenu LI A:hover { margin-top:3px; margin-right:0px; margin-left:0px; padding-bottom:0px;color:#00B9E7; text-decoration:underline; text-transform:uppercase;background-color:#FFFFFF;}

#reservation { text-align:left; height:205px; font-size:11px; padding:5px 0px 5px 0px; color:#FFFFFF;}
#reservation UL { list-style-type:none; }
#reservation LI {  padding-top:2px; }

#sideimage { width:370px; height:320px; padding:10px 0px 0px 0px; text-align:right;}
#content { width:320px; text-align:justify; height:250px; font-size:12px; padding:0px 10px 0px 15px; color:#000000;}
iframe {
overflow: auto;
}

#contactUs { margin:15px 15px 0px 15px; width:340px; height:530px; text-align:justify; font-size:11px; }
#contactUs A:Link { color:#FFF; text-decoration:none; text-transform:none;}
#contactUs A:visited { color:#FFF; text-decoration:none; text-transform:none; }
#contactUs A:hover { color:#FFF; text-decoration:underline;text-transform:none;  }

.bottom { color : #00B9E7; font-size:12px; }
.bottom A:link{ text-decoration:none;color :#00B9E7; text-transform:none;}
.bottom A:visited{ color : #00B9E7; text-decoration:none; text-transform:none;}
.bottom A:hover{ color : #00B9E7; text-decoration:underline; text-transform:none;}

.sode{
position:absolute;
margin-top:350px;
margin-left:80px; 
}

.sode1{
color : #00B9E7; font-size:12px;
}

#hideme {
color:#000000;
position : absolute;
z-index:auto;
left:1px;
visibility:hidden;
font-size:14px;
}