body {
	font-family: Tahoma;
	font-size: 12px;
	background-color: #272619;
	margin: 0px;
}
#wrapper {
	width: 1162px;
	margin-right: auto;
	margin-left: auto;
}
#top {
	height: 175px;
	width: 1162px;
	background-image: url(images/img_01.jpg);
}
#middle {
	width: 900px;
	padding-right: 131px;
	padding-left: 131px;
	background-color: #272619;
	line-height: 155%;
}
#tengah{
	background-color:#e3cfa0;
	width:900px;
}
#leher {
	width: 890px;
	background-image: url(images/leher.png);
	background-repeat:no-repeat;
	height: 24px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
}
#spacer {
	background-image: url(images/img_03.gif);
	height: 24px;
	width: 900px;
	clear:both;
}
#leftcontent {
	float:left;
	width: 616px;
	padding-left: 15px;
}
#leftcontent a{
	color: #27593e;
	text-decoration:none;
	font-weight:bold;
}
#leftcontent a:hover{
	color: #A9B988;
}
#news_top {
	background-image: url(images/page_06.png);
	height: 42px;
	width: 249px;
}
.isi {
	line-height: 165%;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #8c7d59;
	width:229px;
}
#rbatas {
	height: 20px;
	width: 249px;
	background-color: #8c7d59;
	background-image:url(images/batas.png);
	background-position:center;
	background-repeat:no-repeat;
}
#rbatas2 {
	height: 20px;
	width: 249px;
	background-color: #8c7d59;
	background-image:url(images/batas.png);
	background-position:center;
	background-repeat:no-repeat;
}
#rabout {
	background-image: url(images/page_08.png);
	height: 23px;
	width: 249px;
}
#bbatas {
	background-image: url(images/page_09.png);
	height: 20px;
	width: 249px;
}
#rgallery {
	background-image: url(images/page_07.png);
	height: 27px;
	width: 249px;
}

#clearer {
	height: 27px;
	width: 900px;
}

#footer {
	background-image: url(images/img_16.gif);
	height: 132px;
	width: 1162px;
}

#rightcontent {
	float: left;
	width: 249px;
	padding-right: 10px;
	padding-left: 10px;
}
#bawah {
	background-image: url(images/img_08.gif);
	clear: both;
	height: 18px;
	width: 900px;
}
#menu{
	position: relative;
	top: 24px;
	clear:both;
	height:27px;
	padding-left:207px;
}
/**********/
/*TOP MENU*/
/**********/

div#nav ul#navListTop li {
float: left;
list-style-type:none;
}
div#nav ul#navListTop li, ul#navListTop li a {
height: 27px;
display: block;
}
div#menu ul#navListTop li a {
text-indent:1000px;
}
ul#navListTop li#navHome a:link, ul#navListTop li#navHome a:visited {
width: 63px;
background: transparent url(images/top_menu.png) 0px 0px no-repeat;
}
ul#navListTop li#navMenu a:link, ul#navListTop li#navMenu a:visited {
width: 75px;
background: transparent url(images/top_menu.png) -63px 0px no-repeat;
}
ul#navListTop li#navSup a:link, ul#navListTop li#navSup a:visited {
width: 122px;
background: transparent url(images/top_menu.png) -138px 0px no-repeat;
}
ul#navListTop li#navBb a:link, ul#navListTop li#navBb a:visited {
width: 98px;
background: transparent url(images/top_menu.png) -260px 0px no-repeat;
}
ul#navListTop li#navNews a:link, ul#navListTop li#navNews a:visited {
width: 76px;
background: transparent url(images/top_menu.png) -358px 0px no-repeat;
}
ul#navListTop li#navGallery a:link, ul#navListTop li#navGallery a:visited {
width: 94px;
background: transparent url(images/top_menu.png) -434px 0px no-repeat;
}
ul#navListTop li#navCompany a:link, ul#navListTop li#navCompany a:visited {
width: 137px;
background: transparent url(images/top_menu.png) -528px 0px no-repeat;
}
ul#navListTop li#navContact a:link, ul#navListTop li#navContact a:visited {
width: 102px;
background: transparent url(images/top_menu.png) -665px 0px no-repeat;
}
ul#navListTop li#navRes a:link, ul#navListTop li#navRes a:visited {
width: 57px;
background: transparent url(images/top_menu.png) -767px 0px no-repeat;
}

ul#navListTop li#navHome a:hover, ul#navListTop li#navHome a:active {
width: 63px;
background: transparent url(images/top_menu.png) 0px -27px no-repeat;
}
ul#navListTop li#navMenu a:hover, ul#navListTop li#navMenu a:active {
width: 75px;
background: transparent url(images/top_menu.png) -63px -27px no-repeat;
}
ul#navListTop li#navSup a:hover, ul#navListTop li#navSup a:active {
width: 122px;
background: transparent url(images/top_menu.png) -138px -27px no-repeat;
}
ul#navListTop li#navBb a:hover, ul#navListTop li#navBb a:active {
width:98px;
background: transparent url(images/top_menu.png) -260px -27px no-repeat;
}
ul#navListTop li#navNews a:hover, ul#navListTop li#navNews a:active {
width: 76px;
background: transparent url(images/top_menu.png) -358px -27px no-repeat;
}
ul#navListTop li#navGallery a:hover, ul#navListTop li#navGallery a:active {
width: 94px;
background: transparent url(images/top_menu.png) -434px -27px no-repeat;
}
ul#navListTop li#navCompany a:hover, ul#navListTop li#navCompany a:active {
width: 137px;
background: transparent url(images/top_menu.png) -528px -27px no-repeat;
}
ul#navListTop li#navContact a:hover, ul#navListTop li#navContact a:active {
width: 102px;
background: transparent url(images/top_menu.png) -665px -27px no-repeat;
}
ul#navListTop li#navRes a:hover, ul#navListTop li#navRes a:active {
width: 57px;
background: transparent url(images/top_menu.png) -767px -27px no-repeat;
}

