@charset "utf-8";
/* CSS Document */

body{
	background-color: #3a080a;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
}
#main-wrapper{
	margin:0 auto;
	overflow:hidden;
	padding-top:5px;
	width:840px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3c3c3c;
}
#content-wrapper{
	margin:0 auto;
	overflow:hidden;
	width:840px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3c3c3c;
	background-color: #FFFFFF;
	background-repeat: repeat-y;

}
#header1{
	background-image: url(../images/header1.jpg);
	float:left;
	width:132px;
	height:119px;
}
#header-PNG2{
	background-image: url(../images/header-PNG3.png);
	background-repeat: repeat;	
	width:170px;
	height:45px;
	float:left;
	behavior: url(../css/transparent-png.htc)
}
#header2{
	background-image: url(../images/header2.jpg);
	background-repeat: no-repeat;
	width:708px;
	height:74px;
	float:left;
}

.logo{
	float:left;
	width:73px;
	height:80px;
	margin:16px 0 0 55px;
}
#header-nav{
	float:left;
	background-image: url(../images/header-nav1.jpg);
	width:840px;
	height:29px;
	background-repeat: no-repeat;
	
}
/*#nav{
	float:right;
	margin:115px 30px 0 0;

}*/
#header-nav ul{
	margin-top:6px;
	padding-right:19px;
	float:right;
	list-style-type: none;	
	font-size: 11px;
}
#header-nav ul li{
	float:left;
	padding:0 21px 0 21px;
	background-image: url(../images/nav-bddr.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height:19px;

}
#header-nav ul li a{
	color: #898989;
	/*position: absolute;*/
}
#header-nav ul li a:hover{
	color: #860000;
	/*font-weight: bold;*/

}
#bnnr-area{
	float:left;
	padding-left:19px;
	background-color: #FFFFFF;
	width:821px;
}
#bnnr-about{
	background-image: url(../about/images/bnnr-about.jpg);
	background-repeat: no-repeat;
	width:802px;
	height:158px;
	background-position: top;
}
#bnnr-tour{
	background-image: url(../tour/images/bnnr-tour.jpg);
	background-repeat: no-repeat;
	width:802px;
	height:158px;
	background-position: top;
}
#bnnr-hotel{
	background-image: url(../hotel/images/bnnr-hotel.jpg);
	background-repeat: no-repeat;
	width:802px;
	height:158px;
	background-position: top;
}
#bnnr-transport{
	background-image: url(../transport/images/bnnr-transport.jpg);
	background-repeat: no-repeat;
	width:802px;
	height:158px;
	background-position: top;
}
#bnnr-contact{
	background-image: url(../contact/images/bnnr-contact.jpg);
	background-repeat: no-repeat;
	width:802px;
	height:158px;
	background-position: top;
}
#subnav{
	float:left;
	height:auto;
	margin-bottom:15px;
	padding:0;
}
#subnav ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:0;
	margin:0;
}
#subnav ul li{
	float:left;
	width:180px;
	padding-left:10px;
	background-image: url(../images/doth.jpg);
	background-repeat: repeat-x;
	line-height:21px;
	list-style-position: inside;
	list-style-image: url(../images/subnav-arow.jpg);
}
#subnav ul li a{
	color: #375b75;
	text-decoration: none;	
}
#subnav ul li a:hover{
	color: #860000;
}


#left-box{
	float:left;
	border: 1px solid #e5e5e5;
	width:188px;
	height:auto;
	background-image: url(../images/doth-double.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding:0 0 8px 0;
	margin-bottom:20px;
}
#left-box2{
	float:left;
	border: 1px solid #e5e5e5;
	width:188px;
	height:auto;
	background-image: url(../images/doth-double.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding:0 0 8px 0;
}


#left-box ul{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:15px 0 0 0;
	padding:0;
}
#left-box ul li{
	width:100px;
	padding:0 0 0 10px;
	background-image: url(../images/doth.jpg);
	background-repeat: repeat-x;
	list-style-type: none;
	line-height:30px;
	list-style-position: inside;
	list-style-image: url(../images/arrw-PNG.jpg);
	overflow: hidden;

}
#left-box ul li a{
	color: #375b75;
	
}
#left-box ul li a:hover{
	color: #860000;
}
#ttl-travel{
	float:left;
	background-image: url(../images/ttl-travel-guide.jpg);
	background-repeat: no-repeat;
	width:117px;
	height:12px;
	margin:15px 0 0 0;
}
#ttl-discoveries{
	float:left;
	background-image: url(../images/ttl-my-discoveries.jpg);
	background-repeat: no-repeat;
	width:128px;
	height:12px;
	margin:15px 0 0 0;
}
#ttl-bookings{
	float:left;
	background-image: url(../images/ttl-bookings.jpg);
	background-repeat: no-repeat;
	width:162px;
	height:42px;
	margin:15px 0 0 0;
}

