body  {
	margin : 0;
	padding : 0;
	background : #fff url(images/bg.jpg) repeat-x top;
	font-family : verdana;
	font-size : 12px;
	color : #666666;
	cursor : default;
}

#logo {
	width : 127px;
	height : 127px;
	background : transparent url(images/logo.gif) no-repeat left top;
	margin : 29px 74px 29px 74px;
}
	
/*****************************/
/*LAYOUT*/
/*****************************/
div, p, form, label, input, textarea, img, span {
	margin : 0;
	padding : 0;
	border : 0;
}

a:link, a:visited {
color : #9b988f;
text-decoration : none;
}

a:hover, a:active {
color : #6f775c;
text-decoration : none;
}

ul {
	margin : 0; 
	padding : 0; 
	list-style-type : none;
	font-size : 0;
	line-height : 0;
}

.spacer {
	clear : both; 
	font-size : 0; 
	line-height : 0;
}

/*****************************/
/*MAINPACKAGE*/
/*****************************/
#mainpackage {
	float : none;
	width : 645px;
	padding :0 15px 20px 15px;
	text-align :justify;
	line-height : 1.5em;
	font-size : 12px; 
	color : #9b988f;
}

#mainpackage table {
	border : 1px dashed #c0c0c0;
	margin-bottom : 5px;
}

#mainpackage table td h3 {
	padding : 0;
	font : bold 13px/11px Arial, Helvetica, sans-serif;
	margin :10px 0 3px 0;
}

#mainpackage table td ul {
	margin : 0;
	padding : 0;
}

#mainpackage table td ul li {
	background : url(images/arrow01.gif) 2px 8px no-repeat;
	padding : 4px 0 0 20px;
	font : normal 12px/18px Arial, Helvetica, sans-serif;
	color : #9b9481;
	background-color : inherit;
	text-decoration : none;
}

#mainpackage li {

	background : url(images/arrow01.gif) 0 9px no-repeat;
	padding : 6px 0 0 20px;
	font : normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color : inherit;
list-style:none;
}

#mainpackage table td img {
	font-size : 0;
	margin : 10px 10px 5px 10px ;
	border : 5px solid #6f775c;
}

#mainpackage table td a.rm {
	display : block;
	background : url(images/read-more-putih.gif) 0 0 no-repeat;
	margin : 0px 10px 10px 10px ;
	width : 60px;
	height : 15px;
}

#mainpackage table td a.rm:hover {
	background : url(images/read-more-hover-putih.gif) 0 0 no-repeat;
}

/*****************************/
/*MAIN*/
/*****************************/
#main {
	float : none;
	width : 645px;
	padding :0 15px 20px 15px;
	text-align :justify;
	line-height : 1.5em;
	font-size : 12px; 
	color : #9b988f;
}

#main table {
	margin-bottom : 5px;
}

#main table td h3 {
	padding : 0;
	font : bold 13px/11px Arial, Helvetica, sans-serif;
	margin :10px 0 3px 0;
}

#main table td ul {
	margin : 0;
	padding : 0;
}

#main table td ul li {
	background : url(images/arrow01.gif) 2px 8px no-repeat;
	padding : 4px 0 0 20px;
	font : normal 12px/18px Arial, Helvetica, sans-serif;
	color : #9b9481;
	background-color : inherit;
	text-decoration : none;
}


#main li {

	background : url(images/arrow01.gif) 0 9px no-repeat;
	padding : 6px 0 0 20px;
	font : normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color : inherit;
list-style:none;
}

#img {
	font-size : 0;
	margin : 10px 10px 5px 10px ;
	border : 5px solid #6f775c;
}

#main table td a.rm {
	display : block;
	background : url(images/read-more-putih.gif) 0 0 no-repeat;
	margin : 0px 10px 10px 10px ;
	width : 60px;
	height : 15px;
}

#main table td a.rm:hover {
	background : url(images/read-more-hover-putih.gif) 0 0 no-repeat;
}


#panah {
	margin : 0;
	width : 645px;
}

#panah ul li {
	margin : 0;
}

#panah ul li.arrow {
	display : block;
	background : url(images/arrow01.gif) 0 9px no-repeat;
	padding : 6px 0 0 20px;
	font : normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color : inherit;
}