#clearer {
	background-image: url(images/img_00.gif);
	height: 27px;
	width: 1162px;
}

/*LEHER*/
#about {
	background-image: url(images/img_11.png);
	background-repeat:no-repeat;
	height: 38px;
	width: 900px;
}
#mmenu {
	background-image: url(images/img_12.png);
	background-repeat:no-repeat;
	height: 38px;
	width: 900px;
}
#villa {
	background-image: url(images/img_13.png);
	background-repeat:no-repeat;
	height: 38px;
	width: 900px;
}
#news {
	background-image: url(images/img_14.png);
	background-repeat:no-repeat;
	height: 38px;
	width: 900px;
}
#gallery {
	background-image: url(images/img_15.png);
	background-repeat:no-repeat;
	height: 38px;
	width: 900px;
}
#company {
	background-image: url(images/img_16.png);
	background-repeat:no-repeat;
	height: 38px;
	width: 900px;
}
#reservation {
	background-image: url(images/img_18.png);
	background-repeat:no-repeat;
	height: 38px;
	width: 900px;
}
#contact {
	background-image: url(images/img_17.png);
	background-repeat:no-repeat;
	height: 38px;
	width: 900px;
}
#Bbooking {
	background-image: url(images/img_19.png);
	background-repeat:no-repeat;
	height: 38px;
	width: 900px;
}
#box {
	background-image: url(images/box_02.gif);
	background-repeat: repeat;
	width:607px;
}
#box1 {
	background-image: url(images/box_01.gif);
	height: 6px;
	width: 607px;
}
#box2 {
	padding-left:15px;
	padding-right:15px;
}
#box3 {
	background-image: url(images/box_03.gif);
	height: 6px;
	width: 607px;
}
#clearer2 {
	clear: both;
	height: 9px;
	width: 900px;
}
#clearer3 {
	clear: both;
	height: 9px;
}
#readmore {
	background-color: #8c7d59;
	padding-left:130px;
	padding-top:10px;
}
.news {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	color: #fffefe;
	line-height: 165%;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #8c7d59;
	width:229px;
}

.news a {
	color: #fffefe;
	text-decoration:none;
}
.news a:hover {
	color: #27593e;
}

.detail {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	color: #fffefe;
}

.detail a {
	color: #A9B988;
	text-decoration:none;
	font-weight:bold;
}
.detail a:hover {
	color: #002400;
}
h1{font-size: 16px;
	font-weight: bold;
	padding-top:-5px;}
.judul {
	font-size: 16px;
	font-weight: bold;
}
.judul a {
	color: #27593e;
	text-decoration:none;
}
.judul a:hover {
	color: #A9B988;
}

/*******************/
/* FORM ELEMENT */
/*******************/
input,select{
font-size:12px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
padding:1px;
background:#ceb884;
border:1px solid #CCCCCC;
}
input:focus,select:focus{
background:			#f9f7e3;
}
textarea{
font-size:12px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
padding:1px;
margin:0px;
background:#ceb884;
border:1px solid #CCCCCC;
height:120px;
width:340px;
}
textarea:focus{
background:			#f9f7e3;
}

.img{  
   padding:5px 5px 5px 5px;  
   border:none;  
   margin: 3px 10px 3px 0;
   float:left;
   background:#ffffff;  
   border: 1px solid #ddc688;
}
.img_news{  
   padding:5px 5px 5px 5px;  
   border:none;  
   margin: 3px 10px 3px 0;
   float:right;
   background:#ffffff;  
   border: 1px solid #ddc688;
}
.img2{  
   padding:5px 5px 5px 5px;  
   border:none;  
   margin: -12px 0px 5px 0px;
   float:left;
   background:#ffffff;  
   border: 1px solid #ddc688;
}
.top{
	background-image: url(images/next.png);
	background-position:top;
	background-repeat:no-repeat;
	width:12px;
}
.supa{
	font-size:11px;
	padding-left:2px;
}
#logo_link{
	position: relative;
	top: 13px;
	clear:both;
	height:94px;
	padding-left:146px;
}
#pembatasne{
height:10px;
background-color:#8c7d59;
}
.gallery_demo li{
list-style-type:none;
	width:200px;height:120px;border:3px double #fff;
	margin: 0 2px 2px 0;background:#fff;
	overflow:hidden;
	z-index: 1;
   	position: relative;
   	-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
   	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
}
.gallery_demo li:hover{border-color:#fff;
	z-index: 2;
   	position: relative;
   -moz-transform: scale(1.1);
   -webkit-transform:  scale(1.25);}
.gallery_demo li.active{border-style:solid;border-color:#222;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

.tgl{font-size:11px; padding-right:5px; color:#666666}

.gallery_demo2 li{
	list-style-type:none;
	width:240px;height:160px;border:3px double #fff;
	margin: 0 2px 2px 0;background:#fff;
	overflow:hidden;
	z-index: 1;
   	position: relative;
   	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
   	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
}
.gallery_demo2 li:hover{border-color:#fff;
	z-index: 2;
   	position: relative;
   -moz-transform: scale(1.1);
   -webkit-transform:  scale(1.25);}
.gallery_demo2 li.active{border-style:solid;border-color:#222;}
.gallery_demo2 li div{left:240px}
.gallery_demo2 li div .caption{font:italic 0.7em/1.4 georgia,serif;}
.next{ position:static; float:right;}