@charset "utf-8";
/* CSS Document */

<style type="text/css">

/***********************
css tampilan
************************/
#content {
	/*height: 500px!important;*/
	height: 100%;
	min-height: 100%;
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
}
#nav {
	width: 960px!important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	clear: both;
	background-color: #FFFFFF;
}

#header {
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	float: inherit;
	clear: both;
}
#menu {
	margin: 0px 0px 0px 0px;
	position: relative;
	width: 100%;
}

#menu ul {
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	text-align: left;
	background: #55A1D5;
	position: relative;
	clear: left;
}

#page {
	text-align: left;
	margin: 0px 0px 0px 0px;
	width: 960px;
	background-color: #FFFFFF;
	float: left;
	position: relative;
}
#page-index {
	text-align: left;
	margin: 0px 0px 0px 0px;
	width: 960px;
	height: 510px;
	background-color: #FFFFFF;
	background-image: url(http://gerbangmadani.com/web/images/script-media/foter_full.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	
}
#footer_garis {
	width: 960px;
	position: inherit;
}
#footer_garis1 {
	width: 960px!important;
	background-repeat: no-repeat;
	position: absolute;
	float: inherit;
	clear: left;
	left: 0px;
	top: 580px;
}
#footer {
	width: 960px!important;
	background-image: url(http://gerbangmadani.com/web/images/script-media/foter_full.png);
	background-repeat: no-repeat;
	clear: both;
	margin: 0 auto;
	background-color: #FFFFFF;
	float: left;
	z-index: 0;
}
#footer-index {
	width: 960px!important;
	background-repeat: no-repeat;
	margin: 0 auto;
	z-index: 3;
	bottom: 0px;
	left: 0px;
	overflow: visible;
	position: relative;
	background-position: bottom;
	float: left;
}
#footer2 {
	width: 960px!important;
	background-color: #FFFFFF;
	float: left;
}
#footer_left {
	background-repeat: no-repeat;
	background-image: url(http://gerbangmadani.com/web/images/script-media/footer_garis_01.gif) #fff;
	margin: 10px 0px 0px 0px;
	height: 50px;
	float: left;
}
#footer_left1 {
	width: 210px!important;
	background-repeat: no-repeat;
	background-image: url(http://gerbangmadani.com/web/images/script-media/footer_garis_01.gif) #fff;
	margin: 40px 0px 0px 30px;
	height: 50px;
	clear: left;
	float: left;
	border-top-style: none;
}
#footer_right {
	width: 690px!important;
	background-repeat: no-repeat;
	background: url(http://gerbangmadani.com/web/images/script-media/footer_garis_02.gif);
	margin: 37px 0px 0px 0px;
	float: left;
}
#footer_right1 {
	width: 690px!important;
	background-repeat: no-repeat;
	background: url(http://gerbangmadani.com/web/images/script-media/footer_garis_02.gif);
	margin: 67px 0px 0px 0px;
	float: left;
	clear: right;
}
#footer_right_buttom {
	width: 340px!important;
	margin: 50px 10px 10px 0px;
	background:#fff;
	text-align:right;
	float: left;
	font-size: 10px;
	z-index: 3;
}
#footer_right_buttom-index{
	width: 340px!important;
	margin: 20px 10px 10px 0px;
	text-align:right;
	float: left;
	font-size: 10px;
	z-index: 3;
}
#footer_left-buttom {
	width: 960px!important;
	margin: 0px 0px 0px 0px;
	background:#fff;
	text-align:left;
	background-color: #FFFFFF;
	position: inherit;
	
}
#footer_left_buttom2 {
	width: 420px!important;
	margin: 50px 30px 0px 160px;
	background:#fff;
	text-align:left;
	float: left;
	font-size: 10px;
	z-index: 3;
	
}
#footer_left_buttom2-index{
	width: 420px!important;
	margin: 20px 30px 0px 160px;
	text-align:left;
	float: left;
	font-size: 10px;
	z-index: 3;
}
#footer_right_buttom h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#0000CC;
}
#footer_right_buttom-index h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#0000CC;
}
.telpsms{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FF9966;
}
#footer_left_buttom2 h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#0000CC;
}
#footer_left_buttom2-index h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#0000CC;
}
.footinfo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.linkinfo{ font-weight:bold; color:#0000CC;}
#footer #bg {
	position: relative;
	clear: both;
	height: 40px;
}

