@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;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;	
	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;
	height:auto;
}
#bnnr{
	background-image: url(../images/bnnr.jpg);
	background-repeat: no-repeat;
	width:802px;
	height:199px;
	background-position: top;
}

#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:30px;
}
#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-event_celebrations{
	float:left;
	background-image: url(../images/ttl-event&celebrations.jpg);
	background-repeat: no-repeat;
	width:250px;
	height:29px;
}
#ttl-tour{
	float:left;
	background-image: url(../images/ttl-tour.jpg);
	background-repeat: no-repeat;
	width:89px;
	height:29px;
}
.spacer{
	float:left;
	margin-top:10px;
}
#kiri{
	float:left;
	width:206px;
}
#kanan{
	float:left;
	width:200px;
	padding-left:19px;
}
#tengah{
	float:left;
	width:357px;
	margin-left:20px;
}

.img-thum{
	float:left;
	margin:14px 0 11px 0;
	background-image: url(../images/img-thum.jpg);
	background-repeat: no-repeat;	
	width:49px;
	height:49px;
}
.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;
}

#center-box{
	height:auto;
	float:left;
	width:345px;
	background-image: url(../images/doth-double.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top:10px;
	padding-bottom:10px;

}
#center-box img{
	float:left;
	border: 3px solid #cfcfcf;
	margin: 0 10px 0 0;
}
#center-box img:hover{
	float:left;
	border: 3px solid #b1b1b1;
	margin:0 10px 0 0;
}

#center-box p{
float:left;
	width:345px;
	height:auto;
	margin:15px 5px 0 0;
	
}

#right-box{
	float:left;
	height:auto;
	width:198px;

	margin-top:10px;
	border: 1px solid #e4e4e4;
}
#right-box-text{
	color: #899a21;
	height:auto;
	padding:15px 15px 0 15px;
	line-height: 15px;	
	width:168px;
}
#right-box-text a{ 
	color: #899a21;
}

/*#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;
}
#copyright a:hover{
	color:#656565;
	text-decoration: none;
}
.hight-light{
	color:#fffc00;
}
#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;
}
.hight-light2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #460000;	
}
.hight-light3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #3c3c3c;	
}