
body {
background: #FFFFFF url(images/bg3_02.jpg) repeat-y top center;
margin:0;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
#container  {
background: #FFFFFF;
width:780px;
margin:0 auto;
}
#header {
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
}
#head {
padding:0;
}
#head1 {
background: #FDFDFD;
border-top: 1px solid #EFEFE7; 
border-bottom: 1px solid #EFEFE7; 
border-left: 1px solid #FFF; 
}
#head1 img { margin: 2px; border:1px solid #333333; float: left; clear: both; }
#head1 p { padding:3px;}
.right-top td { padding-bottom:5px; }
td.top1 { background: #fff; }
.top1 h2 { padding:3px 0 1px 0; margin:0 0 5px 0; font: 11pt/14pt Arial, Helvetica, sans-serif; text-transform: capitalize; border-bottom:1px solid #FFFFFF; padding-left: 5px; background: #e1e1e1; color: #000000; letter-spacing:1px; }
.top1 ul { margin:5px 0 7px 0; }
.top1 li { margin:2px; padding-top:3px; list-style-type: none; }
td.top2 { background: #FDFDFD; }
.top2 h2 { padding:1px 0 1px 0; margin:0 0 2px 0; font: 11pt/14pt Arial, Helvetica, sans-serif; text-transform: capitalize;  border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; padding-left: 5px; background: #e1e1e1; color: #fff; letter-spacing:1px;}
.top2 ul { margin:0 0 0 0; }
.top2 li { padding-top:1px; padding-left:0; margin:2px; list-style-type: none; }
.top2 a { padding-left:10px; color:#000; text-decoration:none;}
.top2 a:hover {padding-left:10px; background: url(test/images/icons/kotak.gif) no-repeat 0% 100%; }
td.top3 { background: #EFEFE7; }
.top3 h2 { padding:3px 0 1px 0; margin:0 0 5px 0; font: 11pt/14pt Arial, Helvetica, sans-serif; text-transform: capitalize;  border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; padding-left: 5px; background: #e1e1e1; color: #000000; letter-spacing:1px; }
.top3 ul { margin:5px 0 7px 0; }
.top3 li { padding-top:3px; margin:2px; list-style-type: none; }
#logo {  }
#menu {
background-color:#FDFDFD;
border-bottom:1px solid #e1e1e1;
border-top:1px solid #ccc;
height:150px;
padding:0;
}
#menu ul{ margin:0 5px 0 5px; width:200px; padding:0;}
#menu li { list-style-type: none; font:10pt/12pt Tahoma, Helvetica, sans-serif; color: #000; text-transform:capitalize; letter-spacing:1px;  padding:2px 2px 2px 2px; border-bottom:1px solid #999; }
#menu li.none { border:0px; }
#menu a { padding-left:25px; color:#000000; text-decoration: none;}
#menu a:hover { padding-left:25px; background: url(test/images/icons/big-box.gif) no-repeat 0% 100%; }
div.spacer { display:block; width:700px; margin:2px; }
a:link { color: #B76522; text-decoration: none; }
a:visited { color: #7274BB; text-decoration: none; }
a:active { color: #7274BB; text-decoration: underline;  }
a:hover { color: #000000; text-decoration: none;  }
h1.keyword { font: 8pt/10pt Arial, Verdana, Helvetica, sans-serif; color: #333333; margin:0; padding:1px; text-align:center; }
img { border:0; }
p { padding:0; margin:0; }
td { 
font: 11px/10pt Verdana, Helvetica, sans-serif;
color: #000000;
}
div.border-kanan {
border-right:2px solid #FFFFFF;
}
table#main  { background:#FFFFFF; margin-top: 5px;  border:1px dotted #e1e1e1;}
#main img { background: #F2F2F2; border:1px solid #333333; padding:3px; margin:2px; text-align: center; clear: both; }
#main img#offer { width:215px; height:100px;}
#main img#hotel { width:148px; height:122px;}
#main td {padding: 2px;margin:2px;}
#main p { margin:0; padding:0;}
#main a:link { color: #000000; text-decoration: none; }
#main a:visited { color: #000000; text-decoration: none; }
#main a:active { color: #000000; text-decoration: none;  }
#main a:hover { color: #DD5733; text-decoration: none;  }
/* Index Column */
/* Middle Column */
.middle { border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; } 
/*menu*/
#verticalNav {
	border-top:1px dotted #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	background: #ffffff;
	padding:0 0 0 2px;
}
.topNav {
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font: 11px/12px Tahoma, Verdana, Helvetica, Osaka, sans-serif; 
	color: #999999;
	padding:1px;
	font-weight: bold;
	}
.topNav a:link { text-decoration: none; display: block; background: #F2F2F2; padding:4px; border-left:7px solid #CCCCCC; color: #333; }
.topNav a:visited { text-decoration: none; display: block; background: #F2F2F2; 
padding:4px; border-left: 7px solid #CCCCCC; color: #333; }
.topNav a:active { text-decoration: none; display: block; background: #FFFFFF; padding:4px; border-left: 7px solid #09d1f5
; color: #333; }
.topNav a:hover { text-decoration: none; display: block; background: #FFFFFF;  padding:4px; border-left: 7px solid #09d1f5
; color: #FF0000; } /* #D4E345; */
/* Kolom Tengah */
.rate { margin-bottom: 10px; margin-top:10px; }
.rate caption {  margin-top: 10px;  text-align: left; font-weight: bold; font-style: italic; font-size:11px}
.rate td, .rate th { padding:3px 1px 3px 5px; margin:0; border-bottom:1px solid #6E7F8F;  border-collapse:collapse; font-size:10px }
.rate .title th { color:#50667B; font-weight:bold; padding:1px 0 2px 0; }
#main h2 { 
border-left:0;
border-right:0;
border-top:0; 
border-bottom: 1px solid #F68031; 
padding:3px 0 1px 25px; 
margin:0 0 7px 0; 
text-align:left; 
color:#0066FF; 
font-weight: bold; 
text-transform:uppercase; 
font: 13pt/14pt Arial, Helvetica, sans-serif; 
background: url(test/images/icons/mark1.gif) no-repeat 0% 50%; 
}
#area { background:#ffffff;
border-right:1px dotted #CCCCCC;

}
#area ul { 
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding:0;
text-align:left; 
}
#area li { 
list-style-type: none; 
font:10pt/12pt Tahoma, Helvetica, sans-serif; 
color: #000; 
text-transform:capitalize; 
letter-spacing:1px; 
border-bottom:1px solid #FFF;
margin:5px;
padding:0 0 5px 5px;
}
#area li.none { border:0px; }
.menu-kiri{ padding:0px; list-style-image: none; list-style-type: none; font: 13px/15px Arial, Verdana, Helvetica, sans-serif; font-weight:bold; color:#0099FF; }

#area-bawah { border:0px dotted #e1e1e1;}
#area-bawah img {border:0px; clear: both; }
#area-bawah p {padding:0px 0px 1px 25px; list-style-image: none; list-style-type: none; font: 13px/15px Arial, Verdana, Helvetica, sans-serif; font-weight:bold; color: #0099FF;border-bottom:1px solid #999;background: url(test/images/icons/mark1.gif) no-repeat 0% 50%;}
table#special { border-bottom:1px solid #e1e1e1; }
.tengah { list-style-type: none; font:10pt/12pt Tahoma, Helvetica, sans-serif; color: #000;  letter-spacing:1px; padding:2px 2px 2px 2px;}
.offer {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background: #e1e1e1;
	padding:2px 0 0 2px;
}
.rate td { padding:2px; border-bottom:1px solid #e1e1e1; border-collapse:collapse; }
.rate p { background: #e1e1e1; color:#333333; font-weight:bold; padding:1px 0 1px 0; }
.book { padding:0 0 10px 5px; }
td.gal { text-align:center; }
.biodetail td { line-height:14pt; }
img.xgallery { background: #e1e1e1 url(images/loading.gif) no-repeat 50% 50%; }
.gal img { margin: 3px; padding:3px; background:#F2F2F2; border:1px solid #333; width:200px; height:145px; }
.content  td { font-size:11px; font-family: Arial, Helvetica, sans-serif; }
.content img { margin:0 0 0 0; background: #e1e1e1; padding:0; border:1px solid #333333; }
.google td { text-align: right; padding:5px 0 5px 2px; }
.google form { padding-bottom:5px; border-bottom: 1px solid #CCCCCC; }
.google input { border:1px solid #333333; }
.google button { border:1px solid #333333; }
.google img { border:0px; }
table.subcontent { border-top: 1px solid #CCCCCC; }
.index img { margin:0 0 0 0; background: #e1e1e1; padding:0; border:1px solid #333333; }
.index td { text-align:center; }
.subcontent td { padding:5px 0 5px 2px; }
p.title { background: #FFFFFF url(test/images/icons/bullet.gif) no-repeat 0 62%; padding-left:20px; font: 12pt/14pt Verdana, Helvetica, sans-serif; text-align:left; font-weight: bold; text-transform: lowercase; color: #CD5437; border-bottom:1px solid #CCCCCC; }
.red { color: #FF0000; }
.batas-bawah { border-bottom:1px dotted #e1e1e1; }

/* Footer */
.menu-bottom { font: 11px/10pt Verdana, Helvetica, sans-serif;padding: 3px 0 3px 0; text-align: right; color: #999999; border-bottom:1px solid #e1e1e1; }
.menu-bottom a:link { color: #999999; }
.menu-bottom a:hover { color: #000000; }
.copyright p { padding-top: 5px; font: 11px/10pt Verdana, Helvetica, sans-serif; text-align: left; }
.siteinfo p { padding-top: 5px; font: 11px/10pt Verdana, Helvetica, sans-serif; text-align: right; }
.office p { padding-top: 5px; font: 11px/12pt Verdana, Helvetica, sans-serif; text-align: center; color: #999999; }
div#eXTReMe { display: none; visibility: hidden;}
.foot_style {
	background-image: url(tes3.jpg);
	background-repeat: no-repeat;
	width: 780px;
       }
.textContainer h2 { font-size: 1.4em; font-weight: normal; color: #6C6A6A; }
p.paket { font: 12pt/14pt Verdana, Helvetica, sans-serif; text-align:left; font-weight: bold; text-transform: capitalize; color: #7eaaf1;border-bottom:1px solid #7eaaf1; letter-spacing: 1px; padding: 5px 0 3px 1px; }
.red { color: #FF0000; }
p.paket:first-letter { font: 14pt/16pt Verdana, Helvetica, sans-serif; color: #7eaaf1; border-right: 2px solid #FFF; }

div.batas { border-bottom:1px solid #84eefc; letter-spacing: 1px; padding: 5px 0 3px 0; text-align:justify; }
.fcb img { margin: 3px; padding:3px; background:#F2F2F2; border:1px solid #90eefa;}