#footer #bg ul {
  float: right;
  margin: 3em 1em 0 0 !important;
  margin: 3em 0.5em 0 0;
  padding: 0;
}

#footer #bg ul li {
  display: inline;
  list-style: none;
}

#footer #bg ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #4D5760;
  border-right: 1px solid #4D5760;
}

#footer #bg ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#footer #bg ul li a:hover {
  color: #6C0;
}

#footer #bg img {
  position: absolute;
  top: 6%;
  left: 10px;
}
#footer_gambar {
	position:inherit;
	left:2px;
	width: 145px;
	height: 114px;
	top: 35px;
	float: left;
	clear: left;
}
#footer_gambar1 {
	position:absolute;
	left:30px;
	top:55px;
	width:104px;
	height:71px;
	z-index:1;
}
#left_botom{
	height:30px;
	width:960px;
	padding-left:0px;
	border-bottom:double #ccc;
	margin-bottom:10px;
	border-top: double;
	margin-top: 5px;
	border-top-style: solid;
	border-color: #CCCCCC;
	border-top-width: medium;
	border-bottom-width: thin;
	float: left;
}
#pollbutt{ width:72px; height:25px; float:right; }
#search-icon{
	width:305px;
	height:25px;
	float:right;
	margin: 3px 0 0;
}
#titleHal{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600;
	padding-top:10px;
	color:#afafaf;
	padding-left: 10px;
}
#ym{
	float:right;
	height:25px;
	padding-top:5px;
	margin-right: 5px;
}
#cari{
	height:15px;
	width:0px;
	border:0;
	padding:0px 0px 0px 5px;
	font-size:11px;
}
#cari_bck{
	background:url(http://gerbangmadani.com/web/images/input-search.png) no-repeat;
	height:20px;
	width:0px;
	border:none;
	padding:5px 0px 0px 5px;
	font-size:11px;
	float: left;
	margin-top: 3px;
}
#search-butt{
	background:url(http://gerbangmadani.com/web/images/cari-butt.png) no-repeat bottom;
	height:25px;
	width:0px;
	border:none;
	margin: 0 auto;
}
#submit-poll{
	background:url(http://gerbangmadani.com/web/images/tbl_submit.gif) no-repeat bottom;
	height:20px;
	width:60px;
	border:none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#last-comment{
	height:25px;
	width:200px;
	margin: 7px 15px 0px;
	float: right;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
}
#search-form{
	float:right;
	width: 230px;
}
#spek-fas{ font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#soldout{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FF0000; font-weight:bold;}
#polling{

}
.polling{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#6666FF; font-weight:700;}
/*
MAP
*/
#mapwrap{
	width:750px;
	float:left;
	height:310px;
}

#flashmap{
	width:100%px;
	float:left;
	margin:5px;
	height:270px;
	
}
/*
CONTACT LEYOUT

*/

#poll{
	width:100%;
}
#poll-form {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#poll-form p {float:left; text-align:left;}
.answer-item{
	width:100%;
	text-align:left;
	padding:5px 0px 0px 0px;
	float: left;
}
.submit-poll{
	width:100%;
	text-align:right;
	padding:px 0px 0px 0px;
	float: left;
}
.dukungan-item{ float:left; margin:3px;}
#contact-wrap{
	height: 370px;
	float: left;
	position: relative;
}
.form-element{
	padding:3px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 250px;
	vertical-align: middle;
}

