/* CSS Document */

body
		{
		background:#660033;
		}
		
		
#bookings
{
	width:210px;
	height:20px;;
	background:#E5D7CB;
	position:absolute;
	left: 710px;
	top: 0px;
	font-family:Tahoma;
	font-size:14px;
	color:#422121;
	text-align:center;
}

#bookings a
{
	display:block;
	color:#422121;
	text-decoration:none;
}

#bookings a:hover
{
	background:#E7D2AD;
	text-decoration:none;
}
		
#document
{
width: 830px;
height: 655px;
padding: 0px;
margin-bottom: 10%;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
display: block;
}

html body {margin-top: 40px;}

#header
{
width: 843px;
height: 110px;
padding: 0px;
margin: 0px;
display:block;
}

.logo
{
float:left;
text-align: left;
display:block;
width: 350px;
height: 75px;
padding: 0px;
margin-top: 0px;
}

#menu
{
margin-top:5px;
float:left;
width:900px;
height: 15px;
text-align:left;
font-family:Trebuchet MS, Tahoma sans-serif;
color:#FFFFFF;
font-size:12px;
z-index: 1;
}

#menu ul
{
list-style-type: none;
text-align: right;
z-index: 2;
}

#menu li
{
display: inline;
text-align: right;
margin-right: 13px;
}

#menu li a
{
color: #fff;
text-decoration: none;
}

#menu li a:hover
{
color: #ccc;
}

#menu li a#current
{
color: #fff;
}

#menu_bawah
{
margin-top:10px;
float:left;
width:900px;
height: 10px;
text-align:left;
font-family:Trebuchet MS, Tahoma sans-serif;
color:#FFFFFF;
font-size:12px;
z-index: 1;
}

#menu_bawah ul
{
list-style-type: none;
text-align: right;
z-index: 2;
}

#menu_bawah li
{
display: inline;
text-align: right;
margin-right: 13px;
}

#menu_bawah li a
{
color: #fff;
text-decoration: none;
}

#menu_bawah li a:hover
{
color: #ccc;
}

#menu_bawah li a#current
{
color: #fff;
}

#container_luar
{
margin-top:0px;
width: 830px;
height: 700px;
background: #e5d7cb;
border-style:solid;
border-width:thick;
border-color:#ffffff;
}

#container_dalem
{
text-align:left;
width: 762px;
height: 696px;
margin: 35px 35px 10px 35px;
}


#slideshow
{
width: 762px;
height: 209px;
}

#box_kiri
{
float:left;
text-align:left;
width: 215px;
height: 275px;
margin-top:30px;

}

.judul
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
font-weight:bold;
color: #422121;
margin:0px;
padding:0px;
}

.judul2
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
font-weight:bold;
color: #422121;
margin-left:15px;
padding:0px;
}

.container_map
{
width:auto;
height:102px;
margin-top:10px;
margin-bottom:10px;
}

.content p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color: #422121;
	margin:0px;
	padding:0px;
}

#box_content
{
float:left;
text-align:left;
width: 390px;
height: 275px;
margin-top:30px;
padding:0px;
}

#box_kanan
{
background:#E7D2AD;
float:left;
text-align:center;
width: 145px;
height: 270px;
margin-left:10px;
margin-top:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #422121;
}

#box_kanan2
{
background:#E7D2AD;
float:left;
text-align:left;
width: 145px;
height: 50px;
margin-left:10px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #422121;
}

#box_kanan a
{
color:#422121;
text-decoration:none;
}

.newsletter 
{
text-align:left;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #422121;
}

.newsletter2 
{
text-align:left;
padding:3px 10px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #422121;
}

.box_col
{
float:left;
text-align:left;
width: 195px;
height: 140px;
}
.box_img
{
float:left;
margin-top:10px;
margin-left:15px;
display:inline;
width:47px;
height:47px;
padding:0px;
}

.box_img1
{
float:left;
margin-top:10px;
margin-left:15px;
display:inline;
width:47px;
height:47px;
padding:0px;
}

.box_img2
{
float:left;
margin-top:10px;
margin-left:8px;
display:inline;
width:47px;
height:47px;
padding:0px;
}

