* {
	margin: 0px;
	padding: 0px;
}
body {
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#background {
	background-image: url(/images/bg1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	position: relative;
}
#wrapper {
	width: 950px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
#header {
	height: 130px;
	width: 950px;
	position: relative;
}
#header h1 {
	float: left;
	height: 128px;
	width: 156px;
	position: relative;
	padding-left: 73px;
	padding-right: 75px;
}
#jam {
	float: left;
	height: 88px;
	width: 646px;
	position: relative;
	font-family: Arial;
	font-size: 12px;
	line-height: 88px;
	font-weight: normal;
	color: #000000;
	vertical-align: middle;
}
#jam h2 {
	font-family: Arial;
	font-size: 12px;
	line-height: 88px;
	font-weight: normal;
	color: #000000;
	vertical-align: middle;
	float: left;
	position: relative;
	padding-right: 49px;
}
#jam h3 {
	font-family: Arial;
	font-size: 12px;
	line-height: 88px;
	font-weight: normal;
	color: #000000;
	vertical-align: middle;
	float: left;
	position: relative;
}
.style3 {
	font-family: Arial;
	font-size: 12px;
	line-height: 88px;
	font-weight: bold;
	color: #486af4;
	vertical-align: middle;
}
.style4 {
	font-family: Arial;
	font-size: 12px;
	line-height: 88px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
}
#menu {
	float: left;
	width: 646px;
	position: relative;
	height: 42px;
}
#menu h2 {
	float: left;
	height: 42px;
	width: 7px;
	position: relative;
}
#menu_dalam {
	background-image: url(/images/bg4.jpg);
	float: left;
	height: 40px;
	width: 627px;
	position: relative;
	font-family: Georgia;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	line-height: 40px;
	vertical-align: middle;
	padding-left: 5px;
	padding-top: 2px;
}
#menu_dalam h3 {
	float: left;
}
#menu_dalam h3 a {
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
}
#menu_dalam h3 a:hover {
	color: #FFFFFF;
	background-color: #9da926;
	text-decoration: none;
}
#menu_dalam h4 {
	float: left;
}
#menu_dalam h4 a {
	font-family: Georgia;
	font-size: 14px;
	font-weight: normal;
	color: #1372CB;
	text-decoration: underline;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
#menu_dalam h4 a:hover {
	color: #FFFFFF;
	background-color: #9da926;
	text-decoration: none;
}
#header_bawah {
	position: relative;
	height: 224px;
	width: 950px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#search {
	background-image: url(/images/bg5.jpg);
	float: left;
	height: 184px;
	width: 183px;
	text-align: justify;
	position: relative;
	padding-top: 40px;
	padding-left: 121px;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}
#search h1 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 26px;
	vertical-align: middle;
	height: 26px;
	width: 155px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	position: relative;
	margin-bottom: 5px;
}
.style5 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #fff500;
}
#search h2 {
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	color: #937777;
	padding-top: 67px;
	padding-left: 29px;
}
#search h2 a {
	color: #937777;
	text-decoration: none;
}
#search h2 a:hover {
	color: #000000;
}
#banner {
	background-image: url(/images/bg6.jpg);
	float: left;
	height: 197px;
	width: 610px;
	position: relative;
	padding-top: 14px;
	padding-right: 18px;
	padding-bottom: 13px;
	padding-left: 18px;
}
#banner h1 {
	height: 197px;
	width: 610px;
	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;
}
#tengah {
	width: 950px;
	position: relative;
	background-color: #FFFFFF;
}
.clear {
	clear: both;
}
#kiri, #kiri_bawah {
	width: 294px;
	padding-right: 10px;
	padding-left: 5px;
	float: left;
	position: relative;
}
#news, #link {
	width: 294px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #297bb8;
	position: relative;
}
#news h1 {
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	width: 260px;
	padding-right: 14px;
	padding-left: 20px;
}
#news li {
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	color: #2779b6;
	width: 260px;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 8px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	position: relative;
	list-style-type: none;
	line-height: 150%;
}
#news li a {
	color: #000000;
	text-decoration: none;
}
#news li a:hover {
	color: #9eaa27;
}
#news h2 {
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	color: #2779b6;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 260px;
	position: relative;
	text-align: right;
}
#news h2 a {
	color: #2779b6;
	text-decoration: none;
}
#news h2 a:hover {
	color: #000000;
}
#kanan {
	float: left;
	width: 636px;
	padding-right: 5px;
	position: relative;
}
#welcome {
	width: 603px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #dad320;
	position: relative;
	padding-right: 26px;
	padding-left: 7px;
	font-family: Georgia;
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
	color: #000000;
}
#welcome h1 {
	font-family: Georgia;
	font-size: 24px;
	font-weight: normal;
	color: #297bb8;
	padding-top: 14px;
	padding-bottom: 14px;
}
#welcome img {
	padding-right: 20px;
	padding-left: 20px;
}
#bawah {
	width: 950px;
	position: relative;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}