#contact-wrap1{
	float: left;

}
#contact-form1{
	width:260px;
	height:300px;
	margin-left: 10px;
	float: left;
}
#contact-msg{
	width:50px;
	float: left;
	margin-left: 45px;
	clear: left;
}
#contact-submit{
	width:60px;
	float: right;
	margin-right: 20px;
}
#left-contact1{
	width:10px;
	margin:5px;
	float: left;
}
#dukungan1{
	width:490px;
	height:320px;
	margin:0px 5px;
	margin-left: 10px;
	background-image: url(http://gerbangmadani.com/web/images/galleri/backgroundcontac.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0px;
	padding-left: 5px;
	float: left;
}
.contact-send{
	background:url(http://gerbangmadani.com/web/images/script-media/tbl_send.gif) no-repeat bottom;
	border:none;
	width: 60px;
	height: 10px;
	cursor:pointer;
}
.contact-clear{
	background:url(http://gerbangmadani.com/web/images/script-media/tbl_clear.gif) no-repeat bottom;
	height:15px;
	width:60px;
	border:none;
	cursor:pointer;
}
/***********
Rounded corner
************/

dl.curved {
	margin:10px 0;
	padding:5;
	width:48%;
	float:left;
}
dl.curved dt {background:transparent url(http://gerbangmadani.com/web/images/c_tr2.jpg) top right no-repeat; padding:5px; text-align:center; color:#fff;}
dl.curved dd {background:#eaf5f9 url(http://gerbangmadani.com/web/images/c_bl.jpg) bottom left no-repeat; padding:5; margin:0;}
dl.curved dd p {margin:0; padding:5px; line-height:1.0em;}
dl.curved dd p.last {background:transparent url(http://gerbangmadani.com/web/images/c_br.jpg) bottom right no-repeat; }
.box-sep{
	width:50px;
	float:left;
	padding:5px;
}
/*testi*/

#testi-wrap{
	float:left;
	width:570px;
	margin: 0px 0px 0px 0px;
	height: 270px;
}
#testi-scroll{
	width: 550px;
	height: 270px;
	margin-top: 5px;
	overflow:hidden;
	float:left;
}
#testi-holder{height: 1000px;width: 380px;}
#testi-holder{
	width: 540px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:3px;
	float: left;
}
#testi-slider{
	width: 4px;
	height: 270px;
	margin: 6px 6px 6px 0px;
	;
	background: #e4e5e6;
	float:left;
	position: relative;
}
#testi-container{
	width:100%;
	float: left;
}
#testi-avatar{

}
#avatar-index{
	border: solid #ccc 2px;
	padding: 1px;
	background-color: #CCC;
	clear: left;
}
.testi-item{
	margin:5px;
	padding:5px;
	width: 100%;
	float: left;
}
.testi-head{
	width:200px;
	height:270px;
	margin:5px;
	float: left;
}
.testi-head h4{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.testi-content{
	float:right;
	width:300px;
	margin:5px;
	padding:10px 5px 0px 0px;
	clear: right;
}
.testi-detail{
	width:300px;
	margin:5px;
	padding:5px;
	float: right;
	clear: left;
}
.left-item{
	margin:5px;
	padding:5px;
}
/*
PRodct content style here
*/
#logo_border{
	width: 130px;
	height: 80px;
	padding-top: 1px;
	background-image: url(http://gerbangmadani.com/web/images/script-media/produck_logo_kosongan.gif);
	background-repeat: no-repeat;
	text-align: center;
}
#product-wrap{
	float:left;
	width:410px;
	margin: 0px 0px 0px 0px;
	height: 280px;
}
#product-scroll{
	width: 390px;
	height: 270px;
	margin-top: 5px;
	overflow:hidden;
	float:left;
}

#product-holder{
	height: 1000px;
	width: 395px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#product-holder p span{
	width: 460px;  	
  	font-family:Arial, Helvetica, sans-serif;
  	font-size:12px;
  	margin:3px;
  	float: left;
  	
}
#product-slider{width: 1px;
 
  height: 270px;
  margin: 6px 6px 6px 0px;;
  background: #e4e5e6;
  position: relative;
  float:left;}