#panah a:link, a:visited {
color : #9b988f;
text-decoration : none;
}

#panah a:hover , a:active{
color : #6f775c;
text-decoration : underline;
}

* h6 {margin-top:10px;}

#h_welcome {width:175px;height:37px;background-image: url(images/top-Welcome.gif);background-repeat:no-repeat;
}
#h_villa {width:175px;height:37px;background-image: url(images/top-OurVilla.gif);background-repeat:no-repeat;
}
#h_spa {width:175px;height:37px;background-image: url(images/top-OurSpa.gif);background-repeat:no-repeat;
}
#h_dining {width:175px;height:37px;background-image: url(images/top-PrivateDining.gif);background-repeat:no-repeat;
}
#h_reservation {width:175px;height:37px;background-image: url(images/top-Reservation.gif);background-repeat:no-repeat;
}
#h_link {width:175px;height:37px;background-image: url(images/top-Link.gif);background-repeat:no-repeat;
}
#h_gallery {width:175px;height:37px;background-image: url(images/top-Gallery.gif);background-repeat:no-repeat;
}
#h_special_jp {width:326px;height:37px;background-image: url(images/top-Special_jp.gif);background-repeat:no-repeat;
}
#h_special {width:175px;height:37px;background-image: url(images/top-Special.gif);background-repeat:no-repeat;
}
#h_contact {width:175px;height:37px;background-image: url(images/top-Contact.gif);background-repeat:no-repeat;
}
#h_location {width:175px;height:37px;background-image: url(images/top-OurLocation.gif);background-repeat:no-repeat;
}
#h_spamenu {width:175px;height:37px;background-image: url(images/top-SpaMenu.gif);background-repeat:no-repeat;
}
#h_thanks {width:175px;height:37px;background-image: url(images/top-Thanks.gif);background-repeat:no-repeat;
}
#h_hot {width:175px;height:37px;background-image: url(images/top-Hotdeal.gif);background-repeat:no-repeat;
}
#h_hot_jp {width:175px;height:37px;background-image: url(images/top-Hotdeal_jp.gif);background-repeat:no-repeat;
}
h6 {text-indent: -100em;}

/* IE5 Mac Hack \*/
h6 { overflow: hidden; }
/*/
h6 { text-indent: -100em; }
/* End Hack */

/*****************************/
/*FORM*/
/*****************************/

.form {
font-family:verdana;
font-size:12px;
color:#9b988f;
}
#get_in_touch{
display:			block;
float:				left;
width:				300px;
margin:				0;
padding:			0 0 0 17px;
}

#get_in_touch input, #get_in_touch textarea{
width:				290px;
}

#get_in_touch input.contact_button{
display:			block;
width:				94px;
font-size:			16px;
background: 		url('images/cek.gif') no-repeat right -20px;
border:				none;
font-style:			normal;
text-align:			left;
font-weight:		bold;
padding:			0;
margin:				6px 0 0 0;
cursor:				pointer;
}

#get_in_touch input.contact_button:hover{
background-position:center right;
color:				#5c6364;		
}

#get_in_touch small{
font-size:			11px;
font-weight:		normal;
font-style:			italic;
float:				right;
color:				#5c6364;
}

.errorlistwrap{
padding:			10px;
border:				#aa3f3f	2px dashed;
background:			#fcd3d3;
color:				#771f1f;
text-align:			left;
font-weight:		normal;	
}

.errorlistwrap strong, .errorlistwrap a{
color:				#771f1f;			
}

.intouchsuccess{
padding:			10px;
border:				#65aa3f	2px dashed;
background:			#d4f2c3;
color:				#389405;
text-align:			left;
font-weight:		normal;	
}

.intouchsuccess strong, .intouchsuccess a{
color:				#389405;			
}

/*******************/
/* FORM ELEMENT */
/*******************/

input,select,textarea{
font-size:			12px;
color:				#697273;
font-style:			italic;
font-weight:		normal;
font-family:		Arial, Helvetica, sans-serif;
padding:			4px 4px 4px 4px;
margin:				0;
background:			#d6d8ab;
}

