body {
	margin:0px;
	padding:0px;
	font:normal 11px "Myriad Pro";
	color:#939392;
	cursor:default;
	padding:0 0 0 0;	
	background-color:inherit;
	
	}


	
/*****************************/
/*LAYOUT*/
/*****************************/
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0; border:0;
}

a:link, a:visited {
	text-decoration: none;
	font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7ab004;
}

a:hover, a:active {
color: #eaa309;

}

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

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

#panah{
	float:left;
	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 "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:inherit;
}
.entry h6 {
	margin-bottom:10px;
	margin-left:0;
	font-size: 1.8em;
	letter-spacing:-1px;
	color:#9b988f;
	background-color:transparent;
	font-weight:normal;
}
* 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 {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;
}
h6 {text-indent: -100em;}

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

#h_welcome span, #h_villa span, #h_spa span, #h_dining span, #h_reservation span, #h_link span, #h_gallery span, #h_contact span, #h_special span { margin-bottom: -100px; }

h6 span {
 display: block;
 position: relative;
 z-index: 10;
} 

/*****************************/
/*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/b07V12_green_tick.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 {
	margin-left: 4px ;
	margin-right: 1 px;
    border: 1px solid #A3CFFF;
    background: #fff;
}

input:focus, select:focus, textarea:focus {
margin-left: 4px ;
	margin-right: 1 px;
    border: 1px solid #A3CFFF;
    background: #FDF4C4;
	}
	.linkstyle {
	font-size: 11px;
	color: #3333FF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/*****************************/
/*PHOTO GALLERY*/
/*****************************/
#imagegallery{
	display:block;
	width:410px;
	padding: 0 0 0 0x;
	margin:0;
}
ul#photoList {
list-style: none;
}

ul#photoList li {
float: left;
padding: 5px 5px 5px 5px;
}

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


/*****************************/
/*TOP MENU/
/*****************************/
/* Menu header */

#menu {
	float: left;
	width: 430px;
	height: 35px;
	background:#ffffff;
	margin:0px;
	padding:0px;
}

#menu ul {
	height: 3px;
	background: #ffffff;
	list-style: none;
	margin:0px;
	padding:0px;
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	height: 35px;
	padding:8px 8px 0 8px;
	text-decoration: none;
	font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7ab004;
}

#menu a:hover {
	
	color:#eaa309;
}

#menu .active a {
	background: #FFA800;
	border-top-color: #E16629;
}

#menu a b {
	text-decoration: underline;
}


/*****************************/
/*LEFT MENU*/
/*****************************/

#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;
	height:291px;
	float:left;
	margin:0;
	padding:0;
	background-color:#d8ceb4;
	color:#000000;
}
#calendar{
	display:block;
	background:url(images/sample-calendar.gif) 0 0 no-repeat;
	width:231px;
	height:261px;
	float:none;
	margin:6px 0 0 22px;
	padding:0;
	background-color:#d8ceb4;
	color:#000000;
}
#banner{
	display:block;
	background:url(images/banner-booking.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;
}
#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 "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#package2 p.offer span{
	color:#fff;
	font:bold 11px/18px "Myriad Pro", "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:410px;
	margin:0 auto;
}
#gallery{
	width:200px;
	float:left;
	margin:0;
}
#gallery h2{
	display:block;
	background:url(images/H-Image-gallery.gif) 0 0 no-repeat;
	width:200px;
	height:37px;
	padding:0;
	background-color:#9b9481;
	margin:0;
}
#gallery2{
	width:200px;
	height:150px;
	float:left;
	margin:0;
	padding:0;
	background-color:#feb707;
	color:#000000;
}
.slide { width:200px; height:150px; padding: 0; margin:0; overflow: hidden; }
.rotator { width:200px; height:150px; padding: 0; margin:0; overflow: hidden; }
/*--------------------------///--------------------*/

#special{
	width:210px;
	float:right;
	margin:0;
}
#special h2{
	display:block;
	background:url(images/H-Special-offer.gif) 0 0 no-repeat;
	width:210px;
	height:37px;
	padding:0;
	background-color:#d6d8ab;
	margin:0;
}
#special2{
	width:180px;
	float:left;
	margin:0;
	padding:0 10px 0 10px;
	background-color:inherit;
}
#properti_all{
	width:100px;
	float:left;
	margin:0;
	padding:0 10px 0 10px;
	background-color:inherit;
}
#properti_all p.offer{
	display:block;
	width:100px;
	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;
}
#properti_all p.offer span{
	color:#837A08;
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:inherit;
}
#s_tours{
	width:200px;
	float:left;
	margin:0;
	padding:20px 0 0 0;
}
#s_tours p{
	display:block;
	width:120px;
	padding:0 0 0 2px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9b9481;
	background-color:inherit;
}

#s_tours p.offer{
	display:block;
	width:120px;
	padding:0 0 0 2px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9b9481;
	background-color:inherit;
}
#s_tours p.offer span{
	color:#837A08;
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:inherit;
}
#s_tours a.rm{
	display:block;
	background:url(images/read-more-putih.gif) 0 0 no-repeat;
	width:60px;
	height:15px;
	margin:0 0 0 50px;
}
#s_tours p.dot{
	height:10px;
	background:url(images/dot.gif) left bottom repeat-x;
	font-size:0;
	line-height:0;
}
#s_tours a.rm:hover{
	background:url(images/read-more-hover-putih.gif) 0 0 no-repeat;
}

#s_welcome{
	width:160px;
	float:inherit;
	margin:0;
	padding:10px 0 0 0;
	text-align:justify;
}
#s_welcome p.offer{
	display:block;
	width:160px;
	padding:0 0 0 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9b9481;
	background-color:inherit;
}
#s_welcome p.offer span{
	color:#837A08;
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:inherit;
}
#s_content{
	
	float:inherit;
	margin:0;
	padding:0 0 0 0;
	text-align:justify;
}
#s_content p.offer{
	display:block;
	padding:0 0 0 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9b9481;
	background-color:inherit;
}
#s_content p{
	display:block;
	padding:0 0 0 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9b9481;
	background-color:inherit;
}
#s_content p.offer span{
	color:#837A08;
	font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:inherit;
}
#s_content a.rm{
	display:block;
	background:url(images/read-more-putih.gif) 0 0 no-repeat;
	height:15px;
	margin:0 0 0 190px;
}

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

pecial2 ul.dot{
	padding:0;
	margin:0;
}
#special2 ul.dot li{
	height:10px;
	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:180px;
	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 140px;
}
#special2 a.rm:hover{
	background:url(images/read-more-hover-putih.gif) 0 0 no-repeat;
}
/* Content */

#colB {
	float: left;
	width: 230px;
	margin: 0 0 0 0;	
}
/* boxed */
.boxedC {
	margin-bottom: 1px;
	background: #ffffff;
	border-bottom: 1px solid #9eb040;
}

.boxedC h2 {
	padding: 10px 0 0 0;
	border-bottom: 1px solid #9eb040;
	letter-spacing: -1px;
	font-size: 15px;
	font-weight: bold;
	color: #7ab004;
	
}

.boxedC ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.boxedC li {
	display: inline;
}

.boxedC a {
	display: block;
	width: 210px;
	height: 23px;
	padding: 7px 0 0 21px;
	background: #ffffff url(../images/img_031.jpg)no-repeat;
	border-top:1px solid #9eb040;
	text-decoration: none;	
	color: #7ab004;
	font-size: 12px;
	font-weight: bold;
}
.boxedC a:hover {
	background: #c4f564 url(../images/img_03_1.jpg) no-repeat;
	color:#CC6600;
	
}
/*****************************/
/*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;
}