.product-slider-handle{width: 9px;float:left;
  width: 4px;
  height: 16px;
  position: absolute;
  top: -4px;
  right:0px;
  background:#000;}
/******************
left-menu-slider

*******************/
#left-slider {
  width: 4px;
  height: 270px;
  margin: 6px;
  background: #e4e5e6;
  position: relative;
  float:left;
}
.left-slider-handle {
	width: 4px;
	height: 16px;
	position: absolute;
	top: -4px;
	background:#2f3192;
  
}
#left-scroll {
	width: 150px;
	height: 270px;
	margin-top: 10px;
	overflow: hidden;
	float:left;
}
#left-holder {
	height: 500px;
	width: 130px;
	padding-left: 15px;
}
#left-holder dt{
  width: 85px;
  height:85px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  margin:3px;
  padding:3px;
  float: left;
  cursor:pointer;
}
#logwrap{
	float: left;
	width: 170px;
	margin: 0px 0px 0px 0px;
	height: 270px;
	
	}
/**/
#testi-left-scroll {
	width: 160px;
	height: 270px;
	margin-top: 10px;
	overflow: hidden;
	float:left;
}
#testi-left-holder {
	height: 500px;
	width: 140px;
	padding-left: 20px;
}
#testi-left-holder dt{
  width: 85px;
  height:85px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  margin:3px;
  padding:3px;
  float: left;
  cursor:pointer;
}
#testi-logwrap{
	float: left;
	width: 180px;
	margin: 0px 0px 0px 0px;
	height: 270px;
	
	}
.foto-detail-testi{
	margin:5px;
	padding:5px;

}
#foto-index-testi{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	width: 40%;
	float: left;
	overflow: hidden;


}
#text-index-testi{
	padding: 0px 2px 1px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	float: left;
	width: 55%;
}
/**/
.logmenu{
	width:85px;
	height:85px;
	padding:5px;
	margin:5px;
}
/******************
content-slider

*******************/
#content-slider {
	width: 4px;
	height: 270px;
	margin: 4px;
	background: #e4e5e6;
	position: relative;
	float: left;
}

.content-slider-handle {
	width: 4px;
	height: 16px;
	position: absolute;
	top: 0px;
	background-repeat: no-repeat;
	background-color: #2f3192;
}

#content-scroll {
	width: 550px;
	height: 260px;
	margin-top: 10px;
	overflow: hidden;
	margin-left: 10px;
	float: left;
}
/*#content-scroll-profile {
	width: 550px;
	height: 150px;
	margin-top: 10px;
	overflow: hidden;
	margin-left: 10px;
	float: left;
}*/
#content-scroll-career {
	width: 550px;
	height: 150px;
	margin-top: 10px;
	overflow: hidden;
	margin-left: 10px;
	float: left;
}
#content-holder {
	height: 1000px;
	width: 98%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: inherit;
}

#content-holder p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  padding: 5px;
  margin-top:10px;
  
}
/******************
content-slider halaman profile

*******************/
#content-slider-profile {
	width: 4px;
	height: 150px;
	margin: 4px;
	background: #e4e5e6;
	position: relative;
	float: left;
}

.content-slider-handle-profile {
	width: 4px;
	height: 16px;
	position: absolute;
	top: 0px;
	background-repeat: no-repeat;
	background-color: #2f3192;
}

/*#content-scroll-profile {
	width: 550px;
	height: 260px;
	margin-top: 10px;
	overflow: hidden;
	margin-left: 10px;
	float: left;
}*/
#content-scroll-profile {
	background-color: #ffffff;
 	opacity: 0.7;
	width: 550px;
	height: 140px;
	margin-top: 10px;
	overflow: hidden;
	margin-left: 10px;
	float: left;
}

#content-holder-profile {
	height: 1000px;
	width: 98%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: inherit;
}