input:focus,select:focus,textarea:focus{
background:			#f9f7e3;
}
.input_wrap{
display:			block;
border:				#767f80 1px solid;
padding:			0;
margin:				8px 0 0 0;
}

/*****************************/
/*PHOTO GALLERY*/
/*****************************/
#imagegallery{
	display:block;
	width:620px;
	padding: 0 0 0 12px;
}
ul#photoList {
list-style: none;
}

ul#photoList li {
float: left;
padding: 10px 7px 7px 7px;
background:none;
}

ul#photoList a:link img, ul#photoList a:visited img {
border: 5px solid #d6d8ab;
}

ul#photoList a:hover img, ul#photoList a:active img {
border: 5px solid #6f775c;
}

/*****************************/
/*SPAMENU*/
/*****************************/
#spamenu{
	margin:0;
	width:645px;
	display:block;
	margin-bottom:5px;
}
#spamenu h2{
	display:block;
	height:21px;
	background:url(images/icon-plus.gif) 6px 4px no-repeat #d6d8ab;
	padding:5px 0 0 26px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:5px;
}
#spamenu p.spaTxt{
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9b988f;
	background-color:inherit;
	margin-bottom:10px;
}

/*****************************/
/*PACKAGEMENU*/
/*****************************/
#packagemenu{
	margin:0;
	width:645px;
	display:block;
	margin-bottom:5px;
}
#packagemenu h2{
	display:block;
	height:21px;
	background:#6f775c;
	padding:5px 0 0 26px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:5px;
}
#packagemenu h2 span{
	display:block;
	font:normal 11px/10px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0 10px 0 14px;
	background:url(images/date_icon.gif) 0 0 no-repeat;
	float:right;
	margin:4px 0 0 0;
}
#packagemenu p.packageTxt{
	padding:0 10px 0 20px;
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9b988f;
	background-color:inherit;
	margin-bottom:10px;
}
#packagemenu img.img1{
	display:block;
	font-size:0;
	line-height:0;
	border: 5px solid #6f775c;
	margin: 0 5px 10px 10px;
	float:right;
}
#packagemenu img.img2{
	display:block;
	font-size:0;
	line-height:0;
	border: 5px solid #6f775c;
	margin: 5px 5px 10px 0;
	float:left;
}
#packagemenubtm {
	float:none;
	width:645px;
	padding:0 15px 20px 15px;
	text-align:justify;
	line-height: 1.5em;
	font-size:12px; 
	color:#9b988f;}
#packagemenubtm h2{
	display:block;
	height:37px;
	background:#d6d8ab;
	padding:5px 0 0 26px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:5px;
}
#packagemenubtm h2 span{
	display:block;
	font:normal 11px/10px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0 10px 0 14px;
	background:url(images/pencil_icon.gif) 0 0 no-repeat;
	margin:4px 0 0 0;
}
#packagemenubtm h3{
	display:block;
	height:21px;
	background:#dd9b0c;
	padding:5px 0 0 26px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:5px;
}
#panah2{
	float:left;
	margin:0 0 0 20px;
	width:335px;
}
#panah2 ul li{
	margin:0;
}
#panah2 ul li.arrow{
	display:block;
	background:url(images/arrow01.gif) 0 9px no-repeat;
	padding:6px 0 0 20px;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:inherit;
}
#otherpackage h2{
	display:block;
	height:21px;
	background:#dd9b0c;
	padding:5px 0 0 26px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:5px;
}
#panah3{
	float:left;
	margin:0 0 0 20px;
	width:335px;
}
#panah3 ul li{
	margin:0;
}
#panah3 ul li.arrow{
	display:block;
	background:url(images/arrow03.gif) 0 9px no-repeat;
	padding:6px 0 0 20px;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:inherit;
}
#panah3 a:link, a:visited {
color: #9b988f;
text-decoration: none;
}

#panah3 a:hover, a:active {
color: #6f775c;
text-decoration: none;
}
#panah4{
	float:left;
	margin:0 0 0 20px;
	width:500px;
}
#panah4 ul li{
	margin:0;
}
#panah4 ul li.arrow{
	display:block;
	background:url(images/arrow01.gif) 0 9px no-repeat;
	padding:6px 0 0 20px;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:inherit;
}

