/*
-----------------------------------------------
Eco Exotic Website
Author	 				: www.rancangimaji.com
Date	 				: July 2008
XHTML + CSS	created by 	: beqe & Arried
Author url				: www.arried.com
----------------------------------------------- */

/* GENERAL STYLE */
body, html {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #d9d9cd url(../images/bg_big.jpg) no-repeat center top;
}

.clear {
	clear: both;
}

a:link {
	color: #B7B47E;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #B7B47E;
}
a:hover {
	text-decoration: underline;
	color: #ADB48F;
}
a:active {
	text-decoration: none;
	color: #B7B47E;
}

#wrap {
	width: 1024px;
	margin: auto;
	background: #FFFFFF;
	height: 768px;
}
.content_atas {
	height: 212px;
}
.logo {
	width: 150px;
	padding-left: 65px;
	padding-top: 24px;
	float: left;
	padding-right: 20px;
}

.logo_home {
	height: 393px;
	width: 382px;
	display: inline-block;
	margin-left: 332px;
	margin-top: 109px;
	margin-right: 310px;
}
.content_menu{
	width: 200px;
	padding-top: 25px;
	padding-right: 20px;
	text-align: right;
	height: 397px;
	float: left;
}


.content_isi {
	height: 377px;
	width: 429px;
	padding-left: 20px;
	float: left;
	text-align: justify;
	padding-right: 90px;
	overflow: auto;
	margin-top: 40px;
	font-size: 10px;
	color: #372e1f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.content_box {
	width: 1024px;
}
.content_kiri {
	height: 422px;
	float: left;
	background: url(../images/bg_batikgrey.jpg) no-repeat left;
	width: 759px;
}
.content_kanan {
	height: 422px;
	width: 265px;
	float: right;
}
.footer {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	float: right;
	clear: right;
	padding-right: 10px;
	display: block;
	white-space: normal;
	width: 256px;
	padding-top: 10px;
}




/* MENU STYLE */
ul#menu{
	height: 31;
	top: 175px;
	left: 380px;
	padding-top: 172px;
}
ul#menu li{
	float: left;
}
ul#menu li a{
	display: block;
	height: 31px;
	text-indent: -10000px;
	line-height: 1em;
	text-decoration: none;
}
a#menu_profile{
	background: url(../images/btnmenu_profile.gif) no-repeat top;
	width: 96px;
}
a#menu_profile_daun{
	background: url(../images/btnmenu_profile_d.gif) no-repeat top;
	width: 96px;
}


a#menu_process{
	background: url(../images/btnmenu_process.gif) no-repeat top;
	width: 122px;
}
a#menu_process_daun{
	background: url(../images/btnmenu_process_d.gif) no-repeat top;
	width: 122px;
}


a#menu_product{
	background: url(../images/btnmenu_product.gif) no-repeat top;
	width: 198px;
}
a#menu_product_daun{
	background: url(../images/btnmenu_product_d.gif) no-repeat top;
	width: 198px;
}


a#menu_certificate{
	background: url(../images/btnmenu_certificate.gif) no-repeat top;
	width: 143px;
}
a#menu_certificate_daun{
	background: url(../images/btnmenu_certificate_d.gif) no-repeat top;
	width: 143px;
}


a#menu_import{
	background: url(../images/btnmenu_import.gif) no-repeat top;
	width: 81px;
}
a#menu_import_daun{
	background: url(../images/btnmenu_import_d.gif) no-repeat top;
	width: 81px;
}



a#menu_contact{
	background: url(../images/btnmenu_contact.gif) no-repeat top;
	width: 116px;
}
a#menu_contact_daun{
	background: url(../images/btnmenu_contact_d.gif) no-repeat top;
	width: 116px;
}



ul#menu li a:hover{
	background-position: bottom;
}
ul#menu li#m-active a{
	background-position: bottom;
}

ul.list-clear{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#contentarea {
	clear: right;
	height: 422px;
	float: left;
}

/* TEXT STYLLE */

#text_menu_bold_ijo {
	font-size: 12px;
	font-weight: bold;
	color: #adb47e;
}

#text_menu_bold_coklat{
	font-size: 12px;
	font-weight: bold;
	color: #372e1f;
}

#text_content_bold_coklat{
	color: #372e1f;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#text_menu_ijo {
	font-size: 10px;
	color: #B7B47E;
	height: 10px;
	width: 463px;
	float: right;
	text-align: right;
	margin-bottom: 10px;
}
#text_menu_ijodark {
	font-size: 10px;
	color: #372e1f;
}


#text_menu_ijo_link {
	font-size: 10px;
	color: #B7B47E;
}

#text_content{
	font-size: 10px;
	color: #372e1f;
}
#text_content_white {
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
}
#text_content_sml {
	font-size: 8px;
	color: #372e1f;
}
#home {
	width: 1024px;
	height: 768px;
	margin: auto;
}

.enter {
	height: 26px;
	width: 109px;
	margin-top: 158px;
	margin-right: 453px;
	display: inline-block;
	margin-left: 462px;
}
.content_isi_import {
	height: 377px;
	width: 499px;
	padding-left: 20px;
	float: left;
	text-align: justify;
	padding-right: 20px;
	overflow: auto;
	margin-top: 25px;
	margin-bottom: 20px;
	font-size: 10px;
	color: #372e1f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.content_isi_contact {
	height: 377px;
	width: 479px;
	padding-left: 20px;
	float: left;
	text-align: justify;
	padding-right: 20px;
	overflow: auto;
	margin-top: 25px;
	margin-bottom: 20px;
	font-size: 10px;
	color: #372e1f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.contact_email{
	padding-top: 0;
	margin-top : 0;
}
.line {
	height: 1px;
	border-top: 1px solid #B7B47E;
}

/* updated by Farid www.arried.com me@arried.com*/
.latestnews{
	text-transform:lowercase;
	font-size: 10px;
	color: #B7B47E;
}
div.moduletable{
	color: #B7B47E;
	background: #000000;
}
div.moduletable h3{
	font-size: 15px;
}

td.mainlevel a:link{
	font-size: 9px;
}

.mainlevel{
	color: #ADB47E;
}

.content_menu img{
	float:right;
	margin: 0;
	padding-left: 10px;
	padding-top: 7px;
}
	
.content_menu td{
	text-align: right;
	padding-bottom: 15px;
	font-size: 12px;
}
.content_menu .mainlevel{
	font-weight: bold;
}
.content_menu table{
	padding-top: 5px;
}

.content_menu .sublevel{
	font-size: 10px;
	line-height: 20px;
	background-image: url(../images/menu_kiri_bar.gif) 0 0 no-repeat; 
}

.contentheading{
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}

#active_menu{
	color: #000000;
}


.css_table1 {
	color: #FFFFFF;
	font: bold;
}
.css_table2 {
	color: #FFFFFF;
	font: bold;
}
.css_table3 {
	color: #FFFFFF;
	font: bold;
}
.css_table4 {
	color: #FFFFFF;
	font: bold;
}
.css_table5 {
	color: #FFFFFF;
	font: bold;
}
.css_table6 {
	color: #FFFFFF;
	font: bold;
}
.css_table7 {
	color: #615f00;
	font: bold;
}
.css_table8 {
	color: #615f00;
	font: bold;
}
.css_table9 {
	color: #615f00;
	font: bold;
}
.css_table10 {
	color: #615f00;
	font: bold;
}
.css_table11 {
	color: #615f00;
	font: bold;
}