#content-holder-profile p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  padding: 5px;
  margin-top:10px;
  
}
/******************
content-slider halaman career

*******************/
#content-slider-career {
	width: 4px;
	height: 310px;
	margin: 4px;
	background: #e4e5e6;
	position: relative;
	float: left;
}

.content-slider-handle-career {
	width: 4px;
	height: 16px;
	position: absolute;
	top: 0px;
	background-repeat: no-repeat;
	background-color: #2f3192;
}

#content-scroll-career {
	width: 550px;
	height: 260px;
	margin-top: 10px;
	overflow: hidden;
	margin-left: 10px;
	float: left;
}
#content-scroll-career {
	width: 470px;
	height: 330px;
	margin-top: 10px;
	overflow: hidden;
	margin-left: 10px;
	float: left;
}

#content-holder-career {
	height: 1000px;
	width: 98%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: inherit;
}

#content-holder-career p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  padding: 5px;
  margin-top:10px;
  
}
/******************
content-slider halaman gallery

*******************/
#content-slider-gallery {
	width: 4px;
	height: 150px;
	margin: 4px;
	background: #e4e5e6;
	position: relative;
	float: left;
}

.content-slider-handle-gallery {
	width: 4px;
	height: 16px;
	position: absolute;
	top: 0px;
	background-repeat: no-repeat;
	background-color: #2f3192;
}


#content-scroll-gallery {
	width: 550px;
	height: 350px;
	float: left;
	margin-left: 10px;
	overflow: hidden;
}

#content-holder-gallery {
	height: 1000px;
	width: 98%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: inherit;
}

#content-holder-gallery p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  padding: 5px;
  margin-top:10px;
  
}
/****************
hot news and tips page
*****************/
#news-tips-wrap{
	float: left;
	width: 750px;
	margin: 0px 0px 0px 10px;
	position: inherit;
}
#news-wrap{
	float: left;
	clear: left;
	margin: 0px 0px 0px 0px;
}
#news-head{
	background-image: url(http://gerbangmadani.com/web/images/script-media/bg_hotnews_top.gif);
	width: 360px;
	height: 30px;
	background-repeat: no-repeat;
	border: 0;
}
#news-bg{
	background-image: url(http://gerbangmadani.com/web/images/script-media/bg_kotak_news.gif);
	width: 337px;
	background-repeat: repeat-y;
	padding: 5px 10px 0px 10px;
	border: 0;
}
#news-buttom{
	background-image: url(http://gerbangmadani.com/web/images/script-media/bg_hotnews_botom.gif);
	width: 360px;
	height: 30px;
	background-repeat: no-repeat;
	border: 0;
}
#tips-wrap{
	float: right;
}
#tips-head{
	background-image: url(http://gerbangmadani.com/web/images/script-media/bg_tipsmadani_top.gif);
	width: 360px;
	height: 30px;
	background-repeat: no-repeat;
	border: 0;
}
#tips-bg{
	background-image: url(http://gerbangmadani.com/web/images/script-media/bg_kotak_news.gif);
	width: 337px;
	background-repeat: repeat-y;
	padding: 5px 10px 0px 10px;
	border: 0;
}
#tips-buttom{
	background-image: url(http://gerbangmadani.com/web/images/script-media/bg_hotnews_botom.gif);
	width: 360px;
	height: 30px;
	background-repeat: no-repeat;
	border: 0;
}
#hot-news{
	float:left;
	width:250px;
	height:250px;
	margin:5px;
	padding:5px;
	display:block;
	border: solid 1px #0066CC;
}
#hot-tips{
	float:left;
	width:250px;
	height:250px;
	margin:5px;
	padding:5px;
	display:block;
	border: solid 1px #0066CC;
}

