body {
	background : url(images/bg_body.gif) repeat #1f9a07;
	margin : 0;
	padding : 0;
	font-family : arial;
	font-size : 12px;
	background-position : 0px 400px;
}

.clear {
	clear: both;
}

#top {
	background : url(images/bg_menu.gif) repeat-x top left transparent;
	height : 88px;
}

#content_top {
	width : 900px;
	height : 73px;
	width : 900px;
	height : 73px;
	margin-left : auto;
	margin-right : auto;
}

#logo {
	background : url(images/logo.gif) no-repeat top left transparent;
	width : 400px;
	height : 73px;
	float : left;
}

#menu {
	margin : 0;
	padding : 0;
	height : 73px;
	float : right;
}

#menu li {
	list-style : none;
	float : left;
}

#menu li a {
	display : block;
	padding : 18px;
	padding-top : 28px;
	padding-bottom : 30px;
	color : white;
	font-size : 14px;
	font-weight : bold;
	text-decoration : none;
}

#menu li a:hover {
	background : #1f9a07;
	color : #abff9a;
}

#menu_active {
	background : #1f9a07;
	color : #abff9a;
	display : block;
	padding : 18px;
	padding-top : 28px;
	padding-bottom : 30px;
	font-size : 14px;
	font-weight : bold;
	text-decoration : none;
}

#wrapper {
	clear : both;
	width : 894px;
	background : white;
	margin : auto;
	padding : 3px;
}

#header {
	border : 1px solid white;
	width : 892px;
	height : 293px;
	background : url(images/header.jpg) no-repeat top white;
}

#content {
	width : 892px;
	padding-top : 0px;
	padding-bottom : 10px;
}

#search {
	width : 194px;
	height : 53px;
	background : url(images/bg_search.gif) repeat-x top left #ffd040;
	border-bottom : 1px dashed white;
	padding-left : 12px;
}

#search h2 {
	margin : 0;
	margin-bottom : 5px;
	font-size : 14px;
}

#search a {
	color : #2a2a2a;
	text-decoration : none;
	font-weight : bold;
}

#search a:hover {
	color : #ff0000;
}

#search input {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	width: 142px;
	height: 16px;
}

#menu_samping {
	background : #ffd040;
	width : 206px;
	padding-bottom : 10px;
	float : left;
}

#menu_samping h1 {
	background : url(images/list_style.gif) no-repeat top left #ffa800;
	width : 152px;
	font-size : 14px;
	padding : 8px;
	padding-left : 45px;
	margin : 0;
	font-weight : none;
	border-bottom : 1px dashed white;
}

#menu_samping h1 a {
	color : white;
	text-decoration : none;
}

#menu_samping h1 a:hover {
	color : #e74700;
}

#modul {
	width : 206px;
	margin-top : 5px;
	padding-top : 10px;
	padding-bottom : 10px;
}

#modul h1 {
	width : 181px;
	height : 20px;
	background : none;
	border-bottom : 1px dashed white;
	color : #e74700;
	padding-left : 14px;
}

#modul_content {
	width : 181px;
	line-height : 1.5em;
	padding-left : 30px;
}

#modul_content ul {
	margin : 0;
	margin-bottom : 10px;
	padding : 0;
}

#modul_content ul a{
	color : black;
	text-decoration : none;
}

#modul_content ul a:hover {
	color : white;
}

#page_title {
	color : #ffa800;
}

#content_dalam {
	width : 670px;
	margin-left : 16px;
	padding-bottom : 10px;
	float : left;
}

#content_dalam  h1 {
	margin : 0;
	margin-top : 5px;
	padding-bottom : 10px;
	font-size : 16px;
	width : 670px;
	border-bottom : 1px dashed black;
}

#main_content {
	padding : 10px;
	padding-right : 20px;
	line-height : 1.5em;
	text-align: justify;
}

#main_content h2 {
	border : none;
	font-size : 26px;
	margin : 5px;
}

#main_content h3 {
	border : none;
	font-size : 14px;
	margin : 5px;
}

#main_content h4 {
	font-size : 12px;
	margin : 5px;
	color: #000000;
}

#main_content a {
	text-decoration: none;
}

#main_content input, #main_content textarea {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

#thumb_produk {
	width : 186px;
	height : 200px;
	padding : 4px;
	padding-left : 3px;
	float : left;
	margin-left : 10px;
	margin-bottom : 20px;
	background : url(images/bg_thumb_product.jpg) no-repeat top transparent;
	text-align : center;
	color : black;
	text-decoration : none;
}

#thumb_produk img {
	border : 0;
	margin-bottom : 10px;
	opacity:0.7; filter:alpha(opacity=70);
}

#thumb_produk img:hover {
	opacity:1; filter:alpha(opacity=100);
}

#produk {
	width : 180px;
	float : left;
	padding : 15px;
	padding-top : 0;
}

#produk img {
	border : 2px solid darkorange;
}

#produk img:hover {
	border : 2px solid black;
}

#produk_detail {
	width : 600px;
	float : left;
	padding : 15px;
	padding-top : 0;
	margin-bottom : 10px;
}

#produk_detail img {
	border : 2px solid darkorange;
}

#info {
	text-align : center;
}

#article {
	margin-bottom : 20px;
	padding-bottom : 20px;
	border-bottom : 1px solid grey;
}

#article h1 {
	border : 0;
	margin : 0;
	padding : 0;
}

#more {
	width : 60px;
	text-align : center;
	display : block;
	background : #ffa800;
	text-decoration : none;
	color : black;
	margin-top : 10px;
	border : 1px solid #ffa800;
}

#more:hover {
	background : white;
	color : #ffa800;
	border : 1px solid #ffa800;
}

#tanggal {
	color : #ffa800;
	font-style : italic;
}

#paging {
	margin-left : auto;
	margin-right : auto;
	padding : 0;
	width : 170px;
}

#paging li {
	list-style : none;
	float : left;
	padding-left : 5px;
}

#paging li a{
	text-decoration : none;
	color : green;
	font-size : 12px;
}

#paging li a:hover{ color : black; }

#info_contact{
	width : 250px;
	color : black;
	background : #a8ff73;
	border : 2px solid #72d536;
	padding : 5px;
	padding-left : 10px;
	text-align : left;
}

#info_contact a{ color : black; }
#info_contact a:hover{ color : white; }

#copyright {
	width : 900px;
	height : 40px;
	margin : auto;
	margin-top : 5px;
	color : #c0ffb3;
}

#copyright a {
	color : #c0ffb3;
	text-decoration : none;
	font-weight : bold;
}

#copyright a:hover {
	color : #ffa800;
}