body {
    background-color: #95BFE5;
    color: #555D6A;
    font: 12px arial;
    margin: 0;
    padding: 0;
}
#container {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    padding: 0;
    width: 800px;
}
#logo {
    background: url("images/index_03.jpg") no-repeat scroll center center transparent;
    height: 40px;
    margin: 0;
    padding: 10px 0;
    width: 800px;
}
#bhs {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 40px;
    margin: 0;
    padding: 10px 0;
    width: 800px;
}
#menu {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 30px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 800px;
}
#menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}
#menu ul li {
    display: inline;
    float: left;
    margin: 0;
    padding: 10px 0;
}
a#home_1 {
    background: none repeat scroll 0 0 #1C4074;
    color: #FFFFFF;
    font: bold 14px arial;
    margin: 0 0 0 14px;
    padding: 10px 50px 10px 15px;
    text-decoration: none;
    text-transform: lowercase;
}
a#home_1:hover {
    background: none repeat scroll 0 0 #2B60AE;
}
a#home_2 {
    background: none repeat scroll 0 0 #576556;
    color: #FFFFFF;
    font: bold 14px arial;
    margin-left: 1px;
    padding: 10px 50px 10px 15px;
    text-decoration: none;
    text-transform: lowercase;
}
a#home_2:hover {
    background: none repeat scroll 0 0 #798B78;
}
a#home_3 {
    background: none repeat scroll 0 0 #8F8A39;
    color: #FFFFFF;
    font: bold 14px arial;
    margin-left: 1px;
    padding: 10px 50px 10px 15px;
    text-decoration: none;
    text-transform: lowercase;
}
a#home_3:hover {
    background: none repeat scroll 0 0 #A7A243;
}
a#home_4 {
    background: none repeat scroll 0 0 #C7AC1D;
    color: #FFFFFF;
    font: bold 14px arial;
    margin-left: 1px;
    padding: 10px 50px 10px 15px;
    text-decoration: none;
    text-transform: lowercase;
}
a#home_4:hover {
    background: none repeat scroll 0 0 #E0C62E;
}
a#home_5 {
    background: none repeat scroll 0 0 #FED200;
    color: #FFFFFF;
    font: bold 14px arial;
    margin-left: 1px;
    padding: 10px 50px 10px 15px;
    text-decoration: none;
    text-transform: lowercase;
}
a#home_5:hover {
    background: none repeat scroll 0 0 #D9B300;
}
a#home_6 {
    background: none repeat scroll 0 0 #FFFF00;
    color: #FFFFFF;
    font: bold 14px arial;
    margin-left: 1px;
    padding: 10px 80px 10px 15px;
    text-decoration: none;
    text-transform: lowercase;
}
a#home_6:hover {
    background: none repeat scroll 0 0 "#CCCC66";
}
#bawah {
    background: url("images/index_15.jpg") no-repeat scroll center top transparent;
    height: 55px;
    margin: 5px 0 0;
    padding: 0;
    width: 800px;
}
#banner {
    background: url("images/index_17.jpg") no-repeat scroll center top transparent;
    height: 160px;
    margin: 10px 0 15px;
    padding: 0;
    width: 800px;
}
#conten {
    background: none repeat scroll 0 0 #A2C3D4;
    margin: 10px 12px 15px 14px;
    padding: 0;
    width: 774px;
}
#kiri {
    background: none repeat scroll 0 0 #BCDCE7;
    float: left;
    margin: 0;
    padding: 0;
    width: 527px;
}
#judul {
    background: url("images/toluene_25.jpg") no-repeat scroll left center transparent;
    height: 20px;
    margin: 15px 0;
    padding: 0 0 0 5px;
    text-align: justify;
}
#utama {
    color: #555D6A;
    float: left;
    font: 12px arial;
    margin: 0;
    padding: 0 5px 10px 10px;
    text-align: justify;
}
#kanan {
    background: none repeat scroll 0 0 #A2C3D4;
    float: left;
    margin: 0;
    padding: 0;
    width: 246px;
}
#judul2 {
    background: url("images/back.jpg") no-repeat scroll left center transparent;
    height: 20px;
    margin: 15px 0;
    padding: 0 0 0 5px;
}
#berita {
    margin: 0;
    padding: 0 0 0 10px;
    text-align: justify;
}
h1 {
    color: #FFFFFF;
    font: bold 16px arial;
    text-transform: uppercase;
}
h2 {
    color: #FFFFFF;
    font: bold 14px arial;
    text-transform: uppercase;
}
#footer {
    background: url("images/index_19.jpg") no-repeat scroll center top #FFFFFF;
    color: #F7F7F7;
    font: 10px arial;
    height: 38px;
    margin: 0;
    padding: 5px 0 10px 20px;
    width: 780px;
}
#footer a:link, #footer a:visited, #footer a:active {
    color: #F7F7F7;
    font: 10px arial;
    text-decoration: none;
}
#footer a:hover {
    color: #FF9900;
}
#as {
    color: #555D6A;
    font: bold 14px Arial,Helvetica,sans-serif;
}
#as a:link, #as a:active, #as a:visited {
    color: #555D6A;
    font: bold 14px Arial,Helvetica,sans-serif;
    text-decoration: none;
}
#as a:hover {
    color: #CCCCCC;
}
.kotak {
    color: #FFFFFF;
    font: bold 14px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}
.kotak2 {
    color: #555D6A;
    font: bold 14px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}
#tabsC {
    background: none repeat scroll 0 0 #EDF7E7;
    float: left;
    font-size: 93%;
    line-height: normal;
    margin-bottom: 10px;
    width: 100%;
}
#tabsC ul {
    color: #555D6A;
    font: 12px arial;
    list-style: none outside none;
    margin: 0;
    padding: 10px 10px 0 50px;
}
#tabsC li {
    display: inline;
    margin: 0;
    padding: 0;
}
#tabsC a {
    background: url("tableftC.gif") no-repeat scroll left top transparent;
    float: left;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
}
#tabsC a span {
    background: url("tabrightC.gif") no-repeat scroll right top transparent;
    color: #464E42;
    display: block;
    float: left;
    padding: 5px 15px 4px 6px;
}
#tabsC a span {
    float: none;
}
#tabsC a:hover span {
    color: #FFFFFF;
}
#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 {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
.text {
    color: #333333;
    font: 12px arial;
    width: 220px;
}
.form {
    font: 12px arial;
}
#contact {
    margin: 0 0 0 5px;
    padding: 0;
}
.satuan {
    width: 100px;
}
.price {
    width: 120px;
}
#contact li {
    float: left;
    font: 12px arial;
    list-style: none outside none;
    margin: 0 10px 10px 0;
    text-align: center;
    width: 190px;
}
.bt {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

