body {
 background: url(../images/background.jpg) repeat;
 margin-top: 0;


}

#wrapper {
  width: 989px;
  margin : auto;
  padding: auto;
}

#wrapper #header {
  width: 989px;

}

#wrapper #header #logo {
  margin-bottom: 10px;
}

#wrapper #header #menu {
  background: url(../images/menu.jpg) no-repeat center ;
  width: 989px;
  height: 44px;
  margin: auto;
  padding: 0;

}

#wrapper #header #menu #lang {
  background: url(../images/bg_lang.png) no-repeat;
  margin: 0 ;
  width: 109px;
  min-height: 32px;
  padding-top: 5px;
  float: right;
  text-align: center;

}

#wrapper #header #menu #lang img {
  margin: 0 3px;
}

#wrapper #header #menu li {
  float:left;
  padding : 15px 20px 0 20px;
  list-style: none;

}

#wrapper #header #menu .menuhead:link,
#wrapper #header #menu .menuhead:visited
 {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
}

#wrapper #header #menu .menuhead:hover
{
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #8fd735;
  text-decoration: underline;
}

#clearer {
  clear: both;
  background-color: #FFFFFF;
  height: 0;
  margin: 0;
  padding: 0;
}

#wrapper #content {
  width: 989px;
  background-color: #ffffff;

  margin: auto;
  padding:0;
}

#wrapper #content #content2 {
  height : 241px;

}

#wrapper #content #content2 #banner {
  float: left;
  width : 965px;
}


#wrapper #content img {
  margin: 10px 10px 0 10px;
}

#wrapper #content #Table_01 {
  width:965px;
  margin: 10px 10px 0 10px;
  padding :0;
}

#wrapper #content #Table_01 #homebnr {
  float:left;
  height: 119px;
  margin: 0;
  padding :0;
}


#wrapper #content #Table_01  #homebnr img {
  margin: 0;
}

#wrapper #content #content2  #bg_right {
  float: right;
  margin: 0;
  background: url(../images/bg_home_right.jpg) repeat-y ;
  width: 13px;
  min-height: 241px;
  }

#wrapper #content #content3 {
  background: url(../images/bg_home1.jpg);
  width:  989px;
  min-height: 359px;

}

#wrapper #content #content3 #leftcontent3 {
  float:left;
  width: 300px;
  min-height: 270px;
  margin: 50px 0 20px 10px;
}

.vm:link, .vm:visited{
  float:right;
  padding-right: 20px;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

.vm:hover {
  float:right;
  padding-right: 20px;
  font-style: italic;
  font-weight: bold;
  text-decoration: underline;
  color: #8fd735;
}

#wrapper #content #content3 #rightcontent3 {
  float:left;
  width: 480px;
  /*background-color: #003366;*/
  min-height: 290px;
  margin: 35px 0 20px 0;

}

#wrapper #content #content3 #rightcontent3 #headcontent3{
  width: 465px;
  min-height: 25px;
  margin : 0;
  padding: 10px 10px 0 10px;
  text-align: center;
  font: 14px Verdana, Arial, Helvetica, sans-serif ;
  font-style: italic;
  font-weight: bold;
  color: #ffffff;

}

#wrapper #content #content3 #rightcontent3 #contentcontent3{

  width: 430px;
  min-height: 240px;
  margin : 0;
  padding: 20px 30px 0 30px;
  text-align: justify;
  font: 8pt Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  line-height: 16px;
}

/* /////////////  css tentang kami ///////// */

#wrapper #content #content_tk {
  background: url(../images/bg_tentang_kami.jpg) no-repeat;
  width:  989px;
  min-height: 576px;
  padding-top: 20px;

}

#wrapper #content #content_tk #tk1 {
  float: left;
  margin: 0 0 0 35px;
  width: 415px;
  min-height: 330px;

}
#wrapper #content #content_tk #tk1 #headtk1 {
  text-align: center;
  min-height: 30px;
  padding-top: 7px;
  font: 14px Verdana, Arial, Helvetica, sans-serif ;
  font-style: italic;
  font-weight: bold;
  color: #ffffff;
}

#wrapper #content #content_tk #tk1 #contenttk1 {
  text-align: left;
  min-height: 280px;
  padding: 7px 15px;
  font: 12px Verdana, Arial, Helvetica, sans-serif ;
  color: #ffffff;
}

#wrapper #content #content_tk #tk1 #contenttk1 li {
  margin-left: 15px;
}

#wrapper #content #content_tk #tk2 {
  float: right;
  margin: 0 45px 0 0px;
  width: 455px;
  min-height: 545px;

}

#wrapper #content #content_tk #tk2 #headtk2 {
  text-align: center;
  min-height: 30px;
  padding-top: 7px;
  font: 14px Verdana, Arial, Helvetica, sans-serif ;
  font-style: italic;
  font-weight: bold;
  color: #ffffff;
}

