body {
  margin-top: 52px;
  margin-bottom: 30px;
  background: url(images/bg.gif);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #659800;
}

a       {color: #659800; text-decoration: none;}
a:hover {color: #659800; text-decoration: underline;}

ol {
  margin-top: -10px;
  padding-left: 20px;
}
ul {
  list-style-type: square;
  list-style-position: outside;
  margin-top:-10px;
  padding-left:14px;
}
li {
  padding-bottom: 1px;
}

#content_container {
  width:797px;
/*  height:480px; */
  background-color: #ffffff;
  text-align: left;
  position: relative;
  overflow: hidden;
}

#nav {
  width: 797px;
  height: 24px;
  background:url(images/nav/nav_bg.gif);
  background-repeat: repeat-x;
  padding-left: 53px;
  text-align: left;
}

#page_title {
  width: 797px;
  height: 24px;
  background:url(images/title_bg.gif);
  background-repeat: repeat-x;
  padding-left: 53px;
  text-align: left;
}

#page_content {
  width: 440px;
/*  height: 148px; */
  text-align: left;
  margin-left: 50px;
  padding-bottom: 10px;
}
#page_content p {
  text-align: justify;
}

#hrule {
  height:1px;
  margin-top: 3px;
  margin-bottom: 6px;
  width: 100%;
  background-color: #659800;
  overflow: hidden;
}


/* Home page */

#berita_promo { width: 700px; margin-left:50px; margin-bottom: 30px; }

#berita { width: 400px; float:left; text-align: left; margin-bottom:30px;}
#berita_title { font-size: 13px; font-weight: bold; }
#berita_date { color: #f5ac34; }
#berita_content p { margin-top:2px; margin-bottom:0px;}

#promo {width: 240px; float:right; text-align: left; margin-bottom:30px;}
#sub_title { font-size: 13px; font-weight: bold; }
#promo_date { color: #f5ac34; }
#promo_content p { margin-top:2px; margin-bottom: 0px;}

#page_footer {
  clear:both;
  width:799px;
  background-color: #99cc00;
  background-repeat: repeat-x;
  text-align:right;
}

#photo_box { position:absolute; left: 510px; top:240px; }
#bunga_kiri { position: absolute; left: -40px; top: 230px; }
#bunga_kanan { position: absolute; left: 570px; top: 310px; }


/* Profil */

.profil_pic {
  visibility: hidden;
  position: absolute;
  left: 517px;
  top: 248px;
}

#profil_caption {
  position: absolute;
  z-index: 100;
  color: white;
  left: 518px;
  top: 396px;
}

#profil_logo {
  padding-top: 20px;
  padding-left: 50px;
  padding-bottom: 40px;
}
#profil_logo img {
  padding-right: 20px;
  border: 0;
}


/* Fasilitas */

.fasilitas_pic {
  visibility: hidden;
  position: absolute;
  left: 515px;
  top: 248px;
}

#fasilitas_caption {
  position: absolute;
  z-index: 100;
  color: white;
  left: 516px;
  top: 398px;
}


/* Tipe rumah */

#rumah_cluster_masterplan {
  position: absolute;
  top: 250px;
  left: 240px;
}
#rumah_cluster_detail {
  position:absolute;
  width: 267px;
  height: 560px;
  overflow:hidden;
  top: 0px;
  left: 502px;
  background-color:#99cc00;
  color: #ffffff;
}
#rumah_cluster_detail h3 {
  font-weight:bold;
  font-size:14px;
  margin-left: 12px;
}
#rumah_cluster_detail h4 {
  font-weight:bold;
  font-size:12px;
}
#rumah_cluster_detail td {
  font-size:11px;
  line-height:1em;
  color: #ffffff;
}

#rumah_cluster_photos {
  position:absolute;
  margin:10px;
}
#rumah_cluster_specs {
  position:absolute;
  margin:12px;
  visibility:hidden;
}
#rumah_cluster_kredit {
  position:absolute;
  margin:20px;
  visibility:hidden;
  font-size: 10px;
}
#rumah_cluster_kredit input { width: 140px; font-size:12px; margin-bottom:10px;}

.rumah_cluster_cluster  { font-size: 12px; font-weight:bold;}
.rumah_cluster_nama	{ font-size:10px; width: 160px; height: 16px; background-color:#99cd00; padding-top:3px; padding-left: 10px; margin-top: 2px; color:#ffffff;}
.rumah_cluster_nama a   { text-decoration: none; color: #ffffff; }

.rumah_cluster_tipe     { font-size: 11px; font-weight:normal; padding-left: 40px; line-height:1.5em;}
.rumah_cluster_tipe a   { text-decoration: none; color: #659800; }


/* Hubungi Kami */

td {
  font-size: 11px;
  vertical-align: top;
}

input {
  width: 260px;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #659800;
  border: 1px solid #99cc33;
  padding: 2px;
  margin-bottom: 4px;
}
textarea {
  width: 260px;
  height: 80px;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #659800;
  border: 1px solid #99cc33;
  margin-bottom: 4px;
}
.contact-button {
  width:60px;
  height: 20px;
  background-color: #99cc33;
  color: #334000;
  font-size: 11px;
}
#komentar {margin: 12px;padding-left: 8px; padding-right:8px;;width:228px; height:300px; background-color: #ffffff; overflow:auto;}
#komentar .tanggal {color:#f5ac34;}
#komentar .nama {font-weight:bold;}
#komentar .email {font-weight:bold;}