/*****************************/
/*BOOKINGONLINE*/
/*****************************/
#mainbook {
	float : none;
	width : 920px;
	padding :0 15px 20px 15px;
	text-align :justify;
	line-height : 1.5em;
	font-size : 12px; 
	color : #9b988f;
}
#mainbook h2{
	display:block;
	padding:5px 0 0 8px;
	font:bold 21px Times New Roman;
	color:#000;
	margin-bottom:5px;
}

#bookinginfo h2{
	display:block;
	height:21px;
	background:#6f775c;
	padding:5px 0 0 26px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:5px;
}
#panah02 {
	margin-left:15px;
}
#panah02 .arrow{
	width:150px;
	background:url(images/arrow01.gif) 0 9px no-repeat;
	padding:6px 0 0 20px;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:inherit;
}
#guestinfo h2{
	display:block;
	height:21px;
	background:#d6d8ab;
	padding:5px 0 0 26px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:5px;
}
#payinfo h2{
	display:block;
	height:21px;
	background:#d6d8ab;
	padding:5px 0 0 26px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:5px;
}

/*****************************/
/*LOCATION*/
/*****************************/
#location{
	float:none;
	width:645px;
	padding:0 15px 20px 15px;
	text-align:justify;
	line-height: 1.5em;
	font-size:12px; 
	color:#9b988f;}
#location ul.dot2{
	padding:0;
	margin:0;
}
#location ul.dot2 li{
	height:10px;
	background:url(images/dot.gif) left bottom repeat-x;
	font-size:0;
	line-height:0;
}
/*****************************/
/*IMAGES*/
/*****************************/
.img{
	width:302px;
	float:left;
	margin:0 20px 0 0;
}

img.imgbody0 {
margin: 0 0 10px 0;
border: 5px solid #6f775c;
}
img.imgbody1 {
margin: 0 0 10px 15px;
border: 5px solid #6f775c;
}

/*****************************/
/*TOP NAV ENGLISH*/
/*****************************/

div#nav ul#navListTop li {
float: left;
list-style-type:none;
}
div#nav ul#navListTop li, div#nav ul#navListTop li a {
height: 40px;
display: block;
}
div#nav ul#navListTop li a {
text-indent: -5000px;
}

ul#navListTop li#navHome a:link, ul#navListTop li#navHome a:visited {
width: 65px;
background: transparent url(images/nav-EN.gif) 0px 0px no-repeat;
}
ul#navListTop li#navVilla a:link, ul#navListTop li#navVilla a:visited {
width: 60px;
background: transparent url(images/nav-EN.gif) -65px 0px no-repeat;
}
ul#navListTop li#navSpa a:link, ul#navListTop li#navSpa a:visited {
width: 45px;
background: transparent url(images/nav-EN.gif) -125px 0px no-repeat;
}
ul#navListTop li#navDining a:link, ul#navListTop li#navDining a:visited {
width: 130px;
background: transparent url(images/nav-EN.gif) -170px 0px no-repeat;
}
ul#navListTop li#navReservation a:link, ul#navListTop li#navReservation a:visited {
width: 110px;
background: transparent url(images/nav-EN.gif) -300px 0px no-repeat;
}
ul#navListTop li#navLink a:link, ul#navListTop li#navLink a:visited {
width: 50px;
background: transparent url(images/nav-EN.gif) -410px 0px no-repeat;
}
ul#navListTop li#navContact a:link, ul#navListTop li#navContact a:visited {
width: 115px;
background: transparent url(images/nav-EN.gif) -460px 0px no-repeat;
}
ul#navListTop li#navLanguageEN a:link, ul#navListTop li#navLanguageEN a:visited {
width: 65px;
background: transparent url(images/nav-EN.gif) -575px 0px no-repeat;
}
ul#navListTop li#navLanguageJP a:link, ul#navListTop li#navLanguageJP a:visited {
width: 35px;
background: transparent url(images/nav-EN.gif) -640px 0px no-repeat;
}


