body{
	margin:0px;
	font-family:verdana;
	font-size:11px;
	color:#000000;
	background-color:#0066CA;
	background-image:url(i/bgmain.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
}

a{
	text-decoration:none;
}
#outer{
    text-align: left;
	width:800px; 
	height:100%; 
	border:1px solid #cccccc;
}

#inner{
	 width:780px;
	 height:100%;
	 border-right:10px solid #FFFFFF;
	 border-left:10px solid #FFFFFF;
	 border-bottom:4px solid #FFFFFF;
	 background-color:#FFFFFF;
	 margin-bottom:0px;
}

.header{
	margin:0px;
	padding:0px;
	height:200px;
	background-color:#FCB617;
	border-bottom:1px solid #FF9632;
}

.pathway{
	text-align:right;
	height:22px;
	background-color:#FFE297;
	padding:8px 5px 8px 0px;
}

#curpath{
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px dotted #cccccc;
}

.kiri{
	margin-top:4px;
	float: left;
	width: 220px;
	padding-top:8px;
}

.konten{
	padding:10px 10px 15px 10px;
}

#box-isi{
   padding-right: 50px;
}
.footer {
  
   margin-top: 10px;
   border-top: solid #E0CAFB 1px;
   padding-top: 2px;
   color: #000000;
}
.free{
	color:#0099FF;
	font-weight:bold;
}
.ezy{
	color:#99CC00;
	font-weight:bold;
}
.orange{
	color:#FF6600;
}

h1{
	font-size:15px;
	font-family:tahoma;
	color:#000000;
}

#dest{
	margin-left:10px;
	width:180px;
	display:block;
	height:18px;
	padding-top:2px;
	border-bottom:1px solid #cccccc;
}


a.mndest{
	color:#666666;
	padding-left:20px;
	font-size:13px;
	font-weight:bold;
	font-family:tahoma;
	background-image:url(i/arrow_red.gif);
	background-repeat:no-repeat;
	background-position:left;
}

a.mndest:hover{
	color:#84B524;
	font-size:13px;
	font-weight:bold;
	font-family:tahoma;
	padding-left:20px;
	background-image:url(i/arrow_blue.gif);
	background-repeat:no-repeat;
	background-position:left;
}



.pil{
	border:1px solid #cccccc;
	height:20px;
	background-color:#99CC33;
}


.topmenu{
	color:#FF0000;
	font-weight:bold;
}

.topmenu:hover{
	color:#FF7E00;
	font-weight:bold;
}

.btn{
	border:1px solid #cccccc;
	width:64px;
	font-family:tahoma;
	border-style:none;
}

.subpath{
	font-size:22px;
	font-family:"Courier New", Courier, mono;
	font-weight:bold;
	text-decoration:none;
}

.boxhotel{
	border:1px solid #cccccc;
	padding:4px;
	background-color:#CCFFFF;
	position:relative;
	height:100%;
	margin:0px;
}

.jdlhotel{
	color:#84B524;
	font-size:11px;
	font-family:verdana;
	text-decoration:none;
	font-weight:bold;
}

.jdlhotel:hover{
	color:#2A8509;
	font-size:11px;
	font-family:verdana;
	text-decoration:none;
	font-weight:bold;
}

.jdlpkt{
	color:#B5244B;
	font-size:11px;
	font-family:helvetica;
	text-decoration:none;
}
.jdlpkt:hover{
	color:#84B524;
	font-size:11px;
	font-family:helvetica;
	text-decoration:none;
}

.small1{
	color:#0099FF;
}

.entri{
	border:1px solid #84B524;
	font-family:tahoma;
	font-size:12px;
}

.deskripsi{
	font-size:11px;
	font-family:tahoma;
	margin-top:10px;
}

td.intro{
	height:25px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	font-size:14px;
	padding:2px 0px 2px 0px;
}

.intro-des{
	padding:2px;
	color:#666666;
	font-family:tahoma;
	font-size:11px;
}

.bg_destinasi{
	background-color:#F1F3F5;
	padding:2px;
}

.boxblue{
	background-color:#2BCAD2;
	padding:3px;
	font-weight:bold;
	color:#ffffff;
	height:25px;
}

.boxpink1{
	background-color:#FCEAC0;
	padding:3px 0px 3px 5px;
	font-weight:bold;
	color:#704D08;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	height:22px;
}

.hdrpkt{
	height:22px;
	color:#0066CC;
	border-bottom:1px solid #FF9900;
}

.rblue{
	background-color:#B3E6F9;
	border-top:1px solid #6EBFEE;
	border-bottom:1px solid #6EBFEE;
	height:22px;
	color:#FFFFFF;
}


.rwhite{
	background-color:#ffff;
	height:22px;
	color:#0066CC;
}

a.pck{
	color:#0C6B8E;
	font-family:arial;
	font-size:12px;
}


a.pck2{
	color:#FF3300;
	font-family:tahoma;
	font-size:11px;
}


table.info{
	padding:2px;
	background-color:#FFFFFF;
	border:1px solid #E7E1CD;
}
th.info{
	padding:2px 0px 2px 0px;
	font-family:tahoma;
	background-color:#C6D35B;
	color:#996600;
	height:22px;
	text-align:center;
}

td.info{
	background-color:#E7E1CD;
	color:#333333;
	padding:4px;
	font-size:13px;
	font-family:arial;
}


table.info-2{
	padding:0px;
	background-color:#FFFFFF;
	border:1px solid #E7E1CD;
}
th.info-2{
	padding:1px 0px 1px 0px;
	font-family:tahoma;
	background-color:#33CCFF;
	color:#ffffff;
	height:20px;
	text-align:center;
}

td.info-2{
	background-color:#E7E1CD;
	color:#333333;
	padding:4px;
	font-size:11px;
	font-family:arial;
	
}



table.info-dest{
	padding:0px;
	background-color:#FFFFFF;
	
}
th.info-dest{
	padding:3px 0px 3px 4px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#D73563;
	color:#ffffff;
	font-size:18px;
	text-align:left;
}

td.info-dest{
	background-color:#E7E1CD;
	color:#333333;
	padding:4px 4px 10px 4px;
	font-size:11px;
	font-family:tahoma;
}

th.info-subdest{
	padding:3px 0px 3px 4px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#A1D735;
	color:#ffffff;
	font-size:14px;
	text-align:left;
}
td.info-subdest{
	background-color:#C9E789;
	color:#333333;
	padding:4px 4px 10px 4px;
	font-size:11px;
	font-family:tahoma;
}
.t {background: url(i/dot2.gif) 0 0 repeat-x; width: 100%}
.b {background: url(i/dot2.gif) 0 100% repeat-x}
.l {background: url(i/dot2.gif) 0 0 repeat-y}
.r {background: url(i/dot2.gif) 100% 0 repeat-y}
.bl {background: url(i/bl2.gif) 0 100% no-repeat}
.br {background: url(i/br2.gif) 100% 100% no-repeat}
.tl {background: url(i/tl2.gif) 0 0 no-repeat}
.tr {background: url(i/tr2.gif) 100% 0 no-repeat; padding:10px} 

#items{
	margin:0px 0px;
	padding:0px;
	list-style:none;
	position: relative;
	letter-spacing:0em;
}
#items li{
	float:left;
	list-style:none;
	margin-right:2px;
}
.thumb{
	border:2px solid #cccccc;
	width:80px;
	height:60px;
	cursor:pointer;
	margin:2px;
	padding:2px;
}

.thumb2{
	border:1px solid #999999;
	width:100px;
	height:100px;
	cursor:pointer;
	margin:2px;
	padding:4px;
}
.boxthumb{
	border:1px solid #cccccc;
	width:100px;
	height:100px;
	cursor:pointer;
	margin:2px;
	padding:4px;
}
.boxthumb:hover{
	width:100px;
	height:100px;
	border:1px solid #999999;
}
.box_intro_dest{
	border-bottom:1px solid #DEB8A3;
	width:400px;
	height:100px;
	cursor:pointer;
	margin:2px;
	padding:10px;
	background-color:#FCF2DB;
}


.rcoklat{
	background-color:#CCCC66;
	color:#333333;
	padding:2px 0px 2px 4px;
}

.rblue2{
	background-color:#A4E1FF;
	color:#333333;
	padding:2px 0px 2px 4px;
}

.rborange{
	background-color:#ffffcc;
	color:#333333;
	padding:2px 0px 2px 4px;
	height:22px;
}

.jdlpck{
	text-align:center;
	color:#3366FF;
	font-size:14px;
	font-family:tahoma;
}

#leftblue{
	height:auto;
	background-color:#FBF3C8;
	padding:2px;
}

.jdldest{
	padding-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0066FF;
}

.jdldest:hover{
	padding-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF3300;
}

.lgray{
	
	color:#333333;
	text-decoration:none;
}
.lgray:hover{
	color:#0066FF;
	text-decoration:none;
}

#loading_img{
	margin-top:-5px;
	margin-left:170px;
	position:absolute;
}
.tampil{
	display:block;
}
.sembunyi{
	display:none;
}

.input{
	border:1px solid #99CC00;
	font-family:tahoma;
	font-size:11px;
}
.merah{
	color:#ff0000;
}

#photoholder {
  background:#fff url('i/loading.gif') 50% 50% no-repeat;
}
#thephoto {
  height:220px;
}

#bgkompas {
  width:100%;
  height:100%;
}

a.ft{
	color:#666666;
	font-family:tahoma;
	font-size:9px;
}