body {
	margin: 10px 0 10px 0;
	padding: 0;
	font: normal 12px Arial;
	color: :#6699FF;
	background-color: #222B52;
	}

div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000066;
}
a:link,a:active,a:visited{
	font: normal 12px Arial;
	color: :#6699FF;
}
a:hover{
	color:#0066ff;
	text-decoration:none;
}

#container {
	width: 777px;
	margin: 0 auto;
	padding: 0;
	}

#logo {
	margin: 0 0 0 0;
	padding: 0;
	background: url(images/index_03.jpg) no-repeat top left;
	width: 777px;
	height: 61px;
	text-indent: -9999px;
	}
#bhs {
	margin: 0 0 0 0;
	padding: 0;
	width: 777px;
	background:#FFFFFF;
}
#menu {
	margin: 0;
	background-color: #222B52;
	float: right;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	}

#menu ul {
	margin: 0;
	padding: 0;
	float: left;
	font: italic 14px Arial;
	color: #fff;
	}

#menu ul li {
	list-style: none;
	display: inline;
	padding: 0 5px 0 0;
	}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited {
	font: italic 14px Arial;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}

#menu ul li a:hover {
	color: #5D9ED4;
	}

#banner {
	clear: both;
	margin: 0;
	padding: 0;
	background: url(images/index_11.jpg) no-repeat top left;
	width: 777px;
	height: 175px;
	text-indent: -9999px;
	}


#content {
	float: left;
	margin: 0;
	padding: 10px;
	background-color: #fff;
	text-align: justify;
	}

h1 {
	font: bold 16px Arial;
	text-transform: uppercase;
	color:#222B52;

	}

h1 span {
	font-weight: bold;
	text-transform: uppercase;
	color:#222B52;;
	}

h2 {
	font: bold 14px Arial;
	color: :#6699FF;
	padding-left: 10px;
	text-transform: uppercase;
	}

#kiri {
	width: 520px;
	float: left;
	padding-right: 10px;

	}

#news {
	width: 227px;
	float: left;
	}

#isinews {
	border-left: 1px solid #333;
	}

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	background: url(images/about_15.jpg) no-repeat top left;
	width: 777px;
	height: 52px;
	font: normal 10px Arial;
	color:#333;
	text-transform:lowercase;
	}

#footer ul {
	
	margin: 0 10px;
	padding: 0;
	border-top: 1px solid #67A8DE;
	font: normal 10px Arial;
	color:#333;
	text-transform:lowercase;

	}

#footer ul li {
	display:inline;
	list-style: none;
	}
#footer ul li a:link,#footer ul li a:active,#footer ul li a:visited{
	text-transform:lowercase;
	font: normal 10px Arial;
	color:#333;
	text-decoration:none;
}
#footer ul li a:hover {
	color: #67A8DE;
	}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#222B52;
}
.style2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#222B52;
	font-size: 12px;}
.style2 a:link , a:active, a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#222B52;
	text-decoration:none;
}
.style2 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0A5B92;
	text-decoration:underline;
}

.style3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#222B52;
}
.style3 a:link {color:#036195; text-decoration:none;}
.style3 a:visited {font-family: arial; font-size:14px; color:#0B5487; text-decoration:none;}
.style3 a:hover{font-family: arial; font-size:14px; color:#619DD1;text-decoration:underline;}
.style3 a:active{font-family: arial; font-size:14px; color:#014D7E;text-decoration:underline;}
.kotak {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#333333;
}
.kotak2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
.kotak2 a:link {color:#333333; text-decoration:none;}
.kotak2 a:visited {font-family: arial; font-size:10px; color:#333333; text-decoration:none;}
.kotak2 a:hover{font-family: arial; font-size:10px; color:#0066ff;text-decoration:underline;}
.kotak2 a:active{font-family: arial; font-size:10px; color:#333333;text-decoration:underline;}
.style7 {font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.style7 a:link {color:#333333; text-decoration:none;}
.style7 a:visited {font-family: arial; font-size:10px; color:#333333; text-decoration:none;}
.style7 a:hover{font-family: arial; font-size:10px; color:#0066ff;text-decoration:underline;}
.style7 a:active{font-family: arial; font-size:10px; color:#333333;text-decoration:underline;}
/*- Menu Tabs--------------------------- */


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

        #tabs #current a {
                background-position:0% -42px;
        }
        #tabs #current a span {
                background-position:100% -42px;
        }

#spec {
	clear: both;
	margin: 0;
	padding: 0;
	}
#msds {
	clear: both;
	margin: 0;
	padding: 0;
	}
#alamat{
	border-left: 1px solid #333;
	margin:0;
	padding:0 0 0 5px;
	font:normal 10px arial;
	color:#222B52;
	
	}
.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;
	}