/* CSS BSB8 */
body { margin: auto; font-family: Tahoma; font-size: 12px; background: #000000;}

/***********************/
#centerwrap {
background-color: #000000;
width:100%;
height: 394px;
margin:0px auto;
position:relative;

}

/* commented backslash hack - invisible to IE 5 \*/
#centerwrap {
position:absolute;
margin:-197px 0 0 -50%;
left:50%;
top:50%;
}

#centerwrap2 {
background-color: #000000;
width:100%;
height: 450px;
margin:0px auto;
position:relative;

}

/* commented backslash hack - invisible to IE 5 \*/
#centerwrap2 {
position:absolute;
margin:-225px 0 0 -50%;
left:50%;
top:50%;
}

#header { width: 930px;  height: 30px; text-align: left; font-size: 23px; color:#cccccc; font-family: "GeosansLight", "Times New Roman", Times, serif;}
#text { width: 450px; float: left;}
.header { color: #FFFFFF;}
#menu { float: right; height: 20px; width: 100%; background-image: url(../images/dot.png); }

.menu { z-index: 100; margin: 0; font: 11px Verdana; float: right; margin-right: 10px; }
.menu ul { list-style: none; margin: 0; padding: 0;  }
.menu ul li { position: relative; float: left; display: block; padding-left: 45px; }
.menu ul li a { color: #e6e6e6; font-weight: bold; display: block; padding: 3px  5px 0px 5px; margin: 0; text-decoration: none; cursor: pointer; height: 17px;    }
.menu ul li a:hover { color: #ffffff; }

/* Style for the sub-menu (dropdown) */
.menu ul ul { position:absolute; top: 20px; left: -1px; padding-top: -1px;  }
.menu ul ul li { display: block; text-align: left;  }
.menu ul ul li a { color: e6e6e6; padding: 5px; margin: 0; text-decoration: none; cursor: pointer; width: 165px; background-image: url(../images/dot.png); }
.menu ul ul li a:hover { background: url(../images/dot2.png); color: #ffffff; }


.menu2 { z-index: 100; margin: 0; font: 11px Verdana; float: right; margin-right: 10px; }
.menu2 ul { list-style: none; margin: 0; padding: 0;  }
.menu2 ul li { position: relative; float: left; display: block; padding-left: 45px; }
.menu2 ul li a { color: #e6e6e6; font-weight: bold; display: block; padding: 3px  5px 0px 5px; margin: 0; text-decoration: none; cursor: pointer;  height:20px}
.menu2 ul li a:hover { color: #ffffff; }

/* Style for the sub-menu (dropdown) */
.menu2 ul ul { position:absolute; top: 22px; left: -1px; padding-top: -1px;  }
.menu2 ul ul li { display: block; text-align: left;  }
.menu2 ul ul li a { color: e6e6e6; padding: 5px; margin: 0; text-decoration: none; cursor: pointer; width: 165px; background-image: url(../images/dot3.png);height:17px}
.menu2 ul ul li a:hover { background-image: url(../images/dot4.png); color: #ffffff; }

#container { width: 930px; height: 394px; }
#body-burner { width: 930px; height: 350px; background-image: url(../images/burden_index.jpg);}
#line-uuk { border-bottom:  #FFFFFF solid 1px; border-top:  #FFFFFF solid 1px; text-align: center; }

/******************Bio***************/
#bio { width: 900px; height: auto; text-align: justify; padding: 25px 0px 25px 30px; color: #e6e6e6;}
#bio a { color: #e6e6e6; text-decoration: none;}
#bio a:hover { color: #FFFFFF; text-decoration: underline;}
#bio img { float: left; padding-right: 25px; padding-bottom: 20px;}
.title { color: #FFFFFF; font-size: 18px; }

#nul { clear: both; width: 930px; height: 1px; }
#nul2 { clear: both; width: 930px; height: 25px; }

/******************Contact***************/
#contact { width: 930px; height: auto; text-align: justify; padding: 25px 0px 40px 0px; color: #898989;}
.redcont { color: #ff0000;}

/******************Gallery***************/
#hed-gallery {width: 930px; height: 30px; background-image: url(../images/menu-gallery.jpg); text-align: left; font-size: 23px; color:#cccccc; font-family: "GeosansLight", "Times New Roman", Times, serif; }
#menu2 { width: 100%; padding-top: 8px;}
#gallery { width: 920px; height: 450px; padding: 0px 5px 8px 5px; clear: both; float: none; }

/*#view-gallery { width: 822px; float: left; height: 400px; background-color: #000000;}
#nav-left { width: 54px; float: left; height: 400px; }
#nav-right { width: 54px; float: right; height: 400px; }
.warna { background-color: 333333;}*/

/******************Tutup*********************/
#tutup-tangki { width: 70px; display: block; height: 60px; position: absolute; top: 8px; right: -100px; background: #000000; }

#footer { height: auto; width: 930px; color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#footer a { text-decoration: none;  color: #cccccc;}
#footer a:hover { text-decoration: none;  color: #FFFFFF;}