.spacer{
	float:left;
	margin-top:10px;
}
#kiri{
	float:left;
	width:206px;
	padding-left:19px;
}
.img-thum{
	float:left;
	margin:14px 0 11px 0;
	background-image: url(../images/img-thum.jpg);
	background-repeat: no-repeat;	
	width:49px;
	height:49px;
}
#kanan{
	float:right;
	background-image: url(../about/images/bg-cctn.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height:auto;
	width:596px;
	margin-right:19px;
}
#kanan-tour{
	float:right;
	height:auto;
	width:596px;
	margin-right:19px;
}
.text{
	float:left;
	width:550px;
	margin:15px 0 0 24px;
	padding-bottom:20px;
	background-image: url(../about/images/doth-double.jpg);
	background-repeat: repeat-x;
	background-position: bottom ;
	line-height:1.5;
}
.text ul{
	line-height: 24px;	
}
.text ul li{
	padding-left:20px;
	background-image: url(../about/images/btnn.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	
}
.text a{
	color: #899A21;	
}
.text a:hover{
	color: #3c3c3c;
}

.page-name{
	float:left;
	margin:25px	0 20px	24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #494949;
	font-weight:bold;
}


.key-word{
	float:left;
	margin-top:14px;
	padding-left:10px;
	padding-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #375b75;
	width:90px;
	height:50px;
	background-image: url(../images/key-word-thum.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
}
.key-word a{
	font-size: 12px;
	color: #375b75;
}
.key-word a:hover{
	color: #860000;
}


.read-more{
	float:left;
	margin-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:90px;
	height:28px;
	background-image: url(../images/key-word-thum.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.read-more a{
	font-size: 10px;
	color: #375b75;
}
.read-more a:hover{
	color: #860000;
}
.key-note{
	float:left;
	margin:0px  0 1px 19px;
	width:160px;
	overflow: hidden;

}

.key-note a{
	color: #6b6b6b;
	text-decoration: underline;	
}
.key-note a:hover{
	color: #860000;
	text-decoration: underline;	
}




/*#footer{  old virsion
	margin-top:20px;
	float:left;
	background-color: #bababa;
	width:837px;
	height:95px;
	border: 1px solid #cbcbcb;
}*/

#footer{
	float:left;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	width:840px;
	height:97px;
	margin-top:20px;
}

.footer-link{
	float:right;
	margin:8px 20px 0 0;
}
.footer-link a{
	text-decoration: none;
}
.footer-link2{
	float:right;
	margin:4px 15px 0 0;
}
#copyright{
	margin-top:10px;
	font-size:9px;
	color: #8c8c8c;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#copyright a{
	color:#8c8c8c;
	text-decoration: none;
}

#thum{
	float:left;
	margin-left:12px;
}
#thum-cur{
	margin-top:18px;
	background-image: url(../images/currency-thum2.jpg);
	background-repeat: no-repeat;
	width:23px;
	height:23px;
}
#thum-wea{
	margin-top:5px;
	background-image: url(../images/weather-thum2.jpg);
	background-repeat: no-repeat;
	width:29px;
	height:28px;
}
#thum-wor{
	margin-top:7px;
	background-image: url(../images/w-time-thum2.jpg);
	background-repeat: no-repeat;
	width:24px;
	height:24px;
}
/*for navigation
.style{
	color:#460000;
	text-decoration: underline;
}
.style1{
	color:#460000;
	text-decoration: none;
}*/

.hight-light2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #460000;	
}
.hight-light3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3c3c3c;	
}
.back{
	float:left;
	padding-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/back.jpg);
	width:16px;
	height:29px;
	background-repeat: no-repeat;
}
.back-top{
	float:left;
	padding-left:20px;
	margin:25px	0 0 525px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/back.png);
	width:16px;
	height:29px;
	background-repeat: no-repeat;
	behavior: url(../css/transparent-png.htc);
	
}
.back-top a{
	color: #899A21;
}
.back-top a:hover{
	color:#3C3C3C;
}