/*****************
mouse over
******************/
#env
{
	position: relative;
	margin: 0px auto 0px auto;
	width: 400px;
	
}
/*
product page style
*/
#cp-siteplan{ margin: 0 0 0 0;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0 0 0 0;
width: 150px;
height: 100px;
background: url(http://gerbangmadani.com/web/images/right.jpg) no-repeat;
background-position: top;
cursor:pointer;

}
#cp-images{ 
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0 0 0 0;
width: 150px;
height: 45px;
background: url(http://gerbangmadani.com/web/images/right.jpg) no-repeat;
background-position: 0px -100px;
cursor:pointer;
}
#cp-denah{ 
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0 0 0 0;
width: 150px;
height: 45px;
background: url(http://gerbangmadani.com/web/images/right.jpg) no-repeat;
background-position: 0px -145px;
cursor:pointer;
}
#cp-spek{ 
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0 0 0 0;
width: 150px;
height: 20px;
background: url(http://gerbangmadani.com/web/images/right.jpg) no-repeat;
background-position: 0px -190px;
cursor:pointer;
}
#cp-fasilitas{ 
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0 0 0 0;
width: 150px;
height: 60px;
background: url(http://gerbangmadani.com/web/images/right.jpg) no-repeat;
background-position: 0px -210px;
cursor:pointer;
}
.pro-content{
   float:left;
   width:400px;
   height:270px;
   padding:5px;
   
}
#rightban_flash{
	float: right;
	width: 150px;
	margin: 0px 5px 0px 0px;
	text-align: right;
	height: 304px;
	
}
#rightban {
	float: right;
	width: 180px;
	margin: 0px 5px 0px 0px;
	text-align: right;
	height: 304px;
	background-image: url(http://gerbangmadani.com/web/images/script-media/tbl_bg.gif);
	background-repeat: no-repeat;
	
}
#right-index-testimoni{
	background-image: url(http://gerbangmadani.com/web/images/script-media/2.png);
	background-repeat: no-repeat;
	width: 95%;
	height: 140px;
	padding: 5px 5px 5px 8px;
	margin-top: 10px;
	background-position: top-center;
}
.rightban-top {
	width: 150px;
	text-align: left;
	padding-top: 30px;
	padding-left: 30px;
	height: 60px;
}
.rightban-siteplan {
	width: 180px;
	height: 30px;
	clear: left;
		
}
.rightban-image {
	width: 180px;
	height: 40px;
		
}
.rightban-denah {
	width: 180px;
	height: 40px;
		
}
.rightban-spek {
	width: 180px;
	height: 40px;
		
}
.rightban-fasilitas{
	width: 180px;
	height: 40px;
		
}
#rightban2 {
	float: right;
	width: 180px;
	margin: 0px 0px 0px 5px;
	text-align: left;
}
#rightban2_index {
	margin: 0px 5px 0px 5px;
	text-align: left;
	height: 310px;
	position: inherit;
	vertical-align: top;
	background-color: #FFFFFF;
	z-index: 2;
	width: 230px;
	float: right;
	clear: right;
}
#polling-sess {
	width: 150px;
	margin: 0px 10px 0px 20px;
	text-align: left;
	background-image: url(http://gerbangmadani.com/web/images/script-media/bg_poll.gif);
	background-repeat: repeat;
	float: right;
	position: relative;
}
#polling-style {
	margin: 0px 0px 0px 0px;
	text-align: center;
	background-image: url(http://gerbangmadani.com/web/images/script-media/bg_poll.gif);
	background-repeat: repeat;
	float: left;
}
#polling-isi {
	margin: 0px 0px 0px 0px;
	background-repeat: repeat;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}
