/*=====================================*/

/*=== Design CSS by Alvian Rhamdoni ===*/

/*=====================================*/

body { background:url(../images/bg.jpg) repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

* { margin:0; padding:0; }
.clear { clear:both}
img { border:none; }
.message { margin:10px 0; padding:5px 5px 5px 30px; font-size:12px; background:url(backend/checked.png) 5px 50% no-repeat #EBF8A4; color:#900 !important; font-size:90%; border:1px solid #A2D246; box-shadow:0 1px 1px #FFF inset; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }

#box { width:980px; background:#fff; margin:0 auto;}
  #header { width:975px; height:166px; background:url(../images/bgs.png) no-repeat; padding-right:5px;}
	  #signin { width:150px; height:80px; float:right; border-top:2px solid #b8b8b8; margin-top:10px; }
		  .sign { width:150px; float:left}
			  .sign img { float:left; margin:0 10px;}
			  .sign p { font-size:10px; color:#767676;}
			  .sign a { text-decoration:none; color:#767676;}
			  .sign a:hover { text-decoration: underline; color:#767676;}
			  #toggleText { padding:5px; border:1px solid #999; position:absolute; display:none; background-color:#FFF; border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 1px #888; -webkit-box-shadow:0 0 1px #888; box-shadow:0 0 1px #888; }
			  #toggleText input { margin:5px; padding:1px 8px; font-size:14px; color:#FFF; }
				  #search input[type="text"] {
  background: url(../images/go.jpg) no-repeat right #ededed     ;    
  font: bold 12px verdana, geneva, sans-serif;
  text-align:left;
  color: #cc5051;
  width: 100px;
  height:17px;
  }
		  #search input[type="text"]:focus {    width: 100px; height:100%    }	
	  #menu { width:98%; height:20px; float:left; padding-left:20px; margin-bottom:10px}/*
		  #menu  li{display:inline; font-size:12px;  color:#767676;  text-transform: capitalize; margin-right:15px; }	
		  #menu a { text-decoration:none; color:#767676;}
		  #menu a:hover { text-decoration:none; color:#000;}*/
		  #navbar { margin:0; padding:0; }
		  #navbar li { list-style:none; float:left; font-size:12px;  color:#767676;  text-transform: capitalize; margin-right:15px; }
		  #navbar li a { display:block; text-decoration:none; color:#767676; }
		  #navbar li a:hover { color:#000; }
		  #navbar li ul { display:none; }
		  #navbar li:hover ul, #navbar li.hover ul { display:block; position:absolute; margin:0; padding:5px 0 0 0; z-index:1004; }
		  #navbar li:hover li, #navbar li.hover li { float:none; font-size:12px; }
		  #navbar li:hover li a, #navbar li.hover li a { padding:8px 40px 8px 10px; background: #FFF; border-bottom:1px solid #CCC; }
	  #promo { width:100%; height:30px; float:left; text-align:center;}
		  #promo p { font-size:22px; color:#767676; text-transform:uppercase;}
		  #promo span { font-size:26px; color:#000;}
		  #promo a { text-decoration:none; color:#767676;}
		  #promo a:hover { text-decoration: underline; color:#767676;}
		  
#box-slider { width:972px; margin:0 auto;}
#box-slide { width:100%;}
  #box-slide h1 { font-size:24px; color:#949494; border-bottom:1px dashed #999; width:94%; padding:10px; margin-left:20px;}
  #box-slide a { text-decoration:none; color:#949494;}
  #box-slide a:hover { text-decoration: underline; color:#767676;}
  .info-slide { width:300px; }
	  .info-slide h2 { font-size:14px; color:#767676; text-align:center;}
	  .info-slide p { font-size:12px; color:#767676; text-align:center;}
#box-product { width:960px; margin-left:20px; font-family:Tahoma, Geneva, sans-serif; padding:10px 0;}
  .product { width:183px; height:223px; border:1px solid #e7e7e7; float:left; margin-right:5px; margin-bottom:5px; }
  .product h1 { font-size:14px  ; color:#949494; margin-left:10px; }
  .product p { font-size:12px; color:#949494;  margin-left:10px;}
  .product p a { text-decoration:none; font-size:12px; color:#949494; }
  .product h3{ font-size:10px; background:url(../images/add.png) no-repeat center; width:155px; height:9px;  color:#949494; margin:0 auto; padding:5px 10px; text-transform:uppercase; margin-top:5px;}
  .product span a { text-decoration:none; color:#76be58}
  .product h1 a { text-decoration:none; color:#949494;}
  
  .product2 { width:203px; height:233px; border:1px solid #e7e7e7; float:left; margin:10px; margin-bottom:5px; }
  .product2 h1 { font-size:14px  ; color:#949494; margin-left:10px; }
  .product2 p { font-size:12px; color:#949494;  margin-left:10px;}
  .product2 h3{ font-size:10px; background:url(../images/add.png) no-repeat center; width:155px; height:9px;  color:#949494; margin:0 auto; padding:5px 10px; text-transform:uppercase; margin-top:5px;}
  .product2 span a { text-decoration:none; color:#76be58}
  .product2 h1 a { text-decoration:none; color:#949494;}
  
#box2 { width:960px; margin-left:20px; font-family:Tahoma, Geneva, sans-serif; padding:10px 0;  border-top:1px dashed #999;}
  .contact { width:143px; border-left:1px solid #b8b8b8; padding-left:10px; float:left;}
	  .contact h2 { font-size:12px; color:#767676; text-transform:uppercase;}
	  .contact p { font-size:10px; color:#767676;}
	  .contact a { text-decoration:none; color:#767676;}
	  .contact a:hover { text-decoration: underline; color:#767676;}
		/* COMMENT */
		.comment { margin: 10px 0; }
		.comment td { padding: 2px 10px; }
		.comment label { display: block; font-size:14px; color: #999; text-shadow: 0 1px #FFF; font-weight: bold; }
		.comment input[type="text"],textarea { font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; padding: 5px; border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
		.comment input[type="submit"] { padding: 10px 15px; color: #8c8a8a; text-shadow: 0 1px #FFF; cursor: pointer; font-weight: bold; border: 1px solid #B4B4B4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: url('../images/button-bg.jpg') repeat-x #D8D8D8; -webkit-box-shadow: 0 1px 1px #666; -moz-box-shadow: 0 1px 1px #666; box-shadow: 0 1px 1px #666; }
		.comment img { width: auto !important; float:left; margin-right: 15px; }
  .box-ym { width:325px; border-left:1px solid #b8b8b8; padding-left:10px; float:left;}
	  .sos { width:100px; margin-right:10px; float:left;}
	  .atm { width:325px; height:30px;}
		  .atm img { float:left; margin-left:10px;}
#box3 { width:680px; float:left; border-top:1px dashed #000; border-bottom:1px dashed #000; margin-left:10px; margin-top:50px; p}
#box4 { width:660px; float:left; border-top:1px dashed #333; border-bottom:1px dashed #000; margin-left:10px; margin-top:50px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left:20px;  }
  #box4 h1 { font-size:30px;	font-weight:normal;	color:#666666;	padding-left:10px;	line-height:30px; margin:20px;}
  #box4 p { font-size:12px;	color:#333333;	line-height:20px;	margin-bottom:10px;}
  #display { width:380px; float:left;}
  #display img { width:100%; max-width:380px; }
  #detail { width:300px; float:left; padding-top:10px;}
	  #detail h1 { width:283px; height:16px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4d4c4c; font-size:14px; background:url(../images/h2.png) no-repeat; padding:2px 5px;}
	  .detail-isi { width:283px; border-bottom:1px solid #cdcdcd; padding-left:10px; margin-top:10px;}	
	  .detail-isi .frame { width:120px; height:100px; overflow:hidden; float:left; margin:5px; border:1px solid #CCC; padding:3px; }	
		  .detail-isi p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#b3b1b1; margin-bottom:10px;}
		  .detail-isi h5 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#b3b1b1; border:1px solid #b3b1b1; width:15px; height:15px; float:left; text-align:center; margin-right:5px; }
/*=== single ===*/

#sidebar { width:260px; float:left; background:url(../images/sidebar.png) no-repeat;  padding-top:65px;  margin-left:10px;}
	#sidebar span { font-size:12px; font-weight:bold; text-transform: capitalize; color:#b3b1b1; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	#sidebar h1 { font-size:22px; color:#fff; text-shadow:#21683a ; text-transform:uppercase; margin-left:10px;}
	.katalog { width:240px; margin:15px auto 0 auto; color:#FFF; padding-left:20px; font-family:Tahoma, Geneva, sans-serif; background:url(../images/sidebar2.png) repeat-y; padding-bottom:10px;}
		.katalog p { font-size:12px; font-weight:bold; text-transform: capitalize; margin:5px 0;}
		.katalog ul { margin-left:10px; }
		.katalog li{  list-style:circle; font-size:11px; color:#FFF; text-transform: capitalize;   }
		.katalog li ul li {  list-style: none; font-size:11px; color:#FFF; text-transform: capitalize;  }	
		.katalog li a {  text-decoration: none; color:#FFF;}
		.katalog li a:hover {text-decoration:none; color:#333;   }
  .news2 { width:240px; margin:0px auto; padding-top:10px;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/bts.png) no-repeat top center;}	
  .news2 p { font-size:12px;  color:#b3b1b1;	}
  .news2 h2 { font-size:14px; font-weight:bold;  color:#b3b1b1;	}
  .news2 a { text-decoration:none; color:#75b109;}
#box-post { width:680px;  padding:10px; float:left; margin-left:10px;}
		  #box-post h4 { font-size:24px; color:#d24545; text-transform:capitalize; margin: 5px; font-style:italic; border-top:1px dashed #000;}
		  #box-post h2 { font-size:12px; color:#8b8989; text-transform:capitalize; margin:5px;}
		  #box-post p { font-size:12px; color:#666; margin:5px; text-align:justify }
		  #box-post span { color:#8b8989; font-size:18px;}
		  #box-post a { text-decoration:none; color:#a50d0c}
		  #box-post a:hover { text-decoration:none; color:#666}
		  #box-post-isi { width:680px; font-family: Verdana, Geneva, sans-serif; border-bottom:1px dashed #000;}
		  #box-post-isi img { width:100%; max-width:680px; border:1px solid #e1e1e1; padding:2px;}
		  #side-post { width:185px; margin-right:20px; float:left; margin-bottom:10px; }
		  #box-post-isi #form_input p.error { color:#900; }
		  #box-post-isi #form_input label { font-size:12px; font-weight:bold; }
		  #box-post-isi #form_input input[type="text"],input[type="submit"],input[type="password"] { margin:5px 0; outline:none; font-size:14px; padding:5px; border:1px solid #CCC; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 1px #888;
-webkit-box-shadow:0 0 1px #888; box-shadow:0 0 1px #888; color:#666; }
		  #box-post-isi #form_input textarea { margin:5px 0; outline:none; font-size:14px; padding:5px; border:1px solid #CCC; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 1px #888;
-webkit-box-shadow:0 0 1px #888; box-shadow:0 0 1px #888; color:#666; font-family:Arial, Helvetica, sans-serif; }
		  #box-post-isi #form_input img { border:0; width:auto; }
			  #table_list { clear:both; margin:10px 0 0 0; border-collapse:separate; border-spacing:0; border:1px solid #CCC; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
			  #table_list th { padding:8px 10px; text-align:left; font-size:14px; color:#333; text-shadow:1px 1px #FFF; background:#DFDFDF; }
			  #table_list tr:nth-child(even) { background-color:#EEE; }
			  #table_list tr:nth-child(odd) { background-color:#FFF; }
			  #table_list td { padding:5px 10px; font-size:14px; color:#333; vertical-align:top; }
			  #table_list td a { text-decoration:none; color:#036; }
			  #table_list td a:hover { color:#666; }
			  #table_list input { padding:2px 5px; font-size:14px; color:#666; }
			  #table_list ul { padding:0; list-style:none; }
			  #table_list li { float:left; margin-right:10px; padding-left:25px; }
			  #table_list #delete { background:url(backend/delete.png) no-repeat; }
			  #block { width:165px;   padding:10px ; }
				  #block p { font-size:14px; color:#777777; font-style:italic; font-weight:bold;}
				  #block span { font-size:32px; color:#777777; font-style:italic; font-weight:bold;}
			  #related { width:185px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background:#e6e4e4;}
				  #related h3 {font-size:16px; color:#949494; font-style:italic; background:url(../images/h1.jpg) no-repeat left; padding-left:15px;    }
				  #related ul{ font-size:12px; list-style-type: none; background: #e6e4e4; padding:1px; 	}
				  #related li{ 	color:#949494; margin-bottom:1px; background:#f8f8f8; padding-left:10px; border:1px solid #fff }
				  #related a {text-decoration:none; color:#949494;}
				  #related a:hover {text-decoration:none; color:#b81111;}
				  #form_conform, #form_contact {	margin-left: 30px;}
				  #form_conform label.error, 
				  #form_contact label.error {	margin-left: 10px;	padding-top:5px !important;	width: auto;	display: inline-block;
		  color:#990000; }
		  .ardh_form{ float:left; margin-bottom:20px; margin-top:20px; }
		  .ardh_form li{ clear:left; margin-bottom:0px; list-style:none; }
		  .ardh_form_send{ float:left; margin:20px 50px; }
		  .ardh_form_send li{ clear:left; margin:0px; padding:0px; }
		  .ardh_form_send li strong{ width:500px; }
		  .pesanLeft{ float:left; width:200px; }
		  .dot{ float:left; width:10px; }
		  .input{ float:left; position:relative; top:-12px; width:200px; background-color:#FFFFFF; border:#DEDEDE solid 1px !important; padding:5px 10px 5px 10px; color:#666666; margin-top:10px; }
		  .input02{float:left;position:relative;top:-12px;width:100px;background-color:#FFF;border:#DEDEDE solid 1px !important;color:#666;margin-top:10px;padding:5px;}
		  .select_option{float:left;width:295px;position:relative;top:-12px;background-color:#FFF;border:#DEDEDE solid 1px !important;color:#666;margin-top:10px;padding:5px;}
		  .teksKom{float:left;width:275px;background-color:#FFF;border:#DEDEDE solid 1px !important;min-height:100px;color:#666;margin-bottom:10px;padding:8px 10px 10px;}
		  .pesan_bottom{margin-left:160px;}
		  .kode_authen{width:160px;border:#DEDEDE solid 1px !important;padding:5px;}
		  .kontak_bottom{border-top:#CCC dashed 1px;padding-top:20px;margin-top:20px;}
		  * html .kontak_bottom{margin-top:10px;}
		  .buton_form{margin-top:10px;margin-left:5px;}
		  .map_kontak{border:#CCC solid 1px;float:left;margin-right:20px;margin-bottom:30px;padding:5px;}
		  .map_kontak a{color:#D81E09 !important;font-size:11px;}
		  .map_kontak a:hover{color:#333 !important;}
		  .alamat_kontak{margin-top:135px;}
		  .alamat_kontak h2{font-family:Arial, Helvetica, sans-serif;font-size:20px;line-height:24px;color:#333;}
		  .error{color:#F00 !important;}
				  
.archive { width:680px; font-family: Verdana, Geneva, sans-serif; background:url(../images/bts2.png) no-repeat top; padding-top:10px; margin-bottom:10px; border-bottom:1px dashed #000; padding-bottom:10px;}
			  .archive-img { float:left; margin-right:10px;}
			  .archive h2 { font-size:16px; color:#656565;  }
			  .archive h4 { font-size:16px; color:#656565; text-transform:uppercase; }
			  .archive p { font-size:12px; color:#656565; }
			  .archive span { font-size:12px; color:#63b282; }
			  .archive a {text-decoration:none; color:#656565;}
			  .archive a:hover {text-decoration:none; color:#63b282;}
.header-archive { width:680px; border-bottom:1px dashed #000; height:30px; font-size:18px; color:949494; text-align:center; text-transform:uppercase; }
		  #nav { margin:10px auto; clear:both; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
		  #nav strong { padding:1px 8px; font-size:14px; color:#FFF; background-color:#5AAB7A; border:1px solid #CCC;
	  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 1px #888;
-webkit-box-shadow:0 0 1px #888; box-shadow:0 0 1px #888; }
		  #nav a { padding:1px 8px; text-decoration:none; font-size:14px; color:#666; border:1px solid #CCC;
	  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 1px #888;
-webkit-box-shadow:0 0 1px #888; box-shadow:0 0 1px #888; }
		  #nav a:hover { background-color:#C9FCDE; }
#box-footer { width:100%;padding:20px 0;}
  #menu-bottom { width:55%; height:20px; margin: 0 auto; text-align:center; }
	  #menu-bottom  li{display:inline; font-size:12px; float:left; color:#00508f; text-transform: capitalize; font:"Trebuchet MS"; margin-left:15px; font-weight:bold }	
	  #menu-bottom li a {  text-decoration: none; color:#00508f;}
	  #menu-bottom li a:hover {text-decoration:none; color:#333; font-weight:bold; font-size:14px }
  #contact { width:630px; height:100%; margin:20px auto;}	
	  #contact p {font:"Trebuchet MS"; font-size:12px; color:#656565; text-transform:capitalize; text-align:center;}
  #partner { width:747px; height:100%; margin:0 auto;}
	  #partner p { font:"Trebuchet MS"; font-size:12px; color:#656565; text-transform:capitalize; text-align:center; margin-top:20px;}
	  #partner img {  margin-left:10px; margin-bottom:10px}	
			  
		  
/*Yahoo Site Explorer Menu*/

#pgnav{}#pgnav li.first{padding-top:5px; }
.bd-ft .row{text-align:center;}

span.btn{

}

.btn-list li.dsp{line-height:23px;font-size:93%;}
ol.btn-list li{float:left;margin-left:4px;list-style-type:none;}
span.btn,a.btn:link, a.btn:visited,
{
display:inline-block;position:relative;background:transparent url('images/gbtn-bg.png') repeat-x;
border:1px solid #97a7af;
margin:0;padding:5px 8px;
text-decoration:none;
color:#333;font-size:85%;line-height:14px;cursor:pointer;white-space:nowrap;
}

a.btn:hover{
background-image:url('images/gbtn-bg-sel.png');
border:1px solid #e4905a;color:#e4905a;text-decoration:none;}
a.btn.sel:link, a.btn.sel:visited,
span.btn{background-image:url('images/gbtn-bg-sel.png');
border-color:#e4905a;
color:#333;
font-weight:bold;
cursor:pointer;
}
span.btn i.tr{top:-1px;right:-1px;}
span.btn i.bl{bottom:-1px;left:-1px;}
span.btn i{display:block;_display:none;position:absolute;width:1px;height:1px;line-height:0;background:#fff;}


a.btn i, span.btn i{
display:block;
_display:none;
position:absolute;
width:1px;
height:1px;
line-height:0;
background:#fff;

}

a.btn i.tr, span.btn i.tr{top:-1px;right:-1px;}
a.btn i.bl, span.btn i.bl{bottom:-1px;left:-1px;}
a.btn i.br, span.btn i.br{bottom:-1px;right:-1px;}

ol.btn-list{float:left;}
ol.btn-list li{float:left;margin-left:4px;list-style-type:none;}

#pgnav{}#pgnav li.first{padding-top:5px;}

a.btn i.tr, span.btn i.tr{top:-1px;right:-1px;}a.btn i.bl, span.btn i.bl{bottom:-1px;left:-1px;}

a.btn i.tl, span.btn i.tl{top:-1px;left:-1px;}

a.btn i, span.btn i{display:block;_display:none;position:absolute;width:1px;height:1px;line-height:0;background:#fff;}

a.btn i.br, span.btn i.br{bottom:-1px;right:-1px;}

/*Yahoo Site Explorer Menu*/


/*Yahoo Site Explorer Menu*/
a.btn:link, a.btn:visited,
span.btn, input.btn{display:inline-block;position:relative;background:transparent url('images/gbtn-bg.png') repeat-x;border:1px solid #97a7af;margin:0;padding:5px 8px;text-decoration:none;color:#333;font-size:85%;line-height:14px;cursor:pointer;white-space:nowrap;}a.btn:hover, input.btn:hover{background-image:url('images/gbtn-bg-sel.png');border:1px solid #e4905a;color:#e4905a;text-decoration:none;}a.btn.sel:link, a.btn.sel:visited,
span.btn{background-image:url('images/gbtn-bg-sel.png');border-color:#e4905a;color:#333;font-weight:bold;cursor:pointer;}a.btn i, span.btn i{display:block;_display:none;position:absolute;width:1px;height:1px;line-height:0;background:#fff;}a.btn i.tl, span.btn i.tl{top:-1px;left:-1px;}a.btn i.tr, span.btn i.tr{top:-1px;right:-1px;}a.btn i.bl, span.btn i.bl{bottom:-1px;left:-1px;}a.btn i.br, span.btn i.br{bottom:-1px;right:-1px;}a.hidden:link, a.hidden:visited, input.hidden, span.hidden{display:none;}#doc.home #top{float:left;clear:both;margin-bottom:24px;}