@import url('css/reset.css');
@import url('css/960.css');
@import url('css/text.css');

body {margin:0; padding:0; background-color:#ffffff; color:#515151}
a, a:visited {text-decoration:none; color:color:#7CAC1B}

h1, h2 {margin:0; padding:0 0 3px;font: normal 25px 'Century Gothic', arial;color:#003399; border-bottom:3px solid #ccc}
h1 a, h1 a:link, h1 a:visited{text-decoration:none; color:#ffffff}
#content_relative {height:268px; position:relative}
#content_relative h1 {margin:0; padding:0 0 20px 50px; bottom:0; left:0; position:absolute; border:none; font-size:40px; text-shadow: 2px 2px 2px #000}
.container_list {height:9px; width:100%; margin:4px 0 4px;background:url(images/border_list.gif) left top repeat-x}
#container_center_int {float:right;width:771px;}
#container_right_int {float:right;width:244px; padding:0 10px 10px 10px;}
#container_right {float:right;width:244px; padding:10px;}
.container_recommend {width:auto; margin-bottom:5px}
.container_recommend h3 {margin:0 0 3px; padding:0;font:bold 12px 'century gothic', arial; text-transform:uppercase; border-bottom:2px solid #ccc}
.container_recommend h3 a { text-decoration:none; color:#36A2D0}
.container_recommend img {width: 232px; height: auto; padding:5px; border:1px solid #ccc}
#container_center_content {float:left;width:492px; padding:0 5px 0 10px; margin-bottom:10px}
#container_center_content h1 a{color:#003399}
#container_center_content #img_banner {margin: 10px 0 10px;}
#container_center_content #img_banner img {width:492px; height:auto}
#container_center_content h3, #container_center_content h4 {margin:0 0 5px; padding:0;font: normal 18px 'Century Gothic', arial;color:#003399;border-bottom:2px solid #ccc}
#container_center_content p, #container_center p {margin:4px 0 4px; padding:0}
#container_center {float:right;width:492px; padding:0 5px 0 10px}
#container_center p {margin:8px 0 8px; padding:2px 0 2px}
#container_center h2 a, h2 a:active, h2 a:link, h2 a:visited {margin:0; padding:0 0 3px;font: normal 25px 'Century Gothic', arial;color:#003399; border-bottom:3px solid #ccc}
#container_center h4 {margin:0; padding:0 0 3px;font: normal 20px 'Century Gothic', arial;color:#003399; border-bottom:3px solid #ccc}

#wrap_rate {width:auto; margin-bottom:5px; padding:5px; border-top:3px solid #ccc;border-bottom:3px solid #ccc}
#wrap_rate_left {float:left; width:350px; margin-right:5px}
#wrap_rate_left ul {margin:0; padding:0; list-style-type: none}
#wrap_rate_left li {margin:0; padding:0 0 0 15px; background: transparent url(images/arrow_list.gif) 0px 50% no-repeat; color:#3F65B2; font-size:12px}
#wrap_rate_right {float:right; width:127px;}
.container_featured {width:auto; margin:10px 0 8px}

.featured_left {float:left; width:240px; margin-right:5px}
.featured_left img {padding:2px; border:1px solid #ccc}

.featured_right {float:right; width:241px}

.featured_right h4 {margin:0 0 5px; padding:0;font: bold 16px 'Trebuchet MS', arial;}
.featured_right h4 a {text-decoration:none;color:#7CAC1B}
.featured_right h4 a:hover {color:#9DD922}
.featured_right p {margin:0; padding:0;  font-size:11px}
p.setting {font:bold 10px 'Tahoma',verdana; color:#CEB200; margin-top:5px}

p.villa_read_more {padding:5px 0 5px;text-align:right}
p.villa_read_more a {background: url(images/arrow_detail.gif) no-repeat center left; padding:0 0 0 18px; color:#37A0F7; text-transform:uppercase; text-decoration:none; font-size:11px}
p.villa_read_more a:hover {color:#77BDF9;}

#container_right_int img {margin:6px 10px 6px 17px;padding:5px;border:1px solid #ccc;}

#container_left {float:left;width:174px}
.list, .list ul {margin:0 0 10px; padding:0; margin-bottom:10px; padding-top:0}
.list li {margin:0;padding:0; font-size:13px;border-bottom: 2px solid #ccc;list-style:none; font:normal 15px 'Century Gothic', arial}
.list a, .list a:visited {display:block;color:#3C6397;padding:5px 3px 5px 16px; background: transparent url(images/arrow_list.gif) 0px 50% no-repeat; width:155px; text-decoration:none; color:#3571A2}
#container_left h5 {background-color:#ccc; margin:5px 0 0; padding:3px; font: normal 15px 'Century Gothic',arial; color:#fff; text-align:center}
#container_quick {width: auto; padding:5px; background-color:#EAEAEA; font-size:11px; color:#3F65B2}
#container_quick dt {margin:0; padding:0}
#container_quick dl {margin:0; padding:2px 0 2px}
#container_left 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}

.footer {font: normal 10px Arial, Helvetica, sans-serif}
.cssform label { float:left; width:150px;}
.cssform input[type="text"] {border:1px solid #CECECE;width:180px;}
.cssform input {border:1px solid #CECECE;}
table.tengah {color:#000000;background-color:#fff;padding:0px; margin-bottom:8px;border-top: 1px solid #345075;border-left: 1px solid #345075;border-bottom: 0px solid #345075;border-right: 0px solid #345075;}
table.tengah th, table.tengah td {padding:4px;border-top: 0px solid #345075;border-left: 0px solid #345075;border-bottom: 1px solid #345075;border-right: 1px solid #345075;}
table.tengah th {color:#ffffff}
table.tengah tr.head {background-color:#3F65B2}
label.error {
	color:red;
	clear:both;
	float:none;
	display:block;
}