* {

	margin: 0px;

	padding: 0px;

}

body {

	background-color: #232323;

	background-image: url(/images/bg.jpg);

	background-position: center top;

	background-repeat: no-repeat;

}

#wrapper {

	width: 920px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

}

#header {

	height: 206px;

	width: 920px;

	position: relative;

	padding-bottom: 11px;

}

#header h1 {

	height: 177px;

	width: 206px;

}

#menu {

	background-image: url(/images/bg_menu.gif);

	height: 29px;

	width: 906px;

	position: relative;

	padding-left: 14px;

}

#tengah {

	background-image: url(/images/bg_tengah_bawah.gif);

	background-repeat: no-repeat;

	background-position: bottom;

	width: 892px;

	padding-bottom: 50px;

	position: relative;

	background-color: #FFFFFF;

	padding-right: 14px;

	padding-left: 14px;

}

.clear {

	clear: both;

}

#kiri {

	float: left;

	width: 179px;

	padding-right: 13px;

	position: relative;

}

#search {

	width: 179px;

	position: relative;

	padding-bottom: 23px;

}

#search h1 {

	font-family: Arial;

	font-size: 12px;

	line-height: 36px;

	font-weight: bold;

	color: #ff1111;

	background-image: url(/images/bg1.jpg);

	background-repeat: no-repeat;

	background-position: top;

	vertical-align: middle;

	height: 36px;

	width: 161px;

	position: relative;

	padding-left: 18px;

	margin-bottom: 11px;

}

#search input {

	border: 1px solid #c2c2c2;

	margin-left: 4px;

	width: 148px;

	margin-right: 5px;

	font-family: Arial;

	font-size: 11px;

	font-style: italic;

	font-weight: normal;

	color: #8c8c8c;

}

#kategori {

	width: 179px;

	position: relative;

	padding-bottom: 14px;

}

#kategori h1 {

	font-family: Arial;

	font-size: 12px;

	line-height: 25px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

	vertical-align: middle;

	height: 25px;

	width: 179px;

	background-image: url(/images/bg2.jpg);

	background-repeat: no-repeat;

	background-position: top;

}

#kategori_dalam {

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #e2e2e2;

	border-bottom-color: #e2e2e2;

	border-left-color: #e2e2e2;

	padding-right: 5px;

	padding-left: 5px;

	width: 167px;

	position: relative;

	padding-bottom: 15px;

	padding-top: 5px;

}

#kategori_dalam li {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dfdfdf;

	list-style-type: none;

	padding-top: 5px;

	padding-right: 6px;

	padding-bottom: 5px;

	padding-left: 6px;

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

}

#kategori_dalam li a {

	color: #000000;

	text-decoration: none;

}

#kategori_dalam li a:hover {

	color: #ff1111;

	background-repeat: no-repeat;

}

#kategori_dalam li h2 {

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	padding-left: 10px;

	background-image: url(/images/content/kotak_biru.gif);

	background-position: left top;

	background-repeat: no-repeat;

	padding-top: 2px;

	padding-bottom: 2px;

	margin-left: 10px;

}

#kategori_dalam li h2 a {

	color: #000000;

	text-decoration: none;

}

#kategori_dalam li h2 a:hover {

	color: #FF0000;

}

#bank {

	width: 165px;

	position: relative;

	background-image: url(/images/bg1.jpg);

	background-repeat: no-repeat;

	background-position: top;

	padding-right: 7px;

	padding-left: 7px;

	padding-bottom: 20px;

}

#bank li {

	font-family: Arial;

	font-size: 11px;

	font-weight: bold;

	color: #fa2c2c;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dfdfdf;

	list-style-type: none;

	text-align: center;

	padding-top: 10px;

	padding-bottom: 7px;

	line-height: 150%;

}

.style1 {

	font-family: Arial;

	font-size: 12px;

	font-weight: bold;

	color: #ff1111;

}

.style2 {

	font-family: Arial;

	font-size: 11px;

	font-weight: bold;

	color: #000000;

}