#link h1 {
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	width: 260px;
	padding-right: 14px;
	padding-left: 20px;
	margin-bottom: 10px;
}
#link img {
	padding-right: 14px;
	padding-left: 20px;
}
#livechat {
	float: left;
	width: 315px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #a4e20e;
	position: relative;
	margin-right: 7px;
}
#livechat h1 {
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	width: 281px;
	padding-right: 14px;
	padding-left: 20px;
}
#register {
	background-image: url(/images/bg7.jpg);
	background-repeat: no-repeat;
	height: 162px;
	width: 220px;
	margin-top: 20px;
	margin-left: 42px;
	position: relative;
}
#register h2 {
	font-family: Arial;
	font-size: 12px;
	line-height: 32px;
	font-weight: bold;
	color: #4567ea;
	height: 32px;
	width: 207px;
	position: relative;
	padding-left: 13px;
}
#register h3 {
	font-family: Arial;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	color: #000000;
	vertical-align: middle;
	height: 22px;
	padding-top: 90px;
	width: 123px;
	padding-left: 97px;
	position: relative;
}
#register h3 a {
	color: #000000;
	text-decoration: none;
}
#register h3 a:hover {
	color: #4567ea;
}
/*#livechat li {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	width: 281px;
	padding-top: 12px;
	padding-right: 14px;
	padding-bottom: 12px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	position: relative;
	list-style-type: none;
	line-height: 150%;
	text-align: center;
}*/
.style1 {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}
#address {
	float: left;
	width: 314px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ffd004;
	position: relative;
	margin-right: 5px;
}
#address h1 {
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	width: 260px;
	padding-right: 14px;
	padding-left: 40px;
}
#address_dalam {
	font-family: Georgia;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	width: 260px;
	padding-right: 14px;
	padding-left: 40px;
	position: relative;
	line-height: 150%;
	padding-top: 14px;
}
#address_dalam a {
	color: #000000;
	text-decoration: none;
}
#address_dalam a:hover {
	color: #2779b6;
}
#copyright {
	background-color: #085195;
	height: 20px;
	width: 950px;
	position: relative;
	font-family: Georgia;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 20px;
	text-align: center;
}
#copyright a {
	color: #FFFFFF;
	text-decoration: none;
}
#copyright a:hover {
	color: #000000;
}