ul#navListTop li#navHome a:hover, ul#navListTop li#navHome a:active {
width: 65px;
background: transparent url(images/nav-EN.gif) 0px -40px no-repeat;
}
ul#navListTop li#navVilla a:hover, ul#navListTop li#navVilla a:active {
width: 60px;
background: transparent url(images/nav-EN.gif) -65px -40px no-repeat;
}
ul#navListTop li#navSpa a:hover, ul#navListTop li#navSpa a:active {
width: 45px;
background: transparent url(images/nav-EN.gif) -125px -40px no-repeat;
}
ul#navListTop li#navDining a:hover, ul#navListTop li#navDining a:active {
width: 130px;
background: transparent url(images/nav-EN.gif) -170px -40px no-repeat;
}
ul#navListTop li#navReservation a:hover, ul#navListTop li#navReservation a:active {
width: 110px;
background: transparent url(images/nav-EN.gif) -300px -40px no-repeat;
}
ul#navListTop li#navLink a:hover, ul#navListTop li#navLink a:active {
width: 50px;
background: transparent url(images/nav-EN.gif) -410px -40px no-repeat;
}
ul#navListTop li#navContact a:hover, ul#navListTop li#navContact a:active {
width: 115px;
background: transparent url(images/nav-EN.gif) -460px -40px no-repeat;
}
ul#navListTop li#navLanguageEN a:hover, ul#navListTop li#navLanguageEN a:active {
width: 65px;
background: transparent url(images/nav-EN.gif) -575px -40px no-repeat;
}
ul#navListTop li#navLanguageJP a:hover, ul#navListTop li#navLanguageJP a:active {
width: 35px;
background: transparent url(images/nav-EN.gif) -640px -40px no-repeat;
}


/*****************************/
/*TOP NAV JAPAN*/
/*****************************/

ul#navListTop li#navHomeJP a:link, ul#navListTop li#navHomeJP a:visited {
width: 65px;
background: transparent url(images/nav-JP.gif) 0px 0px no-repeat;
}
ul#navListTop li#navVillaJP a:link, ul#navListTop li#navVillaJP a:visited {
width: 95px;
background: transparent url(images/nav-JP.gif) -65px 0px no-repeat;
}
ul#navListTop li#navSpaJP a:link, ul#navListTop li#navSpaJP a:visited {
width: 45px;
background: transparent url(images/nav-JP.gif) -160px 0px no-repeat;
}
ul#navListTop li#navDiningJP a:link, ul#navListTop li#navDiningJP a:visited {
width: 155px;
background: transparent url(images/nav-JP.gif) -205px 0px no-repeat;
}
ul#navListTop li#navReservationJP a:link, ul#navListTop li#navReservationJP a:visited {
width: 60px;
background: transparent url(images/nav-JP.gif) -360px 0px no-repeat;
}
ul#navListTop li#navLinkJP a:link, ul#navListTop li#navLinkJP a:visited {
width: 50px;
background: transparent url(images/nav-JP.gif) -420px 0px no-repeat;
}
ul#navListTop li#navContactJP a:link, ul#navListTop li#navContactJP a:visited {
width: 105px;
background: transparent url(images/nav-JP.gif) -470px 0px no-repeat;
}
ul#navListTop li#navLanguageEN a:link, ul#navListTop li#navLanguageEN a:visited {
width: 65px;
background: transparent url(images/nav-JP.gif) -575px 0px no-repeat;
}
ul#navListTop li#navLanguageJP a:link, ul#navListTop li#navLanguageJP a:visited {
width: 35px;
background: transparent url(images/nav-JP.gif) -640px 0px no-repeat;
}


