/* CSS Document */
body {
	
	width: 1200px;
	background-image:url(Images/background.png);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif
}

#black {
	color: #000000;
	font-weight: bold;
}

#layout {
	padding: 2px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 2;
}

#contoh {
	padding: 0px;
	float: left;
	height: 758px;
	width: 800px;
	background-image:url(Images/index.jpg);

}

#atas {
	
	padding-top: 0px;
	float: left;
	height: 53px;
	width: 800px;
	
}
#atas2 {
	padding: 0px;
	float: left;
	height: 240px;
	width: 800px;
	background-image:url(Images/banner.png);
	background-repeat:no-repeat;
}

#tombol {
	position: absolute;
	left: 190px;
	top: 230px;
	padding: 0px;
	height: 65px;
	width: 850px;
	margin-left: 30px;
	width:850px;
	background-image:url(Images/navigations.png);
	background-repeat:no-repeat;
}

#tombol_home
{
	
	margin-top: 8px;
	margin-left: 10px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/home_1.png);
	background-repeat:no-repeat;
	
}
#tombol_home a
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/home_1.png);
	background-repeat:no-repeat;
}

#tombol_home a:hover
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/home_2.png);
	background-repeat:no-repeat;
}

#tombol_about
{
	margin-top: 8px;
	margin-left: 10px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/about_1.png);
	background-repeat:no-repeat;
}
#tombol_about a
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/about_1.png);
	background-repeat:no-repeat;
}

#tombol_about a:hover
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/about_2.png);
	background-repeat:no-repeat;
}

#tombol_our
{
	margin-top: 8px;
	margin-left: 10px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/our_1.png);
	background-repeat:no-repeat;
}
#tombol_our a
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/our_1.png);
	background-repeat:no-repeat;
}

#tombol_our a:hover
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/our_2.png);
	background-repeat:no-repeat;
}

#tombol_event
{
	margin-top: 8px;
	margin-left: 10px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/event_1.png);
	background-repeat:no-repeat;
}
#tombol_event a
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/event_1.png);
	background-repeat:no-repeat;
}

#tombol_event a:hover
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/event_2.png);
	background-repeat:no-repeat;
}

#tombol_csr
{
	
	margin-top: 8px;
	margin-left: 10px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/csr_1.png);
	background-repeat:no-repeat;
	
}
#tombol_csr a
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/csr_1.png);
	background-repeat:no-repeat;
}

#tombol_csr a:hover
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/csr_2.png);
	background-repeat:no-repeat;
}


#tombol_log
{
	margin-top: 8px;
	margin-left: 10px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/log_1.png);
	background-repeat:no-repeat;
}
#tombol_log a
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/log_1.png);
	background-repeat:no-repeat;
}

#tombol_log a:hover
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 120px;
	background-image:url(Images/log_2.png);
	background-repeat:no-repeat;
}
#tombol_pengumuman
{
	margin-top: 8px;
	margin-left: 10px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 240px;
	background-image:url(Images/webelips.png);
	background-repeat:no-repeat;
}
#tombol_pengumuman a
{
	padding: 0px;
	float: left;
	height: 100px;
	width: 240px;
	background-image:url(Images/webelips.png);
	background-repeat:no-repeat;
}

#tombol_pengumuman a:hover
{
	padding: 0px;
	float: left;
	height: 100px;
	width: 240px;
	background-image:url(Images/webelips.png);
	background-repeat:no-repeat;
}

#badan {
	color: #000000;
	padding: 0px;
	float: left;
	height: auto;
	width: 800px;
}
#tombol_bawah {
	padding: 0px;
	float: left;
	height: 62px;
	width: 800px;
	
}

#tombol_inhouse
{
	padding: 0px;
	float: left;
	height: 62px;
	width: 215px;
	background-image:url(Images/inhouse_1.png);
	background-repeat:no-repeat;
}
#tombol_inhouse a
{
	padding: 0px;
	float: left;
	height: 62px;
	width: 215px;
	background-image:url(Images/inhouse_1.png);
	background-repeat:no-repeat;
}