#wrapper #content #content_tk #tk2 #contenttk2 {
  text-align: justify;
  min-height: 280px;
  padding: 7px 20px;
  font: 12px Verdana, Arial, Helvetica, sans-serif ;
  color: #ffffff;
}

/* /////////////  css service ///////// */

#wrapper #content #content_s {
  background: url(../images/bg_service.jpg) repeat-y;
  width:  989px;
  min-height: 1500px;
  padding:0;

}

#wrapper #content #content_k {
  background: url(../images/bg_klien.jpg) bottom no-repeat;
  width:  989px;
  min-height: 1500px;
  padding:0;


}

#wrapper #content #content_s #content_s2 {
  background: url(../images/bg_service1.jpg) bottom no-repeat;
  width:  989px;
  min-height: 1500px;
  padding:0;

}

#wrapper #content #content_s #s1 {
  float: left;
  margin: 0 0 0 25px;
  width: 448px;
  min-height: 330px;


}

#wrapper #content #content_s #s1 #s11 {
  background: url(../images/bg_service_kotak1.jpg) no-repeat;
  text-align: center;
  min-height: 195px;
  margin-top: 30px;
  font: 14px Verdana, Arial, Helvetica, sans-serif ;
  font-style: italic;
  font-weight: bold;
  color: #ffffff;
}



#wrapper #content #content_s #s1 #s11 #head_s11 {
  text-align: center;
  min-height: 30px;
  padding-top: 7px;
  font: 14px Verdana, Arial, Helvetica, sans-serif ;
  font-style: italic;
  font-weight: bold;
  color: #ffffff;

}

#wrapper #content #content_s #s1 #s11 #content_s11 {
  text-align: left;
  padding: 15px 15px;
  font: 12px Verdana, Arial, Helvetica, sans-serif ;
  color: #ffffff;
}

#wrapper #content #content_s #s1 #s12 {
  background: url(../images/bg_service_kotak2.jpg) no-repeat  ;
  text-align: left;
  min-height: 1141px;
  margin-top: 30px;
  padding: 15px;
  font: 12px Verdana, Arial, Helvetica, sans-serif ;
  line-height: 15px;
  color: #ffffff;
}

#wrapper #content #content_k #s1 #k12 {
  background: url(../images/bg_klien_kotak1.jpg) bottom no-repeat  ;
  text-align: left;
  min-height: 1100px;
  margin-top: 30px;
  padding: 15px;
  font: 10px Verdana, Arial, Helvetica, sans-serif ;
  color: #ffffff;
  line-height: 14px;
}

#wrapper #content #content_k #s1 #k12 li {
  list-style:circle;

}

#wrapper #content #content_s #s2 {
  float: right;
  margin: 15px 32px 0 0;
  width: 445px;
  min-height: 574px;
  background:url(../images/bg_service_kotak3.jpg) no-repeat;
  font: 12px Verdana, Arial, Helvetica, sans-serif ;
  color: #ffffff;

}

#wrapper #content #content_s #k2 {
  float: right;
  margin: 30px 32px 0 0px;
  width: 445px;
  min-height: 1356px;
  padding-left: 5px;
  background:url(../images/bg_klien_kotak2.jpg) no-repeat;
  font: 10px Verdana, Arial, Helvetica, sans-serif ;
  color: #ffffff;
  line-height: 14px;

}

#wrapper #content #content_s #k2 li {
  list-style:circle;
}

#wrapper #content #content_kon {
  background: url(../images/bg_kontak.jpg) no-repeat;
  width:  989px;
  min-height: 327px;

}

#wrapper #content #content_kon #content_kontak {
  float:left;
  width: 480px;
  min-height: 290px;
  margin: 0 0 0 12px;
  padding-top:15px;

}

#wrapper #content #content_kon #content_kontak #headcontent_kontak {
  width: 465px;
  min-height: 25px;
  margin : 0;
  padding: 10px 10px 0 10px;
  text-align: center;
  font: 14px Verdana, Arial, Helvetica, sans-serif ;
  font-style: italic;
  font-weight: bold;
  color: #ffffff;

}

#wrapper #content #content_kon #content_kontak #contentcontent_kontak {
  width: 462px;
  margin : 0;
  padding: 10px 15px 0 15px;
  text-align: center;
  font: 8pt Verdana, Arial, Helvetica, sans-serif;
  line-height: 18px;
  color: #ffffff;

}

#wrapper #footer {
  background: url(../images/footer.jpg) no-repeat;
  width: 989px;
  height: 22px;
  margin: 0;
  padding:0;
  font: 7pt Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color:#005d9d;
  text-align: center;
}