.box_img3
{
float:right;
margin-top:10px;
margin-right:18px;
display:inline;
width:47px;
height:47px;
padding:0px;
}

.box_cont
{
	margin-top:10px;
	margin-left:10px;
	width:120px;;
	height:110px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color: #422121;
	padding:0px;
}

.box_cont a
{
	color:#A97F56;
	text-decoration:none;

}

.box_cont a:hover
{
	color:#422121;
	text-decoration:none;

}

.highlightit img{
border: 1px solid #ccc;
}

.highlightit:hover img{
border: 1px solid white;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.input_name
{
border-width:1px;
border-style:solid;
border-color:#A97F56;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color: #422121;
}

.submit
{
width:50px;
border-width:1px;
border-style:solid;
border-color:#A97F56;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	color: #422121;
}

.submit_aligment
{
text-align:center;
}

.table
{
	width:144px;
	height:100px;
	text-align:center;
	padding:1px;
}

/*----------------THE VILLA CONSTRUCTOR-----------------------*/

#container_luar2
{
margin-top:0px;
width: 830px;
height: 1850px;
background: #e5d7cb;
border-style:solid;
border-width:thick;
border-color:#ffffff;
}

#container_dalem2
{
text-align:left;
width: 762px;
height: 800px;
margin: 35px 35px 35px 35px;
}

#container_dalem_dalem
{
width: 760px;
height: 288px;
display:block;
}


#content_the_villa
{
	width:350px;
	height:auto;
	float:left;
	display:block;
	text-align:left;
}

#content_the_villa h1
{
	font-family:Trebuchet MS, Tahoma sans-serif;
	font-size:24px;
	color:#422121;
	letter-spacing:1pt;
}

#content_the_villa h2
{
	font-family:Trebuchet MS, Tahoma sans-serif;
	font-size:14px;
	color:#422121;
	margin-left:10px;
}

#content_the_villa p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color: #422121;
	line-height:20px;
}

#content_the_villa a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color: #422121;
	line-height:20px;
	text-decoration:none;
}

#content_the_villa a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color: #422121;
	line-height:20px;
	text-decoration:underline;
}

#slideshow_the_villa
{
	width:381px;
	float:right;
	display:block;
	text-align:right;
}

#slideshow_the_villa .villaslide
{
	margin:20px 0px 0px 0px;
}

#slideshow_the_villa .villaslide2
{
	width:380px;
	float: left;
	text-align: center;
	margin:20px 0px 0px 0px;
}

#slideshow_the_villa .villaslide2 img
{
	margin:0px 0px 5px 5px
}


#facilities
{
	text-align:left;
	width:auto;
	height:auto;
}

#facilities h2
{
	font-family:Trebuchet MS, Tahoma sans-serif;
	font-size:14px;
	color:#422121;
	text-align:left;
	margin-left:10px;
}


#facilities ul
{
display:block;
float:left;
list-style-type:square;
text-align: left;
}

#facilities li
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color: #422121;
	line-height:20px;
}

#facilities li a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color: #422121;
	line-height:20px;
	text-decoration:none;
}

#facilities li a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color: #422121;
	line-height:20px;
	text-decoration:underline;
}

.cleaner
{
	float:left;
	width: 760px;
	height: 10px;
	display:block;
}

#facilities span
{
	width:350px;
	height:auto;
	float:left;
	display:block;
	text-align:left;
}

#facilities span p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color: #422121;
	line-height:20px;
}

#facilities span a
{
	color: #CC3333;
	text-decoration:none;
}

#facilities span a:hover
{
	color: #666666;
}

#video_the_villa
{
	width:381px;
	height:288px;
	float:right;
	display:block;
	text-align: center;
}

#video_the_villa .video1
{
	margin:20px 0px 0px 0px;
}


/*----------------THE VILLA CONSTRUCTOR-----------------------*/

#container_luar3
{
margin-top:0px;
width: 830px;
height: 800px;
background: #e5d7cb;
border-style:solid;
border-width:thick;
border-color:#ffffff;
}

#container_dalem3
{
text-align:left;
width: 762px;
height: 700px;
margin: 35px 35px 35px 35px;
}

.activities ul
{
display: inline;
list-style-type: circle;
text-align: left;
}

