/* 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 32px Georgia, Tahoma, Helvetica, Arial, sans-serif;	

	color: #000;

	display:block;

}

h4 {

	margin: 0px;

	padding: 0px 0px 0px 0px;

	font: normal 28px Tahoma, Helvetica, Arial, sans-serif;		

	color: #34AFB7;

	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 32px Georgia, Tahoma, Helvetica, Arial, sans-serif;

	color: #000;

	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:#fff;

	padding:6px;

	border:1px solid #e54728;

	background:#e54728;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

}

.inputxx {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#fff;

	border:1px solid #e54728;

	background:#e54728;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

	padding:5px;

	margin:4px 0px;

}

.inputbook{

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color:#000;

	background:#73571E;

	padding:4px;

	border:1px solid #CCCCCC;

	background:#FFF;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

}

.inputsub {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	border:3px solid #000;

	color:#FFF;

	font-weight:bold;

	padding:3px 7px;

	background:#000;

	margin:0px 4px;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

}

.inputcon {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	border:3px solid #66665c;

	color:#FFF;

	font-weight:bold;

	padding:3px 7px;

	background:#66665c;

	margin:0px 4px;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

}

.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:88px;

	padding:4px;

	height:88px;

}

.gbrpaket {

	width:88px;

	padding:4px;

	height:88px;

	margin-right:3px;

}

.gbrpaketdetail {

	width:140px;

	padding:7px;

	margin-right:7px;

	border:1px solid #BBB;

}

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



/* -------------------CSS body---------------------- */

.welcome {

	margin: 0px;

	padding: 8px 0px 8px 0px;

	font: normal 32px Georgia, Tahoma, Helvetica, Arial, sans-serif;	

	color: #000;

	display:block;

}

.judul {

	margin: 0px;

	padding: 8px 0px 8px 0px;

	font: normal 32px Georgia, Tahoma, Helvetica, Arial, sans-serif;		

	color: #000;

	display:block;

}

.recomen {

	margin: 0px;

	padding: 8px 0px 8px 0px;

	font: normal 32px Georgia, Tahoma, Helvetica, Arial, sans-serif;		

	color: #000;

	display:block;

}

#wrapper{

	width:868px;

	background:#FFFFFF;

	min-height:300px;

	overflow:hidden;

	text-align:center;

	padding:0px 14px 14px 14px;

	margin:0px auto;

}

#bodi{

	width:868px;

	position:relative;

	text-align:center;

	margin:0px auto;

}

#container{

	width:868px;

	text-align:center;margin:0px auto;

}

#container-right{

	float:right;

	width:605px;

	margin: 0px;

	padding:2px 0px 0 5px;

	text-align:left;

	font-size:11px;

}

#container-left{

	float:left;

	width:250px;

	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: 3px;

	 margin-right:5px;

	 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: 240px;

	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:27px 4px 17px 58px;

	vertical-align:bottom;

	display:block;

	margin-top:50px;

	float:right;

	width:375px;

	background:url(search.jpg);

	

}

/* 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 34px Georgia, Tahoma, Helvetica, Arial, sans-serif;		

	color: #e82600;

	display:block;

	text-align:center;

}

.support {

	margin: 0px;

	padding: 8px 0px 8px 0px;

	font: normal 32px Georgia, Tahoma, Helvetica, Arial, sans-serif;		

	color: #e82600;

	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:868px;

	text-align:center;margin:0px auto;

}

#header{

	width:868px;

	height:140px;

	text-align:center;margin:0px auto;

	overflow:hidden;

}

#header-right{

	float:right;

	width:460px;

	margin: 0px;

	padding:0px 0 0 0;

	text-align:left;

}

#header-left{

	float:left;

	width:335px;

	height:42px;

	padding-top:16px;

}

#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:868px;

	height:34px;

	text-align:center;

	background:#b81e00;

}

#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:868px;

	height:280px;

	padding:1px 0px 6px 0;

	text-align:center;

	margin:0px auto;

}

/* --------------------End Header------------------- */



.tgl {

margin:0px;

padding:0px;

color:#34AFB7;

}

.clear {

clear:both;

width:868px;

}

.clear1 {

clear:both;

width:100%;

}

/* --------------------Footer------------------- */

#footercon{

	width:100%;

	background:#EBEBEB;

}

#footeratas{

	width:868px;

	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:#7d1400;

}

#footer{

	padding-top:10px;

	width:820px;

	height:52px;

	margin:0 auto;

	color:#d04a30;

	background:url(footer.jpg);

	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: #d04a30;

}

#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;

}

#contact

{

padding:1px;

}

td.con

{

background:#F0F0F0;

font-size:11px;

}

td.consubmit

{

background:#ECECEC;

font-size:11px;

}

#harga

{

padding:1px;

}

tr.warna1 td

{

background:#E1E1E1;

font-size:11px;


padding:4px;

color:#464646;

}

tr.warna2 td

{

background:#ECECEC;

font-size:11px;

padding:4px;

color:#464646;

}

tr.warna3 td

{

background:#F0F0F0;

font-size:11px;

padding:4px;

color:#464646;

}

tr.warna4 td

{

background:#F5F5F5;

font-size:11px;

padding:4px;

color:#464646;

}

td.warna1

{

background:#E1E1E1;

font-size:11px;

padding:4px;

color:#ECECEC;

}

td.warna2

{

background:#ECECEC;

font-size:11px;

padding:4px;

color:#464646;

}

td.warna3

{

background:#F0F0F0;

font-size:11px;

padding:4px;

color:#464646;

}

td.warna4

{

background:#F5F5F5;

font-size:11px;

padding:4px;

color:#464646;

}

a.atas{

	font-family: Tahoma,Arial, Helvetica, sans-serif;

	text-decoration: none;

	color:#fff;

	display:block;

	margin:2px;

	font-size:11px;

}

a.atas:hover {

	font-family: Tahoma,Arial, Helvetica, sans-serif;

	text-decoration:none;

	color:#E66F4D;

	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:#008198;

}

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:#515151;

	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:#515151;

	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------------------- */