/* CSS Document */
/*
	DROP DOWN MENU
*/
a{
	color:#8f3c46;
}
a:hover{
	text-decoration:none;
}
.menu_area{
	width:865px;
	height:191px;
	background:url(../images/ap2_header.jpg) no-repeat;
	margin-top:5px;
}
.menu_area ul{
	padding:40px 0 0 350px;
	margin:0;
}
.menu_area ul li{
	display:inline;
	margin:0 10px 0 10px;
}
.menu_area ul li a{
	font-size:14px;
	font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#8f3c46;
	font-weight:bold;
}
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #cfb397; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px "Century Gothic", verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 150px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #cfb397; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #8f3c46;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
/*CSS Menu End*/

body{
	background:#cfb397;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Century Gothic";
	font-size: 10px ;
	color:#8f3c46;
	line-height:1.8em;
}
h1, h2, h3, h4,h5,h6{
	padding:0;
	margin:0;
	font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px ;
}
.submit{
	color:#8f3c46;
	background-color:#bcafa2;
	border:1px solid #fff;
	font-weight:bold;
}
.wrapper{
	width:865px;
	margin:0 auto;
	height:auto;
}
.list_atas{
	width:820px;
	height:54px;
	background:url(../images/ap-home_03.jpg) no-repeat;
	padding:15px 20px 15px 25px;;
}

.content_area{
	width:865px;
	height:auto;
	background:url(../images/ap2_content.jpg) repeat-y;
}
.text_kiri{
	width:190px;
	height:auto;
	padding-left:35px;
	font-size:12px;
	font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
	float:left;
}
.the_owner{
	width:135px;
	height:auto;
	float:left;
	margin-left:20px;
	text-align:center;
}
.profile_text{
	width:430px;
	height:auto;
	float:left;
	margin-left:20px;
	font-size:12px;
	font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif
}
.the_owner img{
	border:2px solid #c6bdb4;
}
.the_content{
	width:585px;
	height:auto;
	float:left;
	margin-left:35px;
	font-size:12px;
}
.commit_img{
	width:617px;
	height:auto;
		background:#e2dbd4;
	float:left;
	margin-left:7px;
}
.commit_img1{
	width:154px;
	height:80px;
	margin-left:0px;
	background:url(../images/our-commitment_03.jpg) no-repeat;
	float:left;
	padding-top:211px;
	padding-left:4px;
	padding-right:4px;
	font-weight:bold;
}
.commit_img2{
	width:148px;
	height:80px;
	margin-left:0px;
	background:url(../images/our-commitment_05.jpg) no-repeat;
	float:left;
	
	padding-top:211px;
	padding-left:4px;
	padding-right:4px;
	font-weight:bold;
}
.commit_img3{
	width:153px;
	height:80px;
	margin-left:0px;
	background:url(../images/our-commitment_07.jpg) no-repeat;
	float:left;
	
	padding-top:211px;
	padding-left:4px;
	padding-right:4px;
	font-weight:bold;
}
.commit_img4{
	width:128px;
	height:80px;
	margin-left:0px;
	margin-top:1px;
	background:url(../images/our-commitment_08.jpg) no-repeat;
	float:left;
	
	padding-top:211px;
	padding-left:4px;
	padding-right:4px;
	font-weight:bold;
}
.footer_area{
	width:865px;
	height:41px;
	background:url(../images/ap2_footer.jpg) no-repeat;
}
.menu_bottom{
	width:620px;
	height:auto;
	float:left;
}
.menu_bottom ul{
	padding:0px 0 0 0px;
	margin:0;
}
.menu_bottom ul li{
	display:inline;
	margin:0 5px 0 5px;
}
.menu_bottom ul li a{
	font-size:11px;
	font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#8f3c46;
}
.copy{
	width:242px;
	height:30px;
	text-align:right;
	float:left;
	padding-right:3px;
}
/*Products*/
.the_products{
	width:545px;
	height:auto;
	float:left;
	margin-left:55px;
	font-size:12px;
	padding-left:20px;

}
span.img
{
  width:118px;
  height:137px;
  border: 0px solid #866f58;
  
}	
span.img img
{
  border: 2px solid #866f58;
  /*width:118px;
  height:137px;*/
}
.detail_img{
	margin-top:20px;
}
.detail_img img{
	 border: 2px solid #866f58;
}
div.desc
{
  text-align: center;
  width:125px;
  height:60px;
  margin: 0px;
  padding:0;
  color:#866f58;
  text-decoration:none;
  font-family:"Century Gothic",Arial, Helvetica, sans-serif;
  font-size:12px !important;
  font-size:11px;
  font-weight:bold;
  line-height:1em;
}
#paging{
	clear:left;
	width:450px;
	text-align:center;
}
#paging ul{
	list-style:none;
}
#paging ul li{
	display:inline;
	margin:5px;
}
#paging ul li a{
	color:#866f58;
}
.category{
	width:865px;
	height:auto;
	margin-top:0px;
	text-align:right;
	
}
.category ul{
	padding:5px 20px 0 230px;
	margin:0;
}
.category ul li{
	margin:0 5px 0 5px;
}
.category ul li a{
	text-decoration:none;
	font-size:11px;
}
.collaboration_image{
	width:615px;
	height:281px;
	float:left;
	margin-left:7px;
	font-size:12px;
	background-color:#c6bdb4;
	margin-top:20px;
	padding-top:5px;

}
.collaboration_image img{
	float:left;
	margin-left:60px;
}
.collaboration_image .desc{
	float:left;
	margin-left:10px;
	text-align:left;
	width:150px;
	padding-top:170px !important;
	padding-top:180px;
	line-height:1.5em;
	color:#8f3c46;
}