/******************************************************
	@Media Screen StyleSheet
	Author: Budi Hariyanto < budi[at]flextramedia[dot]com >
*******************************************************/
html, body { padding: 0; margin: 0; }
body { 
	background-color: #FFFFFF;
	color: #898989;
	font-size: 62.5%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
a:link{
		color:#3E98CA; 
		text-decoration:none		
}
h1, h2, h3, p { margin: 0; padding: 0; }
.headNav { text-align: right; }
.headNav p { margin-right: 12px; color: #878C8E; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; }
.headNav a { color: #878C8E; text-decoration: none; }
.headNav a:hover { text-decoration: underline; }
a:visited, a:active { color:#0000ff; }
#banner {
	border-bottom: 1px solid #FFFFFF; 
}
.komodo { 
	width: 255px; 
	height: 100px; 
	background: transparent url(../images/komodo.jpg) no-repeat;
	vertical-align: top;
}
.bali {
	width: 255px; 
	height: 100px; 
	background: transparent url(../images/bali.jpg) no-repeat;
	vertical-align: top;
}
.lombok {
	width: 255px; 
	height: 100px; 
	background: transparent url(../images/lombok.jpg) no-repeat;
	vertical-align: top;
}
h2.bannersTitle { font-size: 1.7em; font-family: Arial, Verdana, Helvetica, sans-serif;  padding: 15px 5px 0 4px; font-weight: bold; text-transform: uppercase;  }
.banners { font-size: 1.0em; font-family: Verdana, Helvetica, sans-serif; padding: 0 5px 5px 4px; font-weight: bold; color: #999;  }
.bannersInfo { font-size: 1.0em; font-family: Verdana, Helvetica, sans-serif; padding: 100px 5px 5px 4px; font-weight: bold;  color: #FFF;  position: absolute;}
.komodo h2.bannersTitle, .komodo .banners strong, .komodo h2 a { color: #AADB2D; text-decoration: none; }
.bali h2.bannersTitle, .bali .banners strong, .bali h2 a { color: #2EB8F3; text-decoration: none; }
.lombok h2.bannersTitle, .lombok .banners strong, .lombok h2 a { color: #F06F36; text-decoration: none; }
.lombok .bannersInfo a, .bali .bannersInfo a, .komodo .bannersInfo a { text-decoration: none; color: #FFF; }
.lombok .bannersInfo a:hover, .bali .bannersInfo a:hover, .komodo .bannersInfo a:hover { text-decoration: underline; color: #FFF; }
#container {
	border-top: 3px solid #5B869D; 
	font-size: 1.1em;
	padding: 5px;
}
h3 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.7em; text-transform: uppercase; margin-top: 5px; font-weight: normal; }
.left { 
	width: 253px; 
	padding: 5px;
	border-right: 1px solid #E1E1E1; 
	font-size: 1.0em;
}
.center {
	width: 256px; 
	padding: 5px;
	border-right: 1px solid #E1E1E1;
	font-size: 1.0em;
}
.right {
	width: 250px; 
	padding: 5px;
	font-size: 1.0em;
}
div.text { margin-bottom: 10px; }
.left ul { margin: 0 0 0 7px; padding: 0; }
.left li { padding-bottom: 3px; margin-left: 7px; font-size: 1.0em; color: #999; line-height: 1.2em; list-style-type: square; }
.left li a { text-decoration: none; }
.left li a:hover { text-decoration: underline; }
.left img, .center img, .right img { padding: 3px; margin: 0 5px 0 5px; border: 1px solid #e1e1e1; background-color: #f2f2f2; }
.left a, .center a, .right a { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
.left a:hover, .center a:hover, .right a:hover { text-decoration: underline; }
/* KOMODO SECTION */
.section_komodo h3 { color: #AADB2D; }
.section_komodo p { line-height: 1.3em; padding-bottom: 5px; text-align: justify; }
.section_komodo .rate { border: 1px solid #AADB2D; margin-top: 5px; margin-bottom: 5px; }
.section_komodo  .rate td { padding: 3px; }
.section_komodo  .rateTitle { background-color: #AADB2D; }
.blockabuabu { background-color: #f2f2f2; padding:3px;}
.blockabuabu h3 {padding-left:5px;padding-right:5px;padding-bottom:5px; border-bottom:1px solid #ffffff;}
.blockabuabu ul {margin-top:3px;padding-left:20px;list-style-type:square;color:#666;}
.blockabuabu li a {text-decoration: none;color:#666;}
.blockabuabu li a:hover { text-decoration:underline;}
.blockabuabu li a:visited {color:#666;}

table#main  { 
border-top: 2px solid #5B869D; 
background:#FFF; 
margin:0 2px 0 2px; 
padding:0 5px 0 5px; 
border-left: 1px solid #e1e1e1; 
border-right: 1px solid #e1e1e1; 
 }
 td.gal { text-align:center; }
 .gal img { padding: 2px; border: 1px solid #e1e1e1; background-color: #f2f2f2; }
 td.galbig { text-align:center; }
 .galbig img { padding: 2px; border: 1px solid #e1e1e1; background-color: #f2f2f2; width:158px; height:112px;  }

 #main td.hotdeals { border-left:1px solid #e1e1e1 ; }
 #main td.titleindex { 
 background: #2EB8F3 ;
 font:7pt/12pt  Verdana, Helvetica, sans-serif; 
 color: #fff; 
font-weight: bold; 
padding:2px 2px 2px 10px;  
letter-spacing:1px; 
text-align:left;
}
#main p.garis { 
 border-top: 1px solid #2EB8F3 ;
 padding:0;
 margin:0;
}

p.indextitle {
 font:10pt/12pt  Verdana, Helvetica, sans-serif; 
font-weight: bold;
padding:2px 2px 2px 5px;  
}
p.indextitlelagi {
color: #2EB8F3;
font:10pt/12pt  Verdana, Helvetica, sans-serif; 
font-weight: bold;
padding:2px 2px 2px 5px;  
}
p.title {
color: #2EB8F3;
font:10pt/12pt  Verdana, Helvetica, sans-serif; 
font-weight: bold;
padding:2px 2px 2px 10px;  
background:  url(en/images/icons/circle_orange.png) no-repeat 0 60%; 
}

.rateindex {
text-align:right;
color: #F06F36;
}
#main ul { margin: 0 0 0 7px; padding: 0; }
#main li { padding-bottom: 3px; margin-left: 7px; font-size: 1.0em; color: #999; line-height: 1.2em; list-style-type: square; }
#main li a { text-decoration: none; }
#main li a:hover { text-decoration: underline; }
.menuleft { 
	width: 200px; 
	padding: 5px;
	font-size: 1.0em;
	background :#f2f2f2;
}
.menuleft ul { margin: 0 0 0 7px; padding: 0; }
.menuleft li { padding-bottom: 3px; margin-left: 7px; font-size: 1.0em; color: #999; line-height: 1.2em; list-style-type: square; }
.menuleft li a { text-decoration: none; }
.menuleft li a:hover { text-decoration: underline; }
.menuleft img, .center img, .right img { padding: 3px; margin: 0 5px 0 5px; border: 1px solid #e1e1e1; background-color: #f2f2f2; }
.menuleft a, .center a, .right a { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
.menuleft a:hover, .center a:hover, .right a:hover { text-decoration: underline; }
.rate td { padding:3px 1px 3px 5px; margin:0; border-bottom:1px solid #5B869D;  border-collapse:collapse; }
.rate p { color:#5B869D; font-weight:bold; padding:1px 0 2px 0; }

#footer {
	border-top: 1px solid #5B869D; 
	color: #999;
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
}
#footer p { font-size: 1.0em; padding-bottom: 7px; }
#footer p  { font-family: Verdana, Arial, Helvetica, sans-serif; color: #999; }
#footer p strong a { text-decoration: none; color: #999; }
#footer a { font-weight: bold; color: #999; }