/* default css */
/* Arisyi Zimah - 2009 */

body{  padding:0; font-family:Helvetica, Arial, sans-serif; color:#333; font-size:12px; margin:0;line-height:19px; background:url(images/hitam.png)repeat;}

img{ border:none;}

a{color:#CCB776; text-decoration:none;}
a:hover{color: #555; text-decoration:none;}

.dashed{ border:1px inset #CCB776; margin:10px 0 20px; }
.cok{ color:#CCB776; }

h2.pagetitle{ text-align:right;color:#CCB776; font-size:18px; font-weight:normal; }

p{margin:5px 0 20px; line-height:21px;}

h1, h2, h3, h4{margin:0 0 5px 0; padding:0 0 5px 0;color:#543; font-weight:normal;}
h1{ font-size:22px;}
h2{ font-size:18px;}
h3{font-size:16px;cursor:pointer; color:#666; border-bottom:2px solid #666;}
h4{ font-size:14px;}

/*
h1 a, h2 a, h3 a, h4 a{ color:#505050; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{ color:#c5c5c5; }
*/

.right { float:right;}
.left { float:left;}

.navigation{ padding:5px 0; border-bottom:2px solid #CCB776;}
.navigationTop{ padding:5px 0;/* border-top:2px solid #CCB776;*/}

#head { width:100%; margin:0;background:url(images/hitam.png) repeat;}
	#head-wrap {width:1000px; margin:0 auto; height:110px;}
	#logo { float:left; padding:8px 20px 0;}
	
#mainmenu {  display: inline; float:right; position:relative; top:78px; font-size:15px;}
#mainmenu ul { margin: 0; padding: 0; list-style: none;}
#mainmenu li { float:left; list-style:none; display:block; margin:0 10px; }
#mainmenu li a { padding:15px 10px; color:#fff; font-weight:bold;}
#mainmenu li a:hover, #mainmenu li.on a{text-decoration:none; background:url(images/menuhover.png) bottom center no-repeat;}

#cont { background:#fff url(images/bg-cont.jpg) repeat-x; width:100%; min-height:400px; margin:0;}
#cont-wrap {width:960px; margin:0 auto; padding:20px; clear:both; position:relative; top:10px;}
	#left-cont { width:630px; padding:20px 15px 10px 15px; float:left; background:url(images/bg-left-cont_03.jpg) no-repeat top left; min-height:450px;}
	#left-cont ul{padding-left:10px; margin-left:20px; list-style:square;}
	
	#right-cont { width:275px; padding:10px 5px;float:right; }
	#right-cont ul { margin: 0; padding: 0; list-style: none;}
	#right-cont li{ display:block; font-size:11px;color: #543;}
	#right-cont li a{color: #543;}
	#right-cont li a:hover{color:#CCB776;}
	#right-cont li h2{ font-size:13px; margin:2px 0;padding:2px 0;color: #666; font-weight:bold;}
	#right-cont li ul li{ display:block; line-height:20px;}
		#right-cont .banner {width:212px; height:67px; background:url(images/banner_03.jpg) no-repeat; margin-bottom:10px; padding:10px 20px;}
		
		div.entry h3{font-size:16px; color:#666;}

#foot { width:100%; border-top:3px solid #505050; font-size:11px;color:#f5f5f5;background:url(images/hitam.png) repeat;}
#foot-wrap {width:960px; margin:0 auto; padding:10px 15px;}

.clear { clear:both;}

.coloumn2{ min-height:180px;border:2px solid #fff; margin:10px 0; padding:15px 10px; background:#fff url(images/bg-cont.jpg) repeat-x;}
.coloumn1 { margin:10px 0}

blockquote{ width:400px;padding:20px;background:#fff url(images/bg-cont.jpg) repeat-x; margin:0;border:2px solid #505050; -webkit-border-radius: 5px;-moz-border-radius: 5px; }

.text-area { width:335px;padding:5px; border:1px solid #505050; -webkit-border-radius: 3px;-moz-border-radius: 3px; margin:5px auto;}
.text-area2 { width:345px;padding:5px; border:1px solid #505050; -webkit-border-radius: 3px;-moz-border-radius: 3px; margin:5px auto;}

.text-box { width:335px;padding:5px; height:125px; border:1px solid #505050; -webkit-border-radius: 3px;-moz-border-radius: 3px; margin:5px auto;}

.submit {width:120px;padding:5px; font-size:16px; font-weight:bold; cursor:pointer; border:1px solid #fff; -webkit-border-radius: 3px;-moz-border-radius: 3px;  margin:5px auto; background-color:#505050; color:#FFF;}
.submit:hover{border:1px solid #505050; -webkit-border-radius: 3px;-moz-border-radius: 3px;background-color:#fff; color:#543;}
.wpcf7-validates-as-required{width:335px;padding:5px; border:1px solid #505050; -webkit-border-radius: 3px;-moz-border-radius: 3px; margin:5px auto;}