body {
	background-color: #FFFFFF;
	margin:0;
	padding:0;
	font:normal 12px arial;
	color:#555D6A;
}
#container{
	background:#FFF;
	width:800px;
	margin:0 auto;
	padding:0;
}
#logo{
	width:800px;
	height:40px;
	margin:0;
	padding:10px 0 10px 0;
	background:url(images/index_03.jpg) no-repeat center;
}

#bhs{
	width:800px;
	height:40px;
	margin:0;
	padding:10px 0 10px 0;
	background:#FFFFFF;
}

#menu{
	margin:0;
	padding:0;
	width:800px;
	height:30px;
	text-align:center;
	background:#FFF;
}
#menu ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	vertical-align:middle;
}
#menu ul li{
	float:left;
	padding:10px 0 10px 0;
	margin:0;
	display:inline;
}
/*#menu ul li a:link,#menu ul li a:visited,#menu ul li a:active{
	padding:0;
	margin:0;
	text-transform:lowercase;
	font:bold 14px arial;
	color:#EAF8FB;
	text-decoration:none;
	display:block;
}
#menu ul li a:hover{
	background:#CCCCCC;
	
}
*/
a#home_1{
	background:#1C4074;
	padding: 10px 111px 10px 15px;
	margin: 0 0 0 14px;
	text-decoration: none;
	color: #fff;
	font:bold 14px arial;
	text-transform:lowercase;
}

a:hover#home_1 {
	background:#2B60AE;
}

a#home_2{
	background:#576556;
	padding: 10px 89px 10px 15px;
	margin-left: 1px;
	text-decoration:none;
	font:bold 14px arial;
	color:#FFF;
	text-transform:lowercase;
}
a:hover#home_2{
	background:#798B78;
}

a#home_3{
	margin-left:1px;
	padding: 10px 78px 10px 15px;
	background:#8F8A39;
	font:bold 14px arial;
	color:#FFF;
	text-transform:lowercase;
	text-decoration:none;
}
a:hover#home_3{
	background:#A7A243;
}
a#home_4{
	margin-left:1px;
	background:#C7AC1D;
	padding: 10px 58px 10px 15px;
	font:bold 14px arial;
	color:#FFF;
	text-transform:lowercase;
	text-decoration:none; 
}
a:hover#home_4{
	background:#E0C62E;
}
a#home_5{
	margin-left:1px;
	padding: 10px 58px 10px 15px;
	background:#FED200;
	font:bold 14px arial;
	color:#FFF;
	text-transform:lowercase;
	text-decoration:none;
}
a:hover#home_5{
	background:#D9B300;
}
#bawah{
	margin:5px 0 0 0;
	padding:0;
	background:url(images/index_15.jpg)  no-repeat center top;
	width:800px;
	height:55px;
}
#banner{
	width:800px;
	height:160px;
	margin:10px 0 15px 0;
	padding:0;
	background:url(images/index_17.jpg) no-repeat center top;
}
#conten{
	width:774px;
	background:#A2C3D4;;
	margin:10px 12px 15px 14px;
	padding:0;
}
#kiri{
	float:left;
	margin:0;
	padding:0;
	width:527px;
	background:#BCDCE7;
}
#judul{
	text-align:justify;
	margin:15px 0 15px 0;
	padding:0 0 0 5px;
	height:20px;
	background:url(images/toluene_25.jpg) no-repeat left;
}
#utama{
	margin:0;
	padding:0 5px 10px 10px;
	font:normal 12px arial;
	color:#555D6A;
	text-align:justify;
	float:left;
}
#kanan{
	margin:0;
	padding:0;
	width:246px;
	float:left;
	background:#A2C3D4;
}
#judul2{
	margin:15px 0 15px 0;
	background:url(images/back.jpg) no-repeat left;
	height:20px;
	padding:0 0 0 5px;
}
#berita{
	margin:0;
	padding:0;
	text-align:justify;
}
h1{
	font:bold 16px arial;
	color:#FFF;
	text-transform:uppercase;
}
h2{
	font:bold 14px arial;
	color:#FFF;
	text-transform:uppercase;
}
#footer{
	width:780px;
	height:38px;
	margin:0;
	padding:5px 0 10px 20px;
	background:#FFF url(images/index_19.jpg) no-repeat center top;
	font:normal 10px arial;
	color:#F7F7F7;
/*	float:left;
	clear:both;*/
}
#footer a:link,#footer a:visited,#footer a:active{
	font:normal 10px arial;
	color:#F7F7F7;
	text-decoration:none;
}
#footer a:hover{
	color:#FF9900;
}
#as{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#555D6A;
}
#as a:link,#as a:active,#as a:visited{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#555D6A;
	text-decoration:none;
} 
#as a:hover{
	color:#CCC;
}
.kotak{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform:uppercase;
}
.kotak2{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#555D6A;
	text-transform:uppercase;
}
/*- Menu Tabs C--------------------------- */

    #tabsC {
      float:left;
      width:100%;
      background:#EDF7E7;
      font-size:93%;
      line-height:normal;
	  margin-bottom:10px
	  
      }
    #tabsC ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
		font:normal 12px arial;
		color:#555D6A;
      }
    #tabsC li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsC a {
      float:left;
      background:url("tableftC.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsC a span {
      float:left;
      display:block;
      background:url("tabrightC.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#464E42;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      color:#FFF;
      }
    #tabsC a:hover {
      background-position:0% -42px;
      }
    #tabsC a:hover span {
      background-position:100% -42px;
      }

        #tabsC #current a {
                background-position:0% -42px;
        }
        #tabsC #current a span {
                background-position:100% -42px;
        }.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.text{
	width:220px;
	font:normal 12px arial;
	color: #333333;
}
.form{
	font:normal 12px arial;
}
#contact{
		margin: 0 0 0 5px;
		padding: 0;
}
.satuan{
	width:100px;
}
.price{
	width:120px;
}
#contact li {
	list-style: none;
	float: left;
	line-height: 18px;
	margin: 0 10px 10px 0;
	text-align: center;
	width: 190px;
	font:normal 12px arial;
	}
	.bt{
		list-style:none;
		margin:0;
		padding:0;
	}