ul#navListTop li#navHomeJP a:hover, ul#navListTop li#navHomeJP a:active {
width: 65px;
background: transparent url(images/nav-JP.gif) 0px -40px no-repeat;
}
ul#navListTop li#navVillaJP a:hover, ul#navListTop li#navVillaJP a:active {
width: 95px;
background: transparent url(images/nav-JP.gif) -65px -40px no-repeat;
}
ul#navListTop li#navSpaJP a:hover, ul#navListTop li#navSpaJP a:active {
width: 45px;
background: transparent url(images/nav-JP.gif) -160px -40px no-repeat;
}
ul#navListTop li#navDiningJP a:hover, ul#navListTop li#navDiningJP a:active {
width: 155px;
background: transparent url(images/nav-JP.gif) -205px -40px no-repeat;
}
ul#navListTop li#navReservationJP a:hover, ul#navListTop li#navReservationJP a:active {
width: 60px;
background: transparent url(images/nav-JP.gif) -360px -40px no-repeat;
}
ul#navListTop li#navLinkJP a:hover, ul#navListTop li#navLinkJP a:active {
width: 50px;
background: transparent url(images/nav-JP.gif) -420px -40px no-repeat;
}
ul#navListTop li#navContactJP a:hover, ul#navListTop li#navContactJP a:active {
width: 105px;
background: transparent url(images/nav-JP.gif) -470px -40px no-repeat;
}
ul#navListTop li#navLanguageEN a:hover, ul#navListTop li#navLanguageEN a:active {
width: 65px;
background: transparent url(images/nav-JP.gif) -575px -40px no-repeat;
}
ul#navListTop li#navLanguageJP a:hover, ul#navListTop li#navLanguageJP a:active {
width: 35px;
background: transparent url(images/nav-JP.gif) -640px -40px no-repeat;
}

/*****************************/
/*LEFT NAV*/
/*****************************/

#booking{
	width:275px;
	float:left;
	margin:0;
}
#booking h2{
	display:block;
	background:url(images/H-Booking-info.gif) 0 0 no-repeat;
	width:275px;
	height:60px;
	padding:0;
	background-color:#d8ceb4;
	margin:0;
}
#booking2{
	width:275px;
	background-color:#d8ceb4;
	color:#000000;

}
#booking2 td{
	font-size:12px;
	color:#000000;
}
#calendar{
	width:210px;
	margin:0px auto;
	background-color:#d8ceb4;
	color:#000000;
}
#calendar1{
	width:210px;
	margin:0px auto;
	background-color:#fff;
	color:#000000;
}
#calendar select{
	border:1px solid #c0c0c0;
	font-family:verdana;
	font-size:10px;
	padding:2px;
	background:#fff;
	color:#000000;
}
#calendar input{
	border:1px solid #c0c0c0;
	font-family:verdana;
	font-size:10px;
	padding:2px;
	background:#fff;
	width:30px;
	color:#c0c0c0;
}
#calendar .submit{
	border:1px solid #000000;
	font-family:verdana;
	font-weight:bold;
	font-size:10px;
	padding:2px;
	width:100px;
	background:#c0c0c0;
	color:#000000;
}
#banner{
	display:block;
	background:url(images/banner-booking.gif) 0 0 no-repeat;
	width:275px;
	height:60px;
}
#banner-jp{
	display:block;
	background:url(images/banner-booking-jp.gif) 0 0 no-repeat;
	width:275px;
	height:60px;
}
#award{
	display:block;
	background:url(images/award.jpg) 0 0 no-repeat;
	width:275px;
	height:134px;
}
#address{
	display:block;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9b9481;
	background-color:inherit;
}
#package{
	width:275px;
	float:right;
	margin:0;
	background-color:#9b9481;
}
#package h2{
	display:block;
	background:url(images/H-Special-offer.gif) 0 0 no-repeat;
	width:275px;
	height:37px;
	padding:0;
	background-color:#d6d8ab;
	margin:0;
}
#package h3{
	display:block;
	background:url(images/H-Special-offer_jp.gif) 0 0 no-repeat;
	width:275px;
	height:37px;
	padding:0;
	background-color:#d6d8ab;
	margin:0;
}
#package2{
	width:249px;
	float:left;
	margin:0;
	padding:0 12px 0 14px;
	background-color:inherit;
}
#package2 ul.dot{
	padding:0;
	margin:0;
}
#package2 ul.dot li{
	height:10px;
	background:url(images/dot2.gif) left bottom repeat-x;
	font-size:0;
	line-height:0;
}
#package2 ul li.noImg2{
	background-image:none;
}
#package2 p.offer{
	display:block;
	width:227px;
	background:url(images/arrow02.gif) 0 9px  no-repeat;
	padding:7px 0 0 22px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#package2 p.offer span{
	color:#fff;
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:inherit;
}
#package2 a.rm{
	display:block;
	background:url(images/read-more-abu.gif) 0 0 no-repeat;
	width:60px;
	height:15px;
	margin:0 0 0 189px;
}
#package2 a.rm:hover{
	background:url(images/read-more-hover-abu.gif) 0 0 no-repeat;
}