/*css untuk template*/
#tengah_template {
	width: 950px;
	position: relative;
	background-color: #FFFFFF;
	padding-bottom: 30px;
}
#livechat_template {
	width: 294px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #a4e20e;
	position: relative;
}
#livechat_template h1 {
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 5px;
	width: 260px;
	padding-right: 14px;
	padding-left: 20px;
}
#livechat_template li {
	width: 260px;
	padding-top: 12px;
	padding-right: 14px;
	padding-bottom: 12px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e5e5e5;
	position: relative;
	list-style-type: none;
	text-align: center;
}
#register_template {
	width: 294px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ffd004;
	position: relative;
}
#register_template h1 {
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 5px;
	width: 260px;
	padding-right: 14px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
}
#register_content {
	background-image: url(/images/bg7.jpg);
	background-repeat: no-repeat;
	height: 162px;
	width: 220px;
	margin-top: 20px;
	margin-left: 37px;
	position: relative;
	margin-bottom: 20px;
}
#register_content h2 {
	font-family: Arial;
	font-size: 12px;
	line-height: 32px;
	font-weight: bold;
	color: #4567ea;
	height: 32px;
	width: 207px;
	position: relative;
	padding-left: 13px;
}
#register_content h3 {
	font-family: Arial;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	color: #000000;
	vertical-align: middle;
	height: 22px;
	padding-top: 90px;
	width: 123px;
	padding-left: 97px;
	position: relative;
}
#register_content h3 a {
	color: #000000;
	text-decoration: none;
}
#register_content h3 a:hover {
	color: #4567ea;
}
#content {
	width: 603px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #dad320;
	position: relative;
	padding-right: 26px;
	padding-left: 7px;
	font-family: Georgia;
	font-size: 12px;
	line-height: 180%;
	font-weight: normal;
	color: #000000;
	text-align: justify;
}
#content a {
	color: #000000;
	text-decoration: none;
}
#content a:hover {
	color: #297bb8;
}
#content li {
	margin-left: 25px;
}
#content h1 {
	font-family: Georgia;
	font-size: 24px;
	font-weight: normal;
	color: #297bb8;
	padding-top: 14px;
	padding-bottom: 14px;
}

/*css untuk products*/
#products {
	width: 603px;
	position: relative;
}
#products td {
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	line-height: 120%;
}
#products_content {
	width: 602px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c1cb4b;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c1cb4b;
	position: relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c1cb4b;
}
#products_content td {
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	line-height: 120%;
}
#products_kiri {
	float: left;
	width: 332px;
	position: relative;
}
#products_kanan {
	float: left;
	width: 268px;
	position: relative;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #c1cb4b;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c1cb4b;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c1cb4b;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c1cb4b;
}
#products_kanan h2 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	background-color: #d1ef65;
	float: left;
	height: 18px;
	width: 63px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-left: 2px;
}
#products_kanan h3 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	float: left;
	height: 18px;
	width: 67px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1ef65;
	padding-left: 2px;
}

/*css untuk contact*/
#contact {
	position: relative;
	width: 603px;
	padding-top: 10px;
	line-height: 140%;
}
#contact label {
	float: left;
	width: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	padding-right: 10px;
}
#contact input, #contact textarea, #contact select {
	margin-top: 5px;
	margin-bottom: 5px;
}
#button {
	padding-left: 160px;
	margin-bottom: 10px;
}

/*css untuk search*/
#content_search {
	width: 603px;
	position: relative;
}
#content_search h2 {
	float: left;
	width: 330px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 20px;
}
#content_search h3 {
	float: left;
	width: 253px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*css untuk page*/
#page {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #9da926;
	text-align: right;
	width: 603px;
	position: relative;
}
#page a {
	color: #000000;
	text-decoration: none;
}
#page a:hover {
	color: #9da926;
}
#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: #000000;
}
#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: #9da926;
	float: right;
	padding-left: 5px;
}

/*css untuk articles*/
#articles {
	width: 603px;
	position: relative;
}
#articles li {
	list-style-type: none;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #297bb8;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#articles li a {
	color: #297bb8;
	text-decoration: none;
}
#articles li a:hover {
	color: #9da926;
}
#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: Georgia;
	font-size: 14px;
	font-weight: bold;
	color: #9da926;
	padding-bottom: 15px;
}
.style2 {
	font-family: Georgia;
	font-size: 11px;
	font-weight: normal;
	color: #9da926;
}
#submenu_articles {
	float: right;
	width: 200px;
	border: 1px solid #9da926;
	padding: 15px;
	margin-left: 10px;
}
#submenu_articles h4 {
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	color: #297bb8;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #297bb8;
	line-height: normal;
}
#submenu_articles li {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: normal;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	list-style-image: url(/images/panah_merah.gif);
	background-image: url(/images/content/panah_biru.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
}
#submenu_articles li a {
	color: #000000;
}