.activities li
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color: #422121;
	line-height:25px;
}

#image_golf
{
	width:381px;
	height:288px;
	float:right;
	display:block;
	text-align:center;
}

#image_golf .golf1
{
	text-align:center;
	margin:35px 0px 0px 0px;
}

/*=====================GALLLERY======================*/

#container_dalem_dalem
{
width: 760px;
height: 288px;
display:block;
}


#content_gallery
{
	width:600px;
	height:auto;
	float:left;
	display:block;
	text-align:left;
}

#content_gallery h1
{
	font-family:Trebuchet MS, Tahoma sans-serif;
	font-size:24px;
	color:#422121;
	letter-spacing:1pt;
}

#content_gallery h2
{
	font-family:Trebuchet MS, Tahoma sans-serif;
	font-size:14px;
	color:#422121;
	margin-left:10px;
}

#content_gallery p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color: #422121;
	line-height:20px;
}

#container_khusus_gallery
{
width: 760px;
height: 288px;
float: left;
text-align: justify;

}

#container_khusus_gallery img{
	margin:3px 6px 3px 0;
	padding:0;
	float:left;
}


#container_khusus_gallery a img{
opacity: .7;
filter: alpha(opacity=75);
border: 1px solid #ccc;
}

#container_khusus_gallery a:hover img{
border: 1px solid white;
opacity: 1;
filter: alpha(opacity=100);
}

#content_gallery a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color: #422121;
	line-height:20px;
	text-decoration:none;
}

#content_gallery a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color: #422121;
	line-height:20px;
	text-decoration:underline;
}

/*----------------GARDEN & POOL CONSTRUCTOR-----------------------*/

#container_luar4
{
margin-top:0px;
width: 830px;
height: 630px;
background: #e5d7cb;
border-style:solid;
border-width:thick;
border-color:#ffffff;
}

#container_dalem4
{
text-align:left;
width: 762px;
height: 500px;
margin: 35px 35px 35px 35px;
}

.activities ul
{
display: inline;
list-style-type: circle;
text-align: left;
}

.activities li
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color: #422121;
	line-height:25px;
}

#image_golf
{
	width:381px;
	height:288px;
	float:right;
	display:block;
	text-align:right;
}

#image_golf .golf1
{
	margin:35px 0px 0px 0px;
}


/*----------------FOOD & DRINK CONSTRUCTOR-----------------------*/

#container_luar5
{
margin-top:0px;
width: 830px;
height: 740px;
background: #e5d7cb;
border-style:solid;
border-width:thick;
border-color:#ffffff;
}

#container_dalem5
{
text-align:left;
width: 762px;
height: 700px;
margin: 35px 35px 35px 35px;
}

.activities ul
{
display: inline;
list-style-type: circle;
text-align: left;
}

.activities li
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color: #422121;
	line-height:25px;
}

#image_golf
{
	width:381px;
	height:288px;
	float:right;
	display:block;
	text-align:right;
}

#image_golf .golf1
{
	margin:35px 0px 0px 0px;
}

/*----------------ACTIVITIES CONSTRUCTOR-----------------------*/

#container_luar6
{
margin-top:0px;
width: 830px;
height: 1200px;
background: #e5d7cb;
border-style:solid;
border-width:thick;
border-color:#ffffff;
}

#container_dalem6
{
text-align:left;
width: 762px;
height: 900px;
margin: 35px 35px 35px 35px;
}

/*----------------CONTACT-----------------------*/

#container_luar7
{
margin-top:0px;
width: 830px;
background: #e5d7cb;
border-style:solid;
border-width:thick;
border-color:#ffffff;
}

#container_dalem7
{
text-align:left;
width: 762px;
margin: 35px 35px 35px 35px;
}

#content_contact
{
	width:760px;
	height:auto;
	float:left;
	display:block;
	text-align:left;
}

#content_contact p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color: #422121;
	line-height:20px;
}

#content_contact a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color: #422121;
	line-height:20px;
	text-decoration:none;
}

#content_contact a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color: #422121;
	line-height:20px;
	text-decoration:underline;
}

#content_contact h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color: #422121;
}

.tariff
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color: #422121;
	line-height:20px;
}