#package2 a.view{
	display:block;
	background:url(images/view-all.gif) 0 0 no-repeat;
	width:125px;
	height:19px;
	margin:10px 0 10px 0;
}
#package2 a.view:hover{
	background:url(images/view-all-hover.gif) 0 0 no-repeat;
}

/*****************************/
/*BODYBOT*/
/*****************************/

#bodybot{
	width:645px;
	margin:0 auto;
}
#gallery{
	width:370px;
	float:left;
	margin:0;
}
#gallery h2{
	display:block;
	background:url(images/H-Image-gallery.gif) 0 0 no-repeat;
	width:370px;
	height:37px;
	padding:0;
	background-color:#9b9481;
	margin:0;
}
#gallery2{
	width:370px;
	height:236px;
	float:left;
	margin:0;
	padding:0;
	background-color:#feb707;
	color:#000000;
}
.slide { width:370px; height:236px; padding: 0; margin:0; overflow: hidden; }
.rotator { width:370px; height:236px; padding: 0; margin:0; overflow: hidden; }
/*--------------------------///--------------------*/

#special{
	width:275px;
	float:right;
	margin:0;
}
#special h2{
	display:block;
	background:url(images/H-Special-offer.gif) 0 0 no-repeat;
	width:275px;
	height:37px;
	padding:0;
	background-color:#d6d8ab;
	margin:0;
}
#special h3{
	display:block;
	background:url(images/H-Special-offer_jp.gif) 0 0 no-repeat;
	width:275px;
	height:37px;
	padding:0;
	background-color:#d6d8ab;
	margin:0;
}
#special_jp h2{
	display:block;
	background:url(images/H-Special-offer_jp.gif) 0 0 no-repeat;
	width:275px;
	height:37px;
	padding:0;
	background-color:#d6d8ab;
	margin:0;
}

#special2{
	width:249px;
	float:left;
	margin:0;
	padding:0 12px 0 14px;
	background-color:inherit;
}
#special2 ul.dot{
	padding:0;
	margin:0;
}
#special2 ul.dot li{
	height:7px;
	background:url(images/dot.gif) left bottom repeat-x;
	font-size:0;
	line-height:0;
}
#special2 ul li.noImg2{
	background-image:none;
}
#special2 p.offer{
	display:block;
	width:227px;
	background:url(images/arrow01.gif) 0 9px  no-repeat;
	padding:7px 0 0 22px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9b9481;
	background-color:inherit;
}
#special2 p.offer span{
	color:#837A08;
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:inherit;
}
#special2 a.rm{
	display:block;
	background:url(images/read-more-putih.gif) 0 0 no-repeat;
	width:60px;
	height:15px;
	margin:0 0 0 189px;
}
#special2 a.rm:hover{
	background:url(images/read-more-hover-putih.gif) 0 0 no-repeat;
}
/*****************************/
/*FOOTER*/
/*****************************/
#foot{
	width: 950px;
	height:57px;
	clear: both;
	font-size:12px;
	margin-top: 0;
	background:transparent url(images/bg-btm.jpg) 0% 0% repeat-x;
}
#foot p{
	text-align:left;
	color:#9b988f;
	padding:15px 0 0 10px;
	margin:0;
	background-color:transparent;
}
#foot p:hover {
	color:#6f775c;
	background-color:transparent;
}
#foot a{
	color: #9b988f;
	text-decoration: none;
	border-bottom: 1px #6f775c dotted;
	background-color:transparent;
}
#foot a:hover {
	color:#e77326;
	background-color:transparent;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}
.image {
	background-color: #fff;
	padding: 2px;
	margin-left:10px;
	border: 1px solid #D6D8AB;
	float: right;
}

#par{
	text-align:justify;
	height:180px;
}
#tabel{
	padding-left:26px;
}
.style1 {
	color: #FF0000;
	font-weight: bold;
}
.style2 {color: #FF0000}