* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #edf5ff;
	background-image: url(/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#wrapper {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.clear {
	clear: both;
}
#header {
	height: 138px;
	width: 970px;
	position: relative;
}

#gallery {
	position:relative;
	height:105px;
}

#gallery a {
	float:left;
	position:absolute;
}

#gallery a img {
	border:none;
}

#gallery a.show {
	z-index:900;
}

/*
CSS aslinya

#header h1 {
	height: 105px;
	width: 970px;
	position: relative;
}

#hd1 {
	position: absolute;
	left: 0px;
	top: 0px;
	filter:alpha(opacity = 100);
	opacity: 1.0;
	z-index:3;
}

#hd2 {
	position: absolute;
	left: 0px;
	top: 0px;
	filter:alpha(opacity = 100);
	opacity: 1.0;
	z-index:2;
}

#hd3 {
	position: absolute;
	left: 0px;
	top: 0px;
	filter:alpha(opacity = 100);
	opacity: 1.0;
	z-index:1;
}
*/

#menu {
	background-color: #193968;
	height: 33px;
	width: 970px;
	position: relative;
}
#menu h2 {
	float: left;
}
#menu h2 a {
	font-family: Arial;
	font-size: 12px;
	line-height: 21px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #193968;
	float: left;
	height: 21px;
	margin-top: 6px;
	margin-bottom: 6px;
	position: relative;
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 15px;
	margin-left: 15px;
	text-decoration: none;
}
#menu h2 a:hover {
	background-color: #0090e5;
}
#menu h3 {
	float: left;
}
#menu h3 a {
	font-family: Arial;
	font-size: 12px;
	line-height: 21px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0090e5;
	float: left;
	height: 21px;
	margin-top: 6px;
	margin-bottom: 6px;
	position: relative;
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 15px;
	margin-left: 15px;
	text-decoration: none;
}
#menu h3 a:hover {
	color: #193968;
}
#atas {
	background-color: #FFFFFF;
	background-image: url(/images/bg1.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 938px;
	position: relative;
	padding-top: 12px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 12px;
}
#atas_kiri {
	float: left;
	width: 230px;
	position: relative;
}
.new_arrival {
	width: 230px;
	position: relative;
	padding-bottom: 14px;
}
.new_arrival h1 {
	font-family: Arial;
	font-size: 12px;
	line-height: 34px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	width: 215px;
	padding-left: 15px;
	background-image: url(/images/bg2.jpg);
	position: relative;
}
.new_arrival h1 img {
	margin-left: 5px;
}
.new_arrival ul {
	background-color: #f4f3ef;
	padding-bottom: 10px;
	padding-top: 2px;
}
.new_arrival li {
	background-image: url(/images/panah2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 15px;
	margin-left: 15px;
	list-style-type: none;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #0090e5;
	padding-left: 14px;
	width: 186px;
	position: relative;
	margin-top: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c4c4c4;
	padding-bottom: 8px;
}
.new_arrival li a {
	color: #0090e5;
	text-decoration: none;
}
.new_arrival li a:hover {
	color: #000000;
}
#facebook {
	width: 230px;
	position: relative;
}
#facebook h1 {
	float: left;
	height: 120px;
	width: 120px;
	position: relative;
}
#facebook h2 {
	float: left;
	height: 120px;
	width: 110px;
	position: relative;
}
#atas_tengah {
	float: left;
	width: 446px;
	margin-left: 16px;
	position: relative;
	margin-right: 16px;
}
#atas_tengah h1 {
	height: 133px;
	width: 446px;
	position: relative;
	padding-bottom: 11px;
}
#atas_kanan {
	float: left;
	width: 230px;
	position: relative;
}
#livechat {
	width: 230px;
	position: relative;
}
#livechat h1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 184px;
	padding-left: 46px;
	position: relative;
	height: 38px;
	background-image: url(/images/bg3.jpg);
	line-height: 35px;
	vertical-align: middle;
}
#livechat li {
	text-align: center;
	list-style-type: none;
	padding-top: 10px;
}
#bawah {
	background-color: #FFFFFF;
	width: 938px;
	position: relative;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 20px;
}
#bawah_kiri {
	float: left;
	width: 230px;
	position: relative;
}
#kategori {
	width: 230px;
	position: relative;
	padding-bottom: 14px;
}
#kategori h1 {
	font-family: Arial;
	font-size: 12px;
	line-height: 34px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	width: 215px;
	padding-left: 15px;
	background-image: url(/images/bg4.jpg);
	position: relative;
}
#kategori h1 img {
	margin-left: 5px;
}
#kategori ul {
	background-color: #f4f3ef;
	padding-bottom: 10px;
	padding-top: 2px;
}
#kategori li {
	background-image: url(/images/panah2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 15px;
	margin-left: 15px;
	list-style-type: none;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #0090e5;
	padding-left: 14px;
	width: 186px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c4c4c4;
	padding-bottom: 8px;
	margin-top: 8px;
}
#kategori li a {
	color: #0090e5;
	text-decoration: none;
}
#kategori li a:hover {
	color: #000000;
}
#kategori h2 {
	text-align: center;
	background-color: #f4f3ef;
	padding-bottom: 15px;
}
#logo {
	width: 230px;
	position: relative;
	text-align: center;
}
#logo img {
	padding-top: 10px;
	padding-bottom: 10px;
}
#bawah_kanan {
	float: left;
	width: 692px;
	position: relative;
	padding-left: 16px;
}
#bawah_kanan_title {
	height: 34px;
	width: 692px;
	position: relative;
	background-image: url(/images/bg5.jpg);
}
#bawah_kanan_title h1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	width: 334px;
	position: relative;
	line-height: 34px;
	vertical-align: middle;
	padding-left: 12px;
}
#bawah_kanan_title h2 {
	float: left;
	width: 336px;
	position: relative;
	text-align: right;
	padding-top: 7px;
	padding-right: 10px;
}
#content {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	width: 668px;
	position: relative;
	line-height: 180%;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: justify;
}
#content a {
	color: #000000;
	text-decoration: none;
}
#content a:hover {
	color: #e2020c;
}
#content li {
	margin-left: 25px;
}
#content table {
	margin-right: auto;
	margin-left: auto;
}
#content td {
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.thumbnail {
	float: left;
	width: 346px;
	position: relative;
	padding-top: 20px;
}
.thumbnail h3 {
	float: left;
	width: 114px;
	position: relative;
	text-align: center;
}
.thumbnail_kanan {
	float: left;
	width: 210px;
	padding-right: 9px;
	padding-left: 9px;
	position: relative;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.style1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #0090e5;
}
.style1 a {
	color: #0090e5;
	text-decoration: none;
}
.style1 a:hover {
	color: #e2020c;
}
.style2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #e2020c;
}
.thumbnail_kanan td {
	padding-top: 5px;
	padding-bottom: 5px;
}
#menu_bawah {
	background-color: #f5000b;
	width: 925px;
	position: relative;
	font-family: Arial;
	font-size: 12px;
	line-height: 26px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	height: 26px;
	padding-right: 10px;
	padding-left: 35px;
}
#menu_bawah li {
	display: inline;
	list-style-type: none;
	padding-right: 13px;
	padding-left: 13px;
}
#menu_bawah li a {
	color: #FFFFFF;
	text-decoration: none;
}
#menu_bawah li a:hover {
	color: #000000;
}
#address {
	background-color: #193968;
	width: 970px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
}
#address a {
	color: #FFFFFF;
	text-decoration: none;
}
#address a:hover {
	color: #0090e5;
}
#copyright {
	font-family: Arial;
	font-size: 12px;
	line-height: 34px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #0090e5;
	text-align: center;
	height: 34px;
	width: 970px;
	position: relative;
}