.style2 a {

	color: #000000;

	text-decoration: none;

}

.style2 a:hover {

	color: #ff1111;

}

#tengah_dalam {

	float: left;

	width: 509px;

	padding-right: 12px;

	position: relative;

}

#welcome {

	background-image: url(/images/bg3.gif);

	width: 499px;

	position: relative;

	padding: 5px;

	margin-bottom: 10px;

}

#welcome h1 {

	font-family: Arial;

	font-size: 18px;

	font-weight: normal;

	color: #ff0000;

	background-color: #FFFFFF;

	margin-bottom: 5px;

	padding-left: 20px;

	line-height: 180%;

}

#content {

	font-family: Arial;

	font-size: 12px;

	line-height: 180%;

	font-weight: normal;

	color: #000000;

	background-color: #FFFFFF;

	width: 459px;

	padding-right: 20px;

	padding-left: 20px;

	padding-top: 20px;

	padding-bottom: 30px;

	text-align: justify;

}

#content a {

	color: #000000;

	text-decoration: none;

}

#content a:hover {

	color: #ff0000;

}

#content li {

	margin-left: 20px;

}

#produk {

	width: 509px;

	position: relative;

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	text-align: justify;

	line-height: 150%;

}

#produk h1 {

	font-family: Arial;

	font-size: 14px;

	line-height: 180%;

	font-weight: bold;

	color: #000000;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #919191;

	padding-left: 8px;

	margin-bottom: 7px;

}

.thumbnail {

	float: left;

	width: 164px;

	padding-bottom: 25px;

	margin-right: 2px;

	margin-left: 3px;

	position: relative;

}

.thumbnail_produk {

	background-color: #000000;

	width: 156px;

	padding-top: 4px;

	padding-right: 4px;

	padding-left: 4px;

	position: relative;

	margin-bottom: 9px;

}

.thumbnail_produk a {

	color: #FFFFFF;

	text-decoration: none;

}

.thumbnail_produk a:hover {

	color: #FF0000;

}

.thumbnail_produk h2 {

	background-color: #dadada;

	height: 114px;

	width: 156px;

}

.thumbnail_produk h3 {

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #FFFFFF;

	text-align: center;

	padding-top: 7px;

	padding-bottom: 7px;

}

.thumbnail h4 {

	float: left;

	height: 19px;

	width: 3px;

	font-family: Arial;

	font-size: 4px;

	font-weight: normal;

	background-image: url(/images/bg4.gif);

	margin-left: 8px;

	position: relative;

}

.thumbnail h5 {

	font-family: Arial;

	font-size: 12px;

	line-height: 17px;

	font-weight: normal;

	color: #5e5e5e;

	vertical-align: middle;

	height: 17px;

	width: 92px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #bcbdbc;

	border-bottom-color: #bcbdbc;

	padding-right: 4px;

	float: left;

	text-align: right;

	position: relative;

}

.thumbnail h6 {

	font-family: Arial;

	font-size: 12px;

	line-height: 19px;

	font-weight: normal;

	color: #FFFFFF;

	background-image: url(/images/bg5.jpg);

	text-align: center;

	vertical-align: middle;

	height: 19px;

	width: 50px;

	float: left;

	position: relative;

}

.thumbnail h6 a {

	color: #FFFFFF;

	text-decoration: none;

}

.thumbnail h6 a:hover {

	color: #ff1111;

}

#kanan {

	float: left;

	width: 179px;

	position: relative;

}

#ym {

	width: 179px;

	position: relative;

	padding-bottom: 15px;

}

#ym h1 {

	float: left;

	height: 59px;

	width: 74px;

	position: relative;

}

#ym h2 {

	font-family: Arial;

	font-size: 11px;

	font-weight: normal;

	color: #000000;

	float: left;

	width: 95px;

	padding-right: 10px;

	padding-top: 7px;

	position: relative;

}

#ym h3 {

	font-family: Arial;

	font-size: 11px;

	font-weight: normal;

	color: #000000;

	float: left;

	width: 70px;

	padding-left: 20px;

	padding-top: 3px;

	padding-bottom: 3px;

	position: relative;

}

#ym h4 {

	font-family: Arial;

	font-size: 11px;

	font-weight: normal;

	color: #000000;

	float: left;

	width: 10px;

	padding-top: 3px;

	padding-bottom: 3px;

	position: relative;

}

#ym h5 {

	font-family: Arial;

	font-size: 11px;

	font-weight: normal;

	float: left;

	width: 79px;

	padding-top: 3px;

	padding-bottom: 3px;

	position: relative;

}

.style3 {

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

}

#berita {

	width: 179px;

	position: relative;

	padding-bottom: 20px;

}

#berita h1 {

	font-family: Arial;

	font-size: 12px;

	line-height: 40px;

	font-weight: bold;

	color: #ff1111;

	background-image: url(/images/bg1.jpg);

	background-repeat: no-repeat;

	background-position: top;

	vertical-align: middle;

	height: 36px;

	width: 161px;

	position: relative;

	padding-left: 18px;

}

#berita li {

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #939393;

	list-style-type: none;

	width: 139px;

	margin-right: 14px;

	margin-left: 14px;

	padding-right: 6px;

	padding-left: 6px;

	padding-top: 5px;

	padding-bottom: 5px;

}

#berita li a {

	color: #000000;

	text-decoration: none;

}

#berita li a:hover {

	color: #ff1111;

}

#berita li h2 {

	font-family: Arial;

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #939393;

	padding-bottom: 5px;

}

#forum {

	width: 179px;

	position: relative;

	padding-bottom: 20px;

	text-align: center;

}

#forum h1 {

	font-family: Arial;

	font-size: 12px;

	line-height: 40px;

	font-weight: bold;

	color: #ff1111;

	background-image: url(/images/bg1.jpg);

	background-repeat: no-repeat;

	background-position: top;

	vertical-align: middle;

	height: 36px;

	width: 161px;

	position: relative;

	padding-left: 18px;

	text-align: left;

	padding-bottom: 5px;

}

#copyright {

	background-color: #535353;

	height: 40px;

	width: 903px;

	position: relative;

	padding-right: 17px;

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #c2c2c2;

	text-align: right;

	border-bottom-width: 20px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

	padding-top: 12px;

}

#copyright a {

	color: #8a8a8a;

	text-decoration: none;

}

#copyright a:hover {

	color: #FFFFFF;

}



/*css untuk contact*/

#contact {

	position: relative;

	width: 459px;

	padding-top: 10px;

}

#contact label {

	float: left;

	width: 150px;

	margin-top: 5px;

	margin-bottom: 5px;

}

#contact input, #contact textarea {

	margin-top: 5px;

	margin-bottom: 5px;

}

#button {

	padding-left: 150px;

	margin-bottom: 10px;

}



/*css untuk search*/

#content_search {

	width: 459px;

	position: relative;

}

#content_search h2 {

	float: left;

	width: 330px;

	margin-top: 5px;

	margin-bottom: 5px;

	padding-left: 20px;

}

#content_search h3 {

	float: left;

	width: 109px;

	margin-top: 5px;

	margin-bottom: 5px;

}



/*css untuk page*/

#page {

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #ff0000;

	text-align: right;

	width: 459px;

	position: relative;

}

#page a {

	color: #000000;

	text-decoration: none;

}

#page a:hover {

	color: #ff0000;

}

#page h2 {

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #919191;

	float: right;

	padding-left: 5px;

}

#page h2 a {

	color: #919191;

	text-decoration: none;

}

#page h2 a:hover {

	color: #ff0000;

}

#page h3 {

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	float: right;

	padding-left: 5px;

}

#page h4 {

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #ff0000;

	float: right;

	padding-left: 5px;

}



/*css untuk articles*/

#articles {

	width: 459px;

	position: relative;

}

#articles li {

	list-style-type: none;

	padding: 0px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #919191;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}

#articles li a {

	color: #ff0000;

	text-decoration: none;

}

