body {background:url(../images/bg_top.gif) repeat-x top left}

div#top {margin-top:11px; padding-top:0; padding-bottom:0;}
h1.heading {margin-top:17px;}
h1.heading a {color:#DDC002; font:normal 30px 'Century Gothic', Arial; text-decoration:none}
h1.heading a:hover {color:#FDE01A}
h2 {font:normal 25px 'Century Gothic',Arial}


div#content_home {width:610px; margin:17px 0 20px; padding-right:20px; border-right:1px solid #eeeeee}
img.banner {padding:8px; background-color:#EAEAEA}
#description {padding:15px 0 15px; font:normal 12px 'Arial',verdana; color:#666666}
#description p {margin:5px 0 10px; padding:0;line-height:13pt;}
#description a {color:#7A7706}
#description a:hover {color:#7A7706; text-decoration:none}
#content_home h2 {color:#BE8600}
#content_int {background:url(../images/bg_villa_content.jpg) repeat-x top left}
#content_int h2 {margin-bottom:15px;color:#666666; text-align:center}
#wrap_villa_img {padding-bottom:13px; margin-bottom:10px; background: url(../images/bg_image_villa.jpg) no-repeat bottom center; text-align:center}
#wrap_villa_img img {width:521px;border:8px solid #E9E9E9}
#villa_fact_sheet {width:521px; margin:0 auto; margin-bottom:35px; padding:8px; background: url(../images/villa_detail_bg.gif) repeat top left}
#villa_fact_sheet dl {margin:0; padding:0}
#villa_fact_sheet dt {color:#7F7C0F;margin:0; padding:2px 0 2px; font:normal 11px 'Tahoma',arial}
#villa_fact_sheet dt label {width:55px; float:left; color:#666666}
#villa_fact_sheet p {margin:0; padding-top:2px; padding-bottom:2px; color:#4E77AF;font-size:11px}
#villa_fact_sheet p a {color:#4E77AF; text-decoration:none}
#villa_fact_sheet p a:hover {color:#345075}
p.list_recommend { padding-left: 18px;background:url(../images/villa_recommend_bt.gif) 0px 50% no-repeat;}
p.list_tell { padding-left: 18px;background: url(../images/villa_tellfriend_bt.gif) 0px 50% no-repeat;}
p.list_rate {padding-left: 18px;background: url(../images/villa_rates_bt.gif) 0px 50% no-repeat;}
p.list_gallery {padding-left: 18px;background: url(../images/villa_gallery_bt.gif) 0px 50% no-repeat;}

.book_villa {text-align:right; margin-top:8px;padding-right:20px; background:url(../images/book_bali_villas.gif) 410px 50% no-repeat; font:normal 14px 'Century Gothic',arial}
.book_villa a {color:#DDC002; text-decoration:none}
#content_int h3 {margin-top:10px;color:#7A7706; font:normal 20px 'Century Gothic', Arial; text-decoration:none}
.grid_10 {color:#666666; font-family:'Tahoma',arial}
.grid_10 p {margin:5px 0 5px; padding:0;}
.grid_10 ul {list-style-type:none}
.grid_10 li {padding:2px 0 3px 14px;background: transparent url(../images/bt_arrow.gif) 0px 50% no-repeat;color:#666666;}
.grid_10 img {margin:0 8px 7px 8px;border:2px solid #F0F0F0}
.grid_10 h4 {margin-bottom:8px;color:#7A7706; font:normal 20px 'Century Gothic', Arial}

.villa_recommended {width:auto; margin:10px 0 30px}
.villa_recommended img {float:left; margin-right:10px; padding:3px; background-color:#F2F2F2; border:1px solid #D8D8D8}
.villa_short_desc {width:auto;}
.villa_recommended h3 {margin:0 0 5px; padding-top:0}
.villa_recommended h3 a {color:#7A7706; font:normal 20px 'Century Gothic', Arial; text-decoration:none}
.villa_recommended h3 a:hover {color:#474503}
.villa_recommended p {margin:0; padding:0; font-size:12px; color:#999999}
p.setting {font:normal 11px 'Tahoma',verdana; color:#DDC002; margin-top:5px}
ul#menu{padding:0;	margin:13px 0 0; list-style:none;}
ul#menu li{float:left;padding:0; margin:0; font: normal 12px "Arial", Helvetica, sans-serif; text-transform:uppercase}
ul#menu li a{color:#7E7B0D;padding:12px 6px 0;margin:0;text-decoration: none; }
ul#menu li a:hover {background:url(../images/arrow_menu.gif) no-repeat top center}
body#home ul#menu li.home a{color:#7E7B0D;background: url(../images/arrow_menu.gif) no-repeat top center}

#search {width:auto; background-color:#F0F0F0; margin:46px 0 13px; padding:8px 3px 8px 13px; *padding-bottom:0px; border:1px solid #DDDDDD;}
#search h3 {margin:0; padding:0; font:normal 11px 'Arial', Helvetica, sans-serif; color:#6F6F6F; text-transform:uppercase}
#search p {margin:5px 0 5px; padding:0; color:#6F6F6F;text-transform:uppercase; font-size:11px}
#search label {color:#6F6F6F;text-transform:uppercase; font-size:11px}
label.label1 {width:65px; float:left}
input.input1 {width:176px; padding:2px; border:1px solid #7A7A52}
input.input2 {width:50px; border:1px solid #CDCDCD}
input.textvilla {width:245px; padding:3px; border:1px solid #CDCDCD}
input.textrate {width:32px; padding:3px; border:1px solid #CDCDCD}
input.button {padding:3px !important;padding:2px;background-color:#ffffff;border:1px solid #CDCDCD; color:#6F6F6F;}
#search select {padding:3px;border:1px solid #CDCDCD}
select.location {width:250px; padding:3px; border:1px solid #CDCDCD}

h4.sidebar {margin:0; padding:10px 0 10px 10px; background:url(../images/bg_heading_menu.gif) no-repeat top left; font:normal 13px 'Century Gothic',Arial; text-transform:uppercase}
.list, .list ul {margin:0 0 10px; padding:0; margin-bottom:25px; padding-top:0}
.list li {margin:0;padding:0; border-bottom: 1px solid #F1F1F1;list-style:none; font:normal 12px Arial, 'Century Gothic', sans-serif; text-transform:uppercase}
.list a, .list a:visited {display:block;color:#ACACAC;padding:5px 5px 5px 14px; margin-left:8px;background: transparent url(../images/bg_list_sq.gif) 0px 50% no-repeat; width:218px; text-decoration:none}
.list a:hover { color:#DDC002}

dt {margin:0 0 10px; padding:0}
dl {margin:0 0 0 13px; padding:4px 0 4px; color:#3C6397;font-size:11px; color:#666666}
dl label {width:70px; float:left; font-weight:bold; font-size:11px}
#wrap_badge {clear:left;width:268px; margin:10px 0 10px; padding:10px 2px 10px 10px; border-top:1px solid #eeeeee}
#wrap_badge img {margin:10px 0 10px}
#wrap_badge a img {border:none}
#wrap_badge a:focus img, #wrap_badge a:hover img, #wrap_badge a:active img{ border:none;opacity:0.4;filter:alpha(opacity=40)}
.operated {font:normal 11px 'Century Gothic',arial; text-transform:uppercase; color:#bbbbbb}

#bottom {width:100%; background-color:#333333; padding:10px 0 0}
#bottom h2 {color:#CCCCCC}
.wrap_featured {width:100%; margin:0 auto}
.wrap_featured h3 {margin:0; padding:0 0 3px;background:url(../images/bg_heading_bottom.gif) no-repeat center right; border-bottom:1px solid #999999; font:normal 13px 'Arial'; color:#ffffff}
.wrap_featured h3 a {color:#ffffff; text-decoration:none }
.wrap_featured h3 a:hover {color:#DDC002;}
.list2, .list2 ul {margin:0 0 10px; padding:0; margin-bottom:25px; padding-top:0}
.list2 li {margin:0;padding:3px 0 3px; list-style:none; font:normal 11px Arial, 'Century Gothic', sans-serif; color:#858585}
.list2 a, .list2 a:visited {color:#ACACAC;padding:5px 5px 5px 14px; margin-left:8px;background: transparent url(../images/bg_list_sq2.gif) 0px 50% no-repeat; text-decoration:none}
.list2 a:hover { color:#DDC002}

#footer {width:100%; background-color:#000000; padding:7px 0 7px; color:#666666; font:normal 11px 'Tahoma',verdana}
#footer a {text-decoration:none; color:#666666}
#footer a:hover {color:#C68D08}

table.tengah {color:#000000;background-color:#fff;padding:0px; margin-bottom:8px;border-top: 1px solid #DDC002;border-left: 1px solid #DDC002;border-bottom: 0px solid #DDC002;border-right: 0px solid #DDC002;}
table.tengah th, table.tengah td {padding:4px;border-top: 0px solid #DDC002;border-left: 0px solid #DDC002;border-bottom: 1px solid #DDC002;border-right: 1px solid #DDC002;color:#666666; font-family:'Tahoma',arial}
table.tengah th {color:#A59101}
tr.head {background-color:#FEF3AB}

.cssform label { float:left; width:150px;}
.cssform input[type="text"] {border:1px solid #CECECE;width:180px;}
.cssform input {border:1px solid #CECECE;}