/*css untuk contact*/
#contact {
	position: relative;
	width: 668px;
	padding-top: 10px;
}
#contact label {
	float: left;
	width: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}
#contact input, #contact textarea {
	margin-top: 5px;
	margin-bottom: 5px;
}
#button {
	padding-left: 150px;
	margin-bottom: 10px;
}

/*css untuk page*/
#page {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #e2020c;
	text-align: right;
	width: 668px;
	position: relative;
}
#page a {
	color: #0090e5;
	text-decoration: none;
}
#page a:hover {
	color: #e2020c;
}
#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: #e2020c;
}
#page h3 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #0090e5;
	float: right;
	padding-left: 5px;
}
#page h4 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #e2020c;
	float: right;
	padding-left: 5px;
}

/*css untuk articles*/
#articles {
	width: 668px;
	position: relative;
}
#articles li {
	list-style-type: none;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0090e5;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#articles li a {
	color: #0090e5;
	text-decoration: none;
}
#articles li a:hover {
	color: #e2020c;
}
#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: #0090e5;
	padding-bottom: 15px;
	line-height: 130%;
}
.style3 {
	font-family: Arial;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
}
#submenu_articles {
	float: right;
	width: 200px;
	padding: 15px;
	margin-left: 10px;
	background-color: #f4f3ef;
}
#submenu_articles h4 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #919191;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #919191;
	line-height: normal;
}
#submenu_articles li {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height: normal;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	text-align: left;
	list-style-image: url(/images/panah3.gif);
}
#submenu_articles li a {
	color: #919191;
}

/*css untuk product*/
#product {
	width: 668px;
	position: relative;
}
.thumbnail_product {
	float: left;
	width: 334px;
	position: relative;
	padding-top: 20px;
}
.thumbnail_product h3 {
	float: left;
	width: 114px;
	position: relative;
	text-align: center;
}
.thumbnail_product_kanan {
	float: left;
	width: 202px;
	padding-right: 9px;
	padding-left: 9px;
	position: relative;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
#thumbnail_photo {
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
}
#thumbnail_photo h1 {
	float: left;
	height: 128px;
	width: 128px;
	margin-right: 20px;
	margin-left: 20px;
	position: relative;
	border: 1px solid #dcdcda;
	margin-top: 5px;
	margin-bottom: 10px;
}
#product h2 {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 408px;
	width: 558px;
	text-align: center;
}
#product h4 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
#photo1, #photo2, #photo3 {
    margin: 0px;
    padding: 0px;
    height: 408px;
	width: 558px;
    position: absolute;
}
#photo1 {
    visibility: visible;
}
#photo2 {
    visibility:hidden;
}
#photo3 {
    visibility:hidden;
}