#articles li a:hover {

	color: #000000;

}

.style4 {

	font-family: Arial;

	font-size: 11px;

	font-weight: normal;

	color: #919191;

}

#articles h2 {

	font-family: Arial;

	font-size: 11px;

	font-weight: normal;

	color: #919191;

	text-align: right;

	font-style: italic;

}

#articles h2 a {

	color: #919191;

	text-decoration: none;

}

#articles h3 {

	font-family: Arial;

	font-size: 14px;

	font-weight: bold;

	color: #ff0000;

	padding-bottom: 15px;

	line-height: 110%;

}



/*css untuk onderdil*/

#page_onderdil {

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #ff0000;

	text-align: right;

	width: 509px;

	position: relative;

	padding-bottom: 10px;

}

#page_onderdil a {

	color: #000000;

	text-decoration: none;

}

#page_onderdil a:hover {

	color: #ff0000;

}

#page_onderdil h2 {

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #919191;

	float: right;

	padding-left: 5px;

}

#page_onderdil h2 a {

	color: #919191;

	text-decoration: none;

}

#page_onderdil h2 a:hover {

	color: #ff0000;

}

#page_onderdil h3 {

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	float: right;

	padding-left: 5px;

}

#page_onderdil h4 {

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #ff0000;

	float: right;

	padding-left: 5px;

}

#onderdil_category {

	width: 509px;

	position: relative;

}

#onderdil_category li {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #dadada;

	list-style-type: none;

	padding-bottom: 10px;

	padding-top: 15px;

	width: 493px;

	margin-right: 8px;

	margin-left: 8px;

}

.thumbnail_category {

	float: left;

	width: 164px;

	margin-right: 10px;

	position: relative;

}

#category_kanan {

	float: left;

	width: 319px;

	position: relative;

}

#category_kanan li {

	border-bottom-style: none;

	list-style-type: disc;

	margin-left: 20px;

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	padding-top: 2px;

	padding-bottom: 2px;

}

#category_kanan li a {

	color: #000000;

	text-decoration: none;

}

#category_kanan li a:hover {

	color: #FF0000;

}

.style5 {

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

}

.style5 a {

	color: #000000;

	text-decoration: none;

}

.style5 a:hover {

	color: #FF0000;

}

#big_image {

	width: 450px;

	margin-right: auto;

	margin-left: auto;

	background-color: #000000;

	padding: 10px;

	margin-bottom: 15px;

}

#big_image h2 {

	height: 350px;

	width: 450px;

	background-color: #dadada;

}

#big_image h3 {

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	color: #FFFFFF;

	text-align: center;

	padding-top: 10px;

}

#big_image h4 {

	font-family: Arial;

	font-size: 12px;

	font-weight: bold;

	color: #FF0000;

	text-align: right;

	padding-top: 10px;

	font-style: italic;

}

#big_image h4 a {

	color: #FF0000;

	text-decoration: none;

}

#big_image h4 a:hover {

	color: #FFFFFF;

}

#spesifikasi {

	width: 509px;

	position: relative;

}

#spesifikasi table {

	margin-right: auto;

	margin-left: auto;

	margin-top: 10px;

	margin-bottom: 10px;

}

#spesifikasi td {

	padding-top: 2px;

	padding-right: 4px;

	padding-bottom: 2px;

	padding-left: 4px;

}



/*css untuk forum*/

#forum_content {

	width: 459px;

	padding-top: 20px;

	position: relative;

}

#komentar {

	width: 459px;

	position: relative;

}

#komentar h2 {

	background-color: #dadada;

	font-family: Arial;

	font-size: 12px;

	font-weight: bold;

	color: #000000;

	padding-top: 10px;

	padding-right: 15px;

	padding-bottom: 10px;

	padding-left: 15px;

}

#komentar ul {

	padding-bottom: 20px;

}

#komentar li {

	margin-right: 15px;

	margin-left: 15px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #dadada;

	list-style-type: none;

	padding-top: 5px;

	padding-bottom: 5px;

}