#tombol_inhouse a:hover
{
	padding: 0px;
	float: left;
	height: 62px;
	width: 215px;
	background-image:url(Images/inhouse_2.png);
	background-repeat:no-repeat;
}

#tombol_standard
{
	padding: 0px;
	float: left;
	height: 62px;
	width: 146px;
	background-image:url(Images/standard_1.png);
	background-repeat:no-repeat;
}
#tombol_standard a
{
	padding: 0px;
	float: left;
	height: 62px;
	width: 146px;
	background-image:url(Images/standard_1.png);
	background-repeat:no-repeat;
}

#tombol_standard a:hover
{
	padding: 0px;
	float: left;
	height: 62px;
	width: 146px;
	background-image:url(Images/standard_2.png);
	background-repeat:no-repeat;
}
#tombol_bulet
{
	padding: 0px;
	float: left;
	height: 62px;
	width: 74px;
	background-image:url(Images/box.png);
	background-repeat:no-repeat;
}

#tombol_production
{
	padding: 0px;
	float: left;
	height: 62px;
	width: 121px;
	background-image:url(Images/production_1.png);
	background-repeat:no-repeat;
}
#tombol_production a
{
	padding: 0px;
	float: left;
	height: 62px;
	width: 121px;
	background-image:url(Images/production_1.png);
	background-repeat:no-repeat;
}

#tombol_production a:hover
{
	padding: 0px;
	float: left;
	height: 62px;
	width: 121px;
	background-image:url(Images/production_2.png);
	background-repeat:no-repeat;
}

#tombol_costumized
{
	padding: 0px;
	float: left;
	height: 62px;
	width: 243px;
	background-image:url(Images/costumized_1.png);
	background-repeat:no-repeat;
}
#tombol_costumized a
{
	padding: 0px;
	float: left;
	height: 62px;
	width: 243px;
	background-image:url(Images/costumized_1.png);
	background-repeat:no-repeat;
}

#tombol_costumized a:hover
{
	padding: 0px;
	float: left;
	height: 62px;
	width: 243px;
	background-image:url(Images/costumized_2.png);
	background-repeat:no-repeat;
}

#footer {
	padding: 0px;
	float: left;
	height:auto;
	width: 800px;
	
}
#spasifooter {
	padding: 0px;
	float: left;
	height:5px;
	width: 800px;
	
}

#tombol_contact
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/contact_1.png);
}
#tombol_contact a
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/contact_1.png);
}

#tombol_contact a:hover
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/contact_2.png);
}

#tombol_company
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/company_1.png);
}
#tombol_company a
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/company_1.png);
}

#tombol_company a:hover
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/company_2.png);
}

#tombol_guest
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/guest_1.png);
}
#tombol_guest a
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/guest_1.png);
}

#tombol_guest a:hover
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/guest_2.png);
}

#tombol_product_export
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/export_1.png);
}
#tombol_product_export a
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/export_1.png);
}

#tombol_product_export a:hover
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/export_2.png);
}


#tombol_product_local
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/lokal_1.png);
}
#tombol_product_local a
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/lokal_1.png);
}

#tombol_product_local a:hover
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/lokal_2.png);
}


#tombol_product_oem
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/oem_1.png);
}
#tombol_product_oem a
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/oem_1.png);
}
#tombol_product_oem a:hover
{
	padding: 0px;
	float: left;
	height: 50px;
	width: 170px;
	background-image:url(Images/oem_2.png);
}

#headerlog {
	background-image: url(Images/headerlogin.gif);
	padding: 0px;
	float: left;
	height: 104px;
	width: 400px;
}
#contentlog {
	float: left;
	height:auto;
	width: 400px;
	background-color:#ff0000;
}
#layout2 {
	padding: 3px;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 2;
	background-color:#FFFFFF;
}

#adminheader {
	padding: 0px;
	float: left;
	height: 120px;
	width: 800px;
	background-color:#666666;
	background-image:url(Images/headeradmin.jpg);
}
a:link {
	color:#ff0000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ff0000;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}