#right_baner {
	float: none;
	width: 180px;
	margin: 0px 0px 0px 0px;
	position: inherit;
	height: 77px;
	
}
#right_baner2 {
	float: none;
	width: 180px;
	margin: 5px 0px 0px 0px;
	position: inherit;
	
}
#right_baner3 {
	float: none;
	width: 180px;
	margin: 5px 0px 0px 0px;
	position: inherit;
	
}
#right_baner4 {
	float: none;
	width: 180px;
	margin: 5px 0px 0px 0px;
	position: inherit;
	
}
#right-index-video{
	width: 95%;
	background-image: url(http://gerbangmadani.com/web/images/script-media/1.png);
	background-repeat: no-repeat;
	height: 140px;
	padding: 8px;
	background-position: top-center;
}
#left {
	float: left;
	width: 580px;
	margin: 0px 0px 0px 0px;
	height: 270px;
	SCROLLBAR-FACE-COLOR: #000000;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #cccccc;
	SCROLLBAR-3DLIGHT-COLOR: #cccccc;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #000000;
	SCROLLBAR-BASE-COLOR: #cccccc;
	padding-right: 15px;
}
#left-profile-page {
	float: left;
	width: 580px;
	margin: 0px 0px 0px 0px;
	height: 150px;
	padding-right: 15px;
	padding-top: 130px;
	background-image: url(http://gerbangmadani.com/web/images/script-media/photo-profile.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#left-bom-page {
	float: left;
	width: 580px;
	margin: 0px 0px 0px 0px;
	height: 150px;
	padding-right: 15px;
	padding-top: 260px;
	background-image: url(http://gerbangmadani.com/web/images/script-media/BoardManagement.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#left-career-page {
	float: left;
	width: 500px;
	margin: 0px 0px 0px 0px;
	height: 340px;
	padding-right: 15px;
	padding-top: 0px;
}
#left-gallery-page {
	float: left;
	width: 560px;
	margin: 0px 0px 0px 0px;
	height: 350px;
	padding-right: 5px;
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 2;
}
#left-gallery {
	float: left;
	width: 180;
	margin: 0 auto;
	height: 270px;
	padding-right: 5px;
	width: 190px;
	vertical-align: top;
	padding-left: 5px;
}
#left-profile {
	float: left;
	width: 180;
	margin: 0 auto;
	height: 270px;
	padding-right: 5px;
	width: 170px;
	vertical-align: top;
	padding-left: 5px;
}
#left-career {
	float: left;
	width: 180;
	margin: 0 auto;
	height: 310px;
	padding-right: 5px;
	width: 245px;
	vertical-align: top;
	padding-left: 5px;
}
#left_index{
	width: 47%;
	margin: 0px 0px 0px 10px;
	height: 350px;
	z-index: 1;
	float: left;
}
#left_slide{
	width: 245px;
	height: 320px;
	background-image: url(http://gerbangmadani.com/web/images/script-media/7.png);
	background-repeat: no-repeat;
	background-position: left-top;
	z-index: 1;
	padding: 5px 5px 5px 6px;
	text-align: left;
	vertical-align: top;
	float: left;
}

#product-left {
	float: left;
	width: 550px;
	margin: 0px 0px 0px 0px;
	height: 270px;
	clear: left;
	overflow: hidden;
		
}
#pl-left{
	float:left;
	width:150px;
	height: 270px;
	border:solid 1px #078330;
	margin:5px;
}
#pl-right{
	float:right;
	width:380px;
	border:solid 1px #012330
}
#noborder a{color: #ffffff; background: inherit; text-decoration: none;border-width: 0;  }
#bottom2 {
	font-family: Trajan Pro;
	color: #474C36;
	font-size: 12px;
	font-weight: bold;
	word-spacing: normal;
}
#bottom2 a{
	font-family: Trajan Pro;
	color: #474C36;
	font-size: 12px;
	font-weight: bold;
	word-spacing: normal;
}
#bottom2 a:hover{
	font-family: Trajan Pro;
	color: #CC6633;
	font-size: 12px;
	font-weight: bold;
	word-spacing: normal;
}
#bottom2 a:visited{
	font-family: Trajan Pro;
	color: #474C36;
	font-size: 12px;
	font-weight: bold;
	word-spacing: normal;
	text-decoration: none;
}
/***********************
css html
************************/
* {
	vertical-align: top;
	word-spacing: normal;




	/*width: 360px;*/
}
option { padding-left: 0.4em; }

* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }


body {
	background: url(http://gerbangmadani.com/web/images/mainbg.gif) repeat-y #282b6d;
	
}
#mainwrap{
	width:960px;
	background:#fff;
	margin:20px auto;
	padding:5px;
	border:double #CCCCCC;
	clear: both;
	position: inherit;
}
#belongsto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	width: 960px;
	clear: both;
	position: relative;
	margin: auto;
	text-align: right;
}
#existcommpadding: 0margin: 0{
	margin:0px 0px 0px 0px;
	text-align: center;
}
a:link {
	color: #000000;
	text-decoration: none;
	cursor:pointer;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #CC3300;
}
a:active {
	text-decoration: none;
	color: #00CCFF;
	font-family: Arial, Helvetica, sans-serif;
}
.Footer {
	font-family: Verdana;
	font-size: 9px;
	color: #ffffff;
	letter-spacing: 0.2px;
}

.Footer2 {
	font-family: Verdana;
	font-size: 9px;
	color: #3F3F3F;

}

.bg_menu{
	width: 100%;
	position: relative;
	float: right;	

}
.style26 {
	font-size: 12px;
	text-align: left;
}
.style27 {
	font-size: 10px;
	font-weight: bold;
	color: #B2B4BF;
	width: 640px;
}
.style28 {
	color:#88d6f7;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.style31 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FF0000; }
.listbiru {
	background-color: #CCCCCC;
	color: #CCCCCC;
	line-height: 5px;
	font-size: 10px;
	width: 640px;
}

/********************/
.BG_header_02 {
	background-image:   url(http://localhost/images/script-media/header_02.gif);
}

.BG_subhead_01 {
	background-image:   url(http://localhost/image/script-media/back_subhead_01.gif);
	top: top;
	left: left;
	background-repeat: no-repeat;
}

.BG_Dalem_line_Botom {
	background-image:   url(http://localhost/images/script-media/BG_Line_botom.gif);
	}

.BG_Dalem_Box {
	background-color: #e5fedb;
}

.BOX {
	margin: 8px;
}
.style5 {
	font-family: CENTENNIAL;
	color: #000000;
	font-size: 10px;
}
.style6 {
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;

	word-spacing: normal;
}
.Font_Utama {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	letter-spacing: 0.1px;
}

.Font_utama_2 {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	letter-spacing: 0.1px;

}


.style8 {	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	font-style: normal;
}


.style8 {	font-family: Trajan Pro;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	word-spacing: normal;
	font-style: italic;
}

.font_subhead_besar {
	font-family: Arial;
	font-size: 11px;
	color: #3F3F3F;
	font-weight: bold;
	letter-spacing: 0.2px;
}
#comment{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0033CC;
	width: 125px;
	}
.clear{
	clear: left;
}
h3{
	font-size: 12px;
	font-weight: bold;
}
#kontak {
	width: 47%;
	float: left;
	margin: 3px;
	float: right;
	margin-top: 5px;
}
#kontak1 {
	margin: 3px;
	width: 49%;
	float: left;
	margin-top: 5px;
}

#foto-contact{
	width: 100%;
	margin: 3px;
	float: left;
}
#foto-contact1{
	width: 100px;
	float: left;
	margin: 3px;
}
#foto-contact #foto{
	width: 63px;
	height: 65px;
	float: left;
	padding: 5px;
	clear: left;
	overflow: hidden;
}
#foto-contact #tulisan{
	float: left;
	padding: 5% 3px;
	font-family: Verdana;
	font-size: 10px;
	width: 65%;
}
#foto-contact #tulisan1{
	float: left;
	clear: right;
	padding: 3px;
	width: 100px;
}
.text-icon{
	background:url(http://gerbangmadani.com/web/images/input-search.png) no-repeat;
	width:145px;
	padding:5px 5px 0px 5px;
	font-size:11px;
	height: 18px;
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
}
.pesan-icon{
	
	background: url (http://gerbangmadani.com/web/images/galleri/kotak.jpg)  no-repeat left top;
	margin-left: 25px;
}
.email{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
</style>