/* CSS Document */
* {margin:0px; padding:0px;}
body {
	background:#fff url(body-bg.jpg) repeat-x top;
	margin:0px 0px 0px 0px;
	text-align:center;
	font-size:11px;
	color:#515151;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.box { position: relative;

border:1px solid #dcdcd2; 
background: #fff;

margin: 40px auto; width: 650px; 

padding: 10px; text-align: justify;
-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	}		

h1 {
	font-family: Tahoma, Arial 'Times New Roman', Times, serif;
	color:#939393;
	padding:0px;
	font-weight:bold;
	font-size: 11px;
	margin:0 0 0 0;
}
h2 {
	margin: 0px;
	padding: 8px 0px 0px 0px;
	font: normal 28px Tahoma, Helvetica, Arial, sans-serif;	
	color: #464646;
	display:block;
}
h4 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font: normal 28px Tahoma, Helvetica, Arial, sans-serif;		
	color: #464646;
	display:block;
}
h5 {
	margin: 0px;
	padding: 8px 0px 0px 0px;
	font: normal 20px Georgia, Tahoma, Helvetica, Arial, sans-serif;		
	color: #9A9A9A;
	display:block;
}
h3 {
	margin: 0px;
	padding: 8px 0px 0px 0px;
	font: normal 28px Tahoma, Helvetica, Arial, sans-serif;
	color: #464646;
	display:block;
}

h6 {
	margin: 0px;
	padding:0px;
	font: normal 16px Georgia, Tahoma, Helvetica, Arial, sans-serif;		
	color: #c01f00;
	display:block;
	font-weight:bold;
}
/* -------------------Form---------------------- */
.xinput {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#515151;
	padding:4px;
	border:1px solid #B5B5B5;
}
.inputxx {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#4A3F40;
	background:#FFFFFF;border:1px solid #B5B5B5;
	padding:3px;
}
.inputbook{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	background:#73571E;
	padding:4px;
	border:1px solid #CCCCCC;
	background:#FFF;
}
.inputsub {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:3px solid #97C019;
	color:#FFFFFF;
	background:#97C019;
	margin:0 0 0 6px;
	padding:1px 4px;
}
.inputcon {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:2px solid #f75100;
	color:#FFF;
	font-weight:bold;
	padding:3px 7px;
	background:#f75100;
	margin:0px 4px;
}
.select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#464646;
	text-align:center;
	border:1px solid #C9C9C9;

}
.gbr2 {
	border:1px solid #BBB;
	margin: 2px 5px 2px 0;
	padding:4px;
	width:280px;
}
.gbrdpn {
	width:80px;
	padding:7px;
	height:80px;	
	background:#CECECE;

}
.gbrpaket {
	width:88px;
	padding:4px;
	height:88px;
	margin-right:7px;	background:#E0E0E0;

}
.gbrpaketdetail {
	width:140px;
	padding:7px;
	margin-right:7px;
	margin-bottom:7px;
	background:#D9D9D9;
	border:1px solid #b0b0b0;

}
/* -------------------End Form---------------------- */

/* -------------------CSS body---------------------- */
.welcome {
	margin: 0px;
	padding: 8px 0px 8px 0px;
	font: normal 28px Tahoma, Helvetica, Arial, sans-serif;	
	color: #464646;
	display:block;
}
.judul {
	margin: 0px;
	padding: 8px 0px 8px 0px;
	font: normal 28px Tahoma, Helvetica, Arial, sans-serif;		
	color: #464646;
	display:block;
}
.recomen {
	margin: 0px;
	padding: 8px 0px 8px 0px;
	font: normal 28px Tahoma, Helvetica, Arial, sans-serif;		
	color: #7c9b02;
	display:block;
}
#wrapper{
	width:800px;
	background:#FFFFFF;
	min-height:300px;
	overflow:hidden;
	text-align:center;
	padding:0px 14px 14px 14px;
	margin:0px auto;
}
#bodi{
	width:800px;
	position:relative;
	text-align:center;
	margin:0px auto;
}
#container{
	width:800px;
	text-align:center;margin:0px auto;
}
#container-right{
	float:left;
	width:565px;
	margin: 0px;
	padding:2px 0px 0 5px;
	text-align:left;
	font-size:11px;
}
#container-left{
	float:right;
	width:210px;
	padding-top:0px;
	padding-left:0px;
}
#deskrip {
	width:100%;
	margin: 9px 0px;
	text-align:left;
}
#produkdepan {
	width:585px;
	height:auto;
	padding:0px;
}
#produkdepan #kotak{
	 float:left; 
	 margin-bottom: 2px;
	 margin-right:2px;
	 width:274px;
	 padding: 5px;
	 position:relative;
	 border:1px dotted #BBBBBB;
	 height:auto;
}
#produkdepan #kotak #kiri{
	float:left;
	width:100px;
	height:auto;
	padding:0px;
	margin:0px;
	text-align:left;
}
#produkdepan #kotak #kanan{
	float:right;
	width:173px;
	height:auto;
	padding:0px;
	margin:0px;
	text-align:left;
}
#kotaktopic {
	height:95px; 
	border:1px dotted #BBBBBB; 
	padding:6px; 
	margin-bottom:5px;
}
#kotaktopicnopic {
	border:1px dotted #BBBBBB; 
	padding:6px; 
	margin-bottom:5px;
}
/* ----------------End body ------------------------*/

/* -----------------Sidebar -----------------------*/
#sidebar {
	float: left;
	width: 210px;
	text-align:left;
	padding: 0 0 0 0px; margin: 0px 0 0 0px;		
	display: inline;
	font-size:11px;
}	
#sidebar h3 {
	margin-top: 10px;
	padding: 15px 5px 10px 5px; 
	font: normal 18px Tahoma, Helvetica, Arial, sans-serif;	
	background: url(images/back-side.gif) no-repeat center top; border-bottom:2px solid #1A1A1A;	
	color: #C68700;
}
#sidebar ul {
	text-align: left;
	margin: 0px 5px 8px 0px; padding: 0;				
}
#sidebar ul li {
	list-style: none;
	padding: 8px 10px;
	margin: 0;		
	border-bottom: 1px solid #111;
}
* html body #sidebar ul li {
	height: 1%;
	list-style-type:none;
}
#sidebar ul li a {
	text-decoration: none;	
	border: none;
	color: #5d5d5d; 	
	background:  url('images/bullet.gif') no-repeat bottom left; 
	font-weight: bold;		
	font-family: Tahoma, Helvetica, Arial, Sans-serif;
	font-size: 11px;	
	padding-left:25px;
	list-style-type:none;
}
#sidebar ul li a span {
	color: #444;	
	font-family: Tahoma, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;	
	font-size: 11px;
}
#sidebar ul li a:hover,
#sidebar ul li a:hover span {	
	color: #fff;	
}
#sidebar ul ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul ul li { border: none; }

#searchform {
	padding:45px 4px 17px 28px;
	vertical-align:bottom;
	display:block;
	margin-top:16px;
	float:right;
	width:385px;
	background:url(srch_bg.jpg) no-repeat;
	
}
/* ONLINE SUPPORT  */
#support {
	width:100%;
	padding:0;
	margin:0;
	height:auto;
}
#support #kiri {
	float:left;
	text-align:center;
	width:50%;
	padding:0;
	height:23px;
	margin:0;
}
#support #kanan {
	float:right;
	text-align:left;
	width:50%;
	padding:0;
	height:23px;
	margin:0;
}
#news {
	padding:3px 20px;
}
.search {
	margin: 0px;
	padding: 0px 0px 6px 0px;
	font: normal 18px Tahoma, Helvetica, Arial, sans-serif;		
	color: #C9A14F;
	font-weight:bold;
	display:block;
}
.packagetourhead {
	margin: 0px;
	padding: 8px 0px 8px 0px;
	font: normal 28px Tahoma, Helvetica, Arial, sans-serif;		
	color: #494949;
	display:block;
	text-align:center;
}
.support {
	margin: 0px;
	padding: 8px 0px 8px 0px;
	font: normal 28px Tahoma, Helvetica, Arial, sans-serif;		
	color: #494949;
	display:block;
	text-align:center;
	letter-spacing:-0.5px;
}
.newshead {
	margin: 0px;
	padding: 8px 0px 8px 16px;
	font: normal 32px Georgia, Tahoma, Helvetica, Arial, sans-serif;		
	color: #e82600;
	display:block;
	text-align:left;
	letter-spacing:-0.5px;
}
/* ---------------End Sidebar------------------- */

/* -----------------Header---------------------- */
#boxcari{
	width:228px;
	background:#BDBDBD url(images/index_18.jpg) no-repeat;
	padding:50px 0px 20px 0px;
	text-align:center;
	margin: 0 0 0 0;
	border-style:none;
	vertical-align:middle;
}
#boxcari-kiri {
	width:150px;
	float:left;
}
#boxcari-kanan {
	float:right;
	width:80px;
}
#headera{
	width:800px;
	text-align:center;margin:0px auto;
}
#header{
	width:800px;
	height:130px;
	text-align:center;margin:0px auto;
	overflow:hidden;
}
#header-right{
	float:right;
	width:420px;
	margin: 0px;
	padding:0px 0 0 0;
	text-align:left;
}
#header-left{
	float:left;
	width:305px;
	height:42px;
	padding-top:10px;
}
#head{
	width:100%;
	font-size:11px;
	color:#939393;
	height:20px;
	padding-top:2px;
}
#head-kiri{
	width:400px;
	height:10px;
	text-align:left;
	font-size:11px;
	color:#939393;
	padding-top:6px;
	float:left;
}
#head-kanan{
	width:400px;
	height:10px;
	text-align:right;
	font-size:11px;
	color:#939393;
	float:right;
	padding-top:0px;
}
#menu{
	width:800px;
	height:34px;
	text-align:center;
}
#menu li{
	width: auto;
	float: left;
	list-style: none;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#fff;
	display:block;
	margin:2px 23px;
	padding:5px;
	font-weight:bold;
	font-size:11px;
	}
#banner{
	width:800px;
	height:308px;
	padding:5px 0px;
	border-top:1px solid #ABABAB;
	border-bottom:1px solid #ABABAB;
	text-align:center;
	margin:0px auto;
}
/* --------------------End Header------------------- */

.tgl {
margin:0px;
padding:0px;
color:#6ea510;
}
.clear {
clear:both;
width:868px;
}
.clear1 {
clear:both;
width:100%;
}
/* --------------------Footer------------------- */
#footercon{
	width:100%;
	background:#EBEBEB;
}
#footeratasea{
width:100%;
background:#ebebeb;
}
#footera{
	padding-top:10px;
	width:820px;
	height:172px;
	margin:0 auto;
	color:#434343;
	background: url(pohon.jpg) right no-repeat;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
}
#footeratas{
	width:800px;
	height:173px;
	margin:0px auto;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top:10px;
	text-align:left;
}
#footeratase{
width:100%;
background:#c6c6c6;
}
#footer{
	padding-top:10px;
	width:820px;
	height:52px;
	margin:0 auto;
	color:#434343;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:right;
}
#footer a{
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #434343;
}
#footer a:hover{
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E56E4C;
}
#footer-left{
	float:left;
	text-align:center;
	width:200px;
	padding:0px 8px 20px 0px;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#878A5B;
	font-size: 11px;
	font-weight:bold;
}
#footer-right{
	float:right;
	width:560px;
	padding:0px 8px 20px 0px;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#d04a30;
	font-size: 11px;
}
/* --------------------End Footer------------------- */

/* --------------------tabel and link------------------- */
table #harga{
	padding:0px;
	margin:4px 0px;
	color:#FFFFFF;
	background:#ababab;
}
#contact
{
padding:1px;
}
td.con
{
background:#fbfbfb;
font-size:11px;
}
td.consubmit
{
background:#dde2e5;
font-size:11px;
}
#harga
{
padding:1px;
}
tr.warna1 td
{
background:#cccccc;
font-size:11px;
padding:4px;
color:#464646;
}
tr.warna2 td
{
background:#dddddd;
font-size:11px;
padding:4px;
color:#464646;
}
tr.warna3 td
{
background:#fcfcfc;
font-size:11px;
padding:4px;
color:#464646;
}
tr.warna4 td
{
background:#f9f9f9;
font-size:11px;
padding:4px;
color:#464646;
}
td.warna1
{
background:#cccccc;
font-size:11px;
padding:4px;
color:#464646;
}
td.warna2
{
background:#dddddd;
font-size:11px;
padding:4px;
color:#464646;
}
td.warna3
{
background:#fcfcfc;
font-size:11px;
padding:4px;
color:#464646;
}
td.warna4
{
background:#f9f9f9;
font-size:11px;
padding:4px;
color:#464646;
}
a.atas{
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#5D5D5D;
	font-weight:bold;
	font-size:11px;
	padding:0px 10px;
}
a.atas:hover {
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#84AE03;
	text-decoration:underline;
	font-size:11px;
}
a.samping {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#858585;
	font-size:11px;
	margin-right:20px;
	margin-left:20px;
	display:block;	
	padding:6px 6px 6px 6px;
	border-bottom:1px dotted #858585;
}
a.samping:hover {
	/* background-color: #D9CEAF; */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#E56E4C;
	font-size:11px;
}
a{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#008198;
}
a:hover{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#535353;
}
a.booknow{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#ff6600;
}
a.booknow:hover{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#FF8B1A;
}
a.paket{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#0092de;
}
a.paket:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#515151;
}
a.allnews{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#7A6B1E;
	display:block;
	width:auto;
	text-align:right;
	padding:0px 20px;
}
a.allnews:hover{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:93BD00;
}
a.moredetail{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#fc7d00;
	font-weight:bold;
}
a.moredetail:hover{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#008198;
	font-weight:bold;	
}
a.book{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#505050;
	font-weight:bold;
}
a.book:hover{
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color:#008198;
	font-weight:bold;	
}

/* --------------------End Table dan link------------------- */