/*
 * Theme Name: Libratama
 * Author: Pondokmedia
 * Author URI: http://memordial.com/
 * Description: theme for libratama developed by PT Bumi Intermedia Divisi Pondokmedia.
 * Version: 1.0
 * License: GNU General Public License
 * */

/* Reset default browser styles */
@import url('style/reset.css');

html { /*background: url('images/1.jpg') repeat;background-attachment:fixed;  */}
body 
{  
font-size: .75em; 
font-family: Verdana; 

}
.box_title .block {margin-left: 0 !important;}
#page_bg
{
	width:100%;
	background:url('images/2.jpg') no-repeat;
	height:0px;
	position:relative;
}
/*css ferdy search*/
input#fields_contact_us 
{
		display: block;
        width: 150px;
        background-color:#efefef; 
		border-top: 1px solid #dddcdc;
		border-left: 1px solid #dddcdc;
		border-bottom: 1px solid #dddcdc;
		border-right: 1px solid #dddcdc;
		margin-right:5px;
		color:#b3b3b3;
		padding:5px;
}
#submit_button {
	padding: 7px 10px;
	background-color: #018786;
	border: 1px solid #cdcbcb;
	color:#fff;
	font-size:12px;
}
/*------------------------------------------*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clear {clear: both; margin: 0; padding: 0; }

a { text-decoration: none; color: #f43c23; }
a:hover { text-decoration: italic; color:#f43c23; }
a  img { border : 0; }

h1, h2, h3, h4, h5, h6 { font-weight:lighter; padding-bottom: 5px; color: #2d2d2d; line-height: 1em; font-family: Verdana, sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #2d2d2d; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 0px;
padding-top: 5px;
line-height: 17px; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline;font-size: 10px; }
sup { bottom: 0.6em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 2px 0 13px 40px; color: #9e9e9e; font-style: italic; font-size: 16px; font-family: Georgia, serif; }
	blockquote p { padding: 0px 0px 0px 20px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }



.sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 2.5em; z-index: 400; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; z-index: 400; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:	-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { top: 0; }

#border_nav
{
	/*padding: 1px 5px;*/
	padding: 0;
	border: 1px solid #dbdbdb;
	float: left;
	margin-left:00px;
	position:relative;
	/*margin-bottom:2px;
	width:887px*/
	width: 100%;
}
.sf-menu { 
position: relative;  
list-style:none;
float: left; 
  width: 100%;
 background: url('images/navigasi-per-1.jpg') repeat-x center; 
 height: 33px; z-index: 400;
 }
 .first a{
    /*padding: 11px 27px 2px !important;*/
    
 }
.sf-menu ul { 
 
 position: absolute; 
 top:	-999em; 
 margin-top: 20px;
 width: 212px; 
 left: 7px;
 -moz-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
 -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); 
 background-image: url('images/dropdown_top.png'); background-repeat: no-repeat; background-position: top; padding-top: 8px; z-index: 400; }
.sf-menu a {
 display: block;
 margin-top:0px;
 position: relative;
 /*text-decoration:none;*/ 
 color: #000; 
 padding: 10px 0 11px; 
 text-decoration: none;
 /*height: 20px; 
 text-shadow: 1px 1px 1px #000;*/ 
 font-weight: bold; 
 text-transform:uppercase;
 }
.sf-menu li { 
	float: left;
	position: relative; 
	font-family: Arial, Helvetica, sans-serif; 
	background: url('images/batas-navigasi.jpg') no-repeat; background-position: left 5px; margin:0px 0;
	width: 12.5%;
	text-align: center;
 }
.sf-menu li ul li ul { left: 212px; margin-top: 0px;}
.sf-menu li li { background: #fff url('images/submenu_li.gif') no-repeat; background-position: 24px 15px; height: 36px ; margin: 0px; float: left; width: 212px; z-index: 10; }
.sf-menu li a:hover { color: #fff; }
.sf-menu li:hover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { 
background: #01837f;
color:#fff;
/*margin-top:1px;*/ }
.sf-menu > li.sfHover.sf-ul { background: transparent url('images/parent_link_left.png') no-repeat; background-position: 7px 11px; z-index: 200; }
.sf-menu li.sfHover li a:hover, .sf-menu li ul li.sfHover a, .sf-menu li ul li ul li.sfHover a { background: #fff url('images/submenu_li_hover.gif') no-repeat; background-position: 11px 0px;  }
.sf-menu li.sfHover li a, .sf-menu li.sfHover li ul li a, .sf-menu li.sfHover li ul li ul li a  { background: url('images/submenu_li_hover.gif') no-repeat ; background-position: -100px -100px; width: 172px; color: #404040; margin: 0px; padding: 14px 0px 0px 40px; text-shadow: 0px 1px 0px #cccccc; }
.sf-menu > li.sfHover.sf-ul > a {  color: #000; text-shadow: 1px 1px 1px #fff; background: transparent url('images/parent_link_right.png') no-repeat; background-position: right 11px; z-index: 301; }
ul.sf-menu li.backLava { position: absolute; z-index: 3; background: url('images/hover_navigasi_per_1.jpg') no-repeat; background-position: center 0px; padding: 0; height: 16px; margin-top: 42px; }
.sf-menu > li:first-child{background:none;}

.ie .sf-menu > li:first-child {
 background:none;
}
.current_page_item{background: #01837f !important; color:#fff !important;}
.current_page_item a{background: #01837f !important; color:#fff !important;}
#top{padding: 0 20px;}
#page_all
{
	max-width: 930px;
	height: auto;
	position: relative;
	margin: 0 auto;
	background-color: #fff;
}
#header { /*width: 963px;*/ width:100%; margin: 0 auto; padding: 22px 0 0 0; }
#header #logo_title { font-family: Georgia, serif; font-style: italic; text-shadow: 1px 1px 1px #656565; color: #1d1d1d; font-size: 1.5em; margin: 18px 0; float: left; }
#header #logo_title a:link { text-decoration: none; color: #fff; }
#header img { float: left; }
#header #searchico { 
float: right; 
padding: 15px 0; 
position: relative; 
margin-right: 0px;
width:300px;
}
#header #searchbox { 
position: absolute; 
display: none; 
/*
margin-left: -200px; 
margin-top: -13px; 
padding: 0; 
background: url('images/searchbox.png') no-repeat;
 width: 186px;
 height: 44px;*/
 }
#header input#s{ 
/*background: transparent; 
border: 0; 
padding-top: 17px; 
padding-left: 17px;
 margin-top: -6px; 
 font-family: Georgia, serif; 
 font-style: italic; 
 font-size: 1.167em; 
 color: #717171;
 height: 20px; 
 float: left;*/
width: 150px;
background-color:#efefef; 
border-top: 1px solid #dddcdc;
border-left: 1px solid #dddcdc;
border-bottom: 1px solid #dddcdc;
border-right: 1px solid #dddcdc;
padding-top: 17px; 
padding-left: 17px;
margin-right:5px;
margin-top: -6px;
float: left;
height: 20px;
color:#b3b3b3;
padding:5px; 
 }
#header .logo_line { margin: 0 15px; }
#header #logo { margin: 6px 0 9px 3px; }
#header #featured {/* margin-top: 8px;*/ float: left; }
#header #featured #left_arrow { float: left; background: url('images/featured_before.png') no-repeat top right; width: 34px; margin-left: 7px; padding-top: 110px; height: 217px;}
#header #featured #featured_content {border: 1px solid #DBDBDB; padding: 0; float: left; background: none; width: 898px; /*height: 304px;*/  color: #a8a8a8; font-size: 1em; line-height: 1.6em;margin : 5px 25px; }
#header #featured #featured_content img { float: left; margin: 0; }
#header #featured #featured_content h1 {line-height: 1.2em;  float: left; font-size: 3em; margin: 0px 0 14px 0; font-family: Verdana; font-weight: normal; color: #fff; text-shadow: -2px -1px 0px #000; }
#header #featured #featured_content #spotlight { float: left; width: 500px; margin-right: 0px; }
span.readmore_g { margin-left: auto; display: block; background: url('images/button_grey_left.png') 0 0 no-repeat; height:29px; width: 82px; padding-left:14px; margin-top: 25px; float: right;}
span.readmore_g a{ padding-top: 2px; font-weight: bolder; text-shadow: -1px -1px 1px #000;display: block; background: url('images/button_grey_right.png') no-repeat top right;text-align: center; font-size: 0.920em; height: 29px; color: #fff; text-decoration: none; padding-right: 14px;}
span.readmore_b { display: block; background: url('images/button_blue_left.png') 0 0 no-repeat; height:29px; width: 75px; float:right; margin-top: 10px;}
span.readmore_box2 { display: block; background: url('images/button_blue_left.png') 0 0 no-repeat; height:29px; width: 75px; float:right; margin-top: 0px;}
span.readmore_b a{ padding-top: 0px; font-weight: bolder; text-shadow: -1px -1px 1px #006fc9; display: block; /*background: url('images/button_blue_right.png') no-repeat top right;*/ text-align: center; font-size: 0.920em; height: 29px; color: #fff; text-decoration: none; padding-right: 14px;}
span.readmore_box2 a{ padding-top: 0px; font-weight: bolder; text-shadow: -1px -1px 1px #006fc9; display: block; text-align: center; font-size: 0.920em; height: 29px; color: #fff; text-decoration: none;}
#header #featured #featured_content #spotlight div { 
	
}
.order {display: none;}
#header #featured #featured_content #f_menu { float: left;  /*padding-right: 100px; width: 188px; */height: 270px;overflow: hidden;}
#header #featured #featured_content #f_menu div { cursor: pointer; }
#header #featured #featured_content #f_menu .featitem { line-height: 1em; background: url('images/featured_menubg.png'); width: 283px; margin: 0px; padding: 2px 5px 2px 0; height: 40px; border-bottom: 1px solid #666;}
#header #featured #featured_content #f_menu .featitem h2 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 1.167em; font-weight: 500; margin: 0px 0 2px 35px; padding-bottom:0px; }
#header #featured #featured_content #f_menu .featitem img { padding: 5px 5px 5px 5px; background: url('images/featured_menuimgbg.gif') no-repeat; background-position: center top; margin-right: 15px; }
#header #featured #featured_content #f_menu .featitem .meta {  color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 0.917em;  margin: 0 0 6px 35px;float:left;}
#header #featured #right_arrow { padding-top: 110px; float: left; background: url('images/featured_aftr.png') no-repeat top left; width: 34px; height: 217px; }
.active {
    background: url('images/featured_menu_selected_bg.png')no-repeat !important; 
    margin: 0px !important; 
    width: 283px !important; 
    /*padding-left: 0px !important; */
    border-bottom: 1px solid #666 !important;
}

#content
 {
 float: left; 
 margin: 0 auto 0 auto;
 /*background: url('images/content_bg.png');*/
 background-color:#018381;
 border:1px solid #018381;
 width:998px;
 }
#content #main {  width: 703px; float: left; }
#content #main .new_post { clear: both; margin: 19px 0 35px 0; }
#content #main .new_post h2.title, #content #main .new_post h1#post-title { padding: 23px 7px 20px 53px; font-family: Verdana; font-size: 2.8em; font-weight: lighter; }
#content #main .new_post { color: #000; line-height: 1.94em; }
#content #main .new_post .post_img { float: left; margin: 0 33px 0 0px; background: #dbdbdb; padding: 8px; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15); }
#content #main .new_post .post_info 
{
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 1em; 
 color: #717171; 
 text-shadow: 1px 1px 1px #fff; 
 padding: 4px 59px 0px 59px; 
 /*background: url('images/post_info_bg.png') no-repeat;*/ 
 height: 32px; 
 width: 632px; 
 margin-bottom: 21px; 
 }
#content #main .new_post .post_info img { position: relative; background: transparent; top: 5px; margin: 0 5px; }
#content #main .new_post .post_info a { color: #010101; text-shadow: 1px 1px 1px #fff; text-decoration: none; }

#main ul { list-style-type: disc;list-style:inside; margin: 10px 0px; width: 590px; padding-left: 0px; }
	#main ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
		#main ul li ul, #main ul li ol { margin: 2px 0px 2px 20px; }
		#main ol li ul, #main ol li ol  { margin: 2px 0px 2px 35px; }

#pagenav { padding: 14px 0 43px 56px; height: 20px; }
#pagenav .page a { float: left; margin-right: 7.6px; color: #000; display: block; width: 30px; text-align: center; padding: 10px 0 0 0; height: 20px; border-style: solid; border-width: 1px; text-decoration: none; border-color: #d4d4d4; background: #efefef; }
#box_slider {width: 288px !important;display: block; float: right;}
#sidebar 
{ 
float: left; 
width: 250px; 
-moz-border-radius-topright: 10px; 
-webkit-border-top-right-radius: 10px; 
-moz-border-radius-bottomright: 10px; 
-webkit-border-bottom-rightradius: 10px; 
}
#sidebar .block 
{ 
margin: 13px 0 52px 0; 
color: #404040; 
padding-left: 20px;
}
/*#sidebar .block p { margin-top: 13px; padding-left: 53px; width: 172px; }*/ 
#sidebar .block h2 
{ 
background: url('images/sidebar_block_h2.png') no-repeat;
 min-height: 27px; 
 width: 200px;
 font-family: Verdana, sans-serif; 
 margin: 0px 0px 6px -20px; 
 color: #7a7979;
 font-size: 1.5em; 
 padding: 0 0 0 55px; 
 font-weight: lighter; 
 text-shadow: 1px 1px 1px #fff; 
 }
#sidebar .block .divider {
 margin-left: -20px; }
#sidebar .block ul {
 margin: 10px 0 0 0; }
#sidebar .block ul li {
 color: #404040;
 margin: 0 0 25px 0;
 background: url('images/list_w.png') no-repeat;
 background-position: 8px 0; padding: 0 0 0 33px; 
 }
#sidebar .adwrap 
{
margin-left:-17px; 
width:253px;
}
#footer_widgets { clear: both; background: url('images/footer_bg.png') no-repeat; padding-top: 40px; height: 300px; }
#footer_widgets .block_b { float: left; width: 258px; background: url('images/block_b_h2.png') no-repeat; background-position: 0 39px; margin: 0 29px 0 34px; color: #adadad;}
#footer_widgets .block_b li { background: url('images/list_b.png') no-repeat; background-position: 5px 0; margin: 0 0 25px 0; padding-left: 30px; text-shadow: 1px 1px 1px #000; }
#footer_widgets a {color: #cccccc; text-decoration: none;}
#footer_widgets .block_b h2 { font-size: 2em; width: 258px; padding-left: 2px; margin: 0 0 32px 0; font-family: Verdana; color: #000; text-shadow: 1px 0px 1px #616161; font-weight: lighter; }
#footer { 
color: #000; 
/*width: 1000px;*/ 

font-size: 0.917em; 
margin: 0px 0; 
padding-top: 0px; 
text-align: center;
font-weight: lighter;
 /*text-shadow: 1px 1px 1px #000; */
clear: both; 
background-color:#b8baba;
 padding-bottom: 6px;
 padding-left: 20px;
padding-right: 20px;
}
#wrap {
    margin: 0 auto;
	
}
#footer a { color: #acacac; text-decoration: none; font-size: 0.917em; }
.activeSlide { background: red; }
/*.content-wrap { float: left; }*/

/*#header #featured img.featured_img { border: 1px solid #151515; border-color: #151515 #474747 #474747 #151515; background: #222222; padding: 8px; }*/
div.slide { height: 277px; }

.sf-menu li ul li.bottom_bg { background: transparent url(images/dropdown_bottom.png); background-position: bottom left; height: 15px; padding: 0; margin: 0; }
/*.wp-pagenavi, div.pagination { padding: 40px 0 40px 50px !important; overflow: hidden; }
.wp-pagenavi span.current {background:none repeat scroll 0 0 #0099E6 !important; border:1px solid #007CBB !important; color:#FFFFFF !important; display:block !important; float:left !important; height:20px !important; margin-right:7.6px !important; padding:10px 0 0 !important; text-align:center !important;
text-decoration:none !important; width:30px !important;}
.wp-pagenavi span, .wp-pagenavi a {float: left;}
.wp-pagenavi a { background:none repeat scroll 0 0 #EFEFEF !important; border:1px solid #D4D4D4 !important; color:#000000 !important; display:block !important; height:20px !important; margin-right:7.6px !important; padding:10px 0 0 !important; text-align:center !important; text-decoration:none !important; width:30px !important; }
.wp-pagenavi span.pages {border:none !important; padding: 12px 10px 0 0 !important;}
*/
#sidebar a {text-decoration: none; color: #404040;}
#sidebar a:hover, #footer_widgets a:hover {text-decoration: underline;}
div.postcontent { padding: 12px 0px 0px 0px; 
text-align: justify;}
div.postcontent p { width:100%; line-height:20px }
div.new_post h2.title a {text-decoration:none; color: #f54932; }
div.new_post h2.title a:hover {color: #000;}
h1#error { margin-top: 30px; }
a.post-edit-link { font-weight: bold; }
#sidebar, #footer_widgets { line-height: 18px; }
.block_b ul li ul { margin-top: 10px; }

/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

#comment-section { clear: both; float: left; margin-top: 35px; }
	p#comments { color: #1e1e1e; font-size: 26px; padding-bottom: 0px; font-family: Verdana, sans-serif;  }
	#main #comment-section ol.commentlist { padding: 34px 39px 35px 0px; float: left; margin: 55px 0px -95px; list-style-type: none; }
		.comment, .comment-body { float: left; }
		li.comment { margin-bottom: 10px; }
		.comment-author { float: left; margin: 0px 0px 0px 0px; z-index: 1; position: relative; }
			#main .comment-author img.avatar { border: 1px solid #DBDBDB; padding: 5px; background: #EDEDED; float: left;margin-right:5px; }
			
			.comment-info { float: left; padding: 3px 0px 0px 13px; font-size: 18px; font-family: Georgia, serif; }
				cite.fn, span.says, #main cite.fn a { color: #657f8c;  }
					span.says, div.commentmetadata { font-style: italic; }
				#main div.commentmetadata, #main div.commentmetadata a { color: #b1b1a5; margin-top:2px; }
			
			.comment-top, .comment-bottom, .comment-content { float: left; }
			.comment-top  { background: url(images/comment-top.png) no-repeat; height: 25px; margin-top: -12px; }
			.comment-content { padding-bottom: 10px; clear: both; width: 99%; }
			.comment-bottom-main { float: left;  }
				.comment-bottom-left { background: url(images/comment-bottom-left.jpg) no-repeat; position: absolute; bottom: 0px; left: -1px; width: 8px; height: 37px; }
				.comment-bottom-right { background: url(images/comment-bottom-right.jpg) no-repeat; position: absolute; bottom: 0px; right: -1px; width: 8px; height: 37px; }
	
		.comment-body p { line-height: 28px; }
		#main ol.commentlist .children { float: left; clear: both; padding-bottom: 30px; width: 96%; margin: 0px; }
			#main ol.commentlist .children .comment-body { padding-top: 10px; width: 99%; }
			#main .commentlist .children li { padding:0px 3% 3%; width:97%; margin: 0px; float: left; background: #ffffff url(images/inner-comment-bottom-main.jpg) repeat-x bottom left; border-left: 1px solid #d1d1c2; border-right: 1px solid #d1d1c2; position: relative; }
				#main .commentlist .children li .comment-top-main { background: url('images/inner-comment-top-main.jpg') repeat-x top left; width: 100%; float: left; height: 6px; }
		#main ul.children li { background: none;  }
		#main img.wp-smiley { border: none; padding: 0px; }
		.comment-top-left, .comment-top-right, .comment-top-main { height: 24px; }
		.comment-top-left { background: url('images/comment-top-left.jpg') no-repeat top left; width: 40px; left: -1px; top: 0px; position: absolute; }
			.comment-top-right { background: url('images/comment-top-right.jpg') no-repeat top right; width: 40px; right: -1px; top: 0px; position: absolute; }
				.comment-top-main { background: url('images/comment-top-main.jpg') repeat-x top left; width: 100%; float: left; }
		.bubble { background: url('images/bubble-top.png') no-repeat; width: 18px; height: 17px; top: -16px; left: 25px; z-index: 10; position: absolute; }
		.commentlist li { background:#F7F7F7 url(images/comment-bottom-main.jpg) repeat-x bottom left; border-left:1px solid #DFDFD7; border-right:1px solid #DFDFD7; position:relative; padding: 0px 30px 50px; margin: 0px 0px 10px; width: 496px; display: block; float: left; }
		
		.reply-container { position: absolute; bottom: 19px; right: 30px; z-index: 20; background: url('images/reply-right-bg.png') no-repeat right bottom; padding-right: 11px; }
			#main a.comment-reply-link { padding: 6px 15px; background: #657f8c; color: #feffff; font-style: italic; font-weight: bold; display: block; }
		.children .comment-top-left { background: url('images/inner-comment-top-left.jpg') no-repeat top left; width: 15px; left: -1px; top: 0px; position: absolute; } 
		.children .comment-author { float:left; margin: 0px; width:100%; z-index:1; }
		.children .bubble { display: none; }
		.children .comment-top-right { background: url('images/inner-comment-top-right.jpg') no-repeat top right; width: 15px; right: -1px; top: 0px; position: absolute; }
		.children .comment-bottom-left { background: url(images/inner-comment-bottom-left.jpg) no-repeat scroll 0 0; height:7px;
position:absolute; width:15px; }
		.children .comment-bottom-right { background: url(images/inner-comment-bottom-right.jpg) no-repeat scroll 0 0; height:7px;
position:absolute; width:15px; }
		.children .reply-container { bottom: -10px; right: 30px; }
		.nocomments{display:none;}
		.nocomments div#respond { margin-top: 0px; }
			div#respond  h3 { font-size: 21px; margin: 5px 0px 7px; color:#303030; }
		div.navigation, div#respond { float: left; width: 595px; }
		div#respond { padding: 10px 0px 0px 0px; width: 90%; }
		form#commentform { float: left; width: 99%; position: relative; z-index: 10; }
			form#commentform  textarea { width: 96%; border: 1px solid #D1D1C2; padding: 3px; }
		.cancel-comment-reply { padding-bottom: 12px; }
		#comment-section li.comment div#respond { margin-top: 0px; padding: 0px; }
		#comment-section div.navigation div.alignleft { padding-left: 35px; }
		
		#comment-section div#trackbacks { float:left; padding: 34px 39px 10px 35px; }
		div#trackbacks  h3 { color:#1E1E1E; font-size:14px; margin-bottom: 7px; }
		ol.pinglist li { margin-bottom: 3px; }


/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 219px; }
	#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
		#wp-calendar a:hover { text-decoration: underline; }
	#wp-calendar caption {	text-decoration: none; font: bold 13px Arial, Sans-Serif; }
	#wp-calendar td {	padding: 3px 5px; color: #9f9f9f; }
		#wp-calendar td#today { color: #ffffff; }
		#sidebar #wp-calendar td#today { color: #000000; font-weight: bold; }
	#wp-calendar th {	font-style: normal;	text-transform: capitalize;	padding: 3px 5px; }
		#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
		#wp-calendar #next a { padding-right: 10px; text-align: right; }
		#wp-calendar #prev a { padding-left: 10px; text-align: left; }
		
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { float:left; margin-right:15px; border : 3px solid #DDDDDD; margin-top:7px;margin-bottom:2px;}
.postcontent img.alignleft{max-width: 250px;}
img.alignright { display:inline; float:right; margin-left:15px; }		

.wp-pagenavi a.last { width:46px !important; }
.wp-pagenavi a.first { width:50px !important; }
.wp-pagenavi .extend { background: none repeat scroll 0 0 #EFEFEF !important;
    color: #000000 !important;
    height: 20px !important;
    margin-right: 2.6px !important;
    padding: 3px 5px !important;
    text-align: center !important;
    text-decoration: none !important;
    width: 30px !important; }
.wp-pagenavi {padding-bottom: 25px;}
/*------------------------------------------------*/
/*------------[Contact Form 7]-----------*/
/*------------------------------------------------*/
.wpcf7 input, .wpcf7 textarea { 
/*width: 260px;*/
/*height:20px;*/ 
/*margin: 0;*/
}
.wpcf7 input[type=submit] 
{
background-color: #018786;
border: 1px solid #e1e0e0; 
color: #fff; 
font-size:13px;
width:50px;
}
/*------------------------------------------------*/
/*------------[About Content]-----------*/
/*------------------------------------------------*/
#aboutcontent
 {
 /*float: left;*/ 
 margin: 0 auto;
 /*background: url('images/content_bg.png');*/
 background-color:#fff;
 border:0px solid #fff;
 max-width:930px;
 padding: 0 20px;
 }
#aboutcontent #main {  width: 65%; float: right;position: relative; }
#aboutcontent #main .new_post { clear: both; margin: 3px 0 35px 0; }
#aboutcontent #main .new_post h2.title, #aboutcontent #main .new_post h1#post-title { padding: 10px 0px 0px 0px; font-family: Verdana; font-size: 2.8em; font-weight: lighter !important; text-transform:uppercase;}
#aboutcontent #main .new_post { color: #000; line-height: 1.94em; }
/*
#aboutcontent #main .new_post .post_img { float: left; margin: 0 33px 0 0px; background: #dbdbdb; padding: 8px; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15); }
*/
#aboutcontent #main .new_post .post_info 
{
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 1em; 
 color: #717171; 
 text-shadow: 1px 1px 1px #fff; 
 padding: 4px 59px 0px 59px; 
 /*background: url('images/post_info_bg.png') no-repeat;*/ 
 height: 32px; 
 width: 632px; 
 margin-bottom: 21px; 
 }
/*
#aboutcontent #main .new_post .post_info img { position: relative; background: transparent; top: 5px; margin: 0 5px; }
*/
#aboutcontent #main .new_post .post_info a { color: #010101; text-shadow: 1px 1px 1px #fff; text-decoration: none; }
#aboutcontent #main #box1
{
	width:29%;
	/*height:125px;*/
	margin-top:20px;
	position:relative;
	float:left;
	text-align:justify ! important;
}
#aboutcontent #main #box1 img
{
	border: 3px solid #cccccc;
    margin-left: 0px;
    max-height: 129px;
    max-width: 160px;
}#aboutcontent #main #box1s{	margin-right: 20px;	/*height:125px;	margin-top:20px;*/	position:relative;	float:left;	text-align:justify ! important;}#aboutcontent #main #box1s img{	border:3px solid #cccccc;	max-width: 150px;}
#aboutcontent #main #box2
{
	width:69%;
	height:125px;
	margin-top:20px;
	margin-left:10px;
	position:relative;
	float:left;
}

#aboutcontent #main #box2kosong
{
	width:600px;
	height:125px;
	margin-top:20px;
	margin-left:20px;
	position:relative;
	float:left;
}

#aboutcontent #main #boxkosong
{
	display:none;
}

.box2paragprah{
line-height:20px; font-family:Verdana; text-align:justify;padding-top:0;
}

.box2paragprah a{
    font-size: 14px !important; font-weight: normal !important;
}
/*------------------------------------------------*/
/*------------[About Sidebar]-----------*/
/*------------------------------------------------*/
#aboutsidebar 
{ 
float:left; 
width:290px;
background:url('images/ABOUT-US_background.jpg') no-repeat top right #fff;
height:700px;
border-right:2px solid #b3b9b9;
margin-top:5px;
margin-bottom:5px; 
margin-left:20px;
/*-moz-border-radius-topright: 10px; 
-webkit-border-top-right-radius: 10px; 
-moz-border-radius-bottomright: 10px; 
-webkit-border-bottom-rightradius: 10px; 
*/
}
#aboutsidebar .block
{
	width: 258px;
	/*background: url('images/ABOUT-US_2.jpg') no-repeat;*/
	margin-top: 10px;
	margin-left:20px;
	/*padding-left:20px;*/
	height:26px;
}
#aboutsidebar img
{
	border:5px solid #dddddd;
	margin-left:50px;
	margin-top: 10px;
}
/*------------------------------------------------*/
/*------------[Contact US]-----------*/
/*------------------------------------------------*/
#contactcontent
 {
 float: left; 
 margin: 0 auto 0 auto;
 /*background: url('images/content_bg.png');*/
 background-color:#fff;
 border:1px solid #fff;
 width:998px;
 }
#contactcontent #main {  width: 680px; float: right; }
#contactcontent #main .new_post { clear: both; margin: 19px 0 35px 0; }
#contactcontent #main .new_post h2.title, #contactcontent #main .new_post h1#post-title { padding: 10px 7px 0px 35px; font-family: Verdana; font-size: 2.8em; font-weight: lighter; }
#contactcontent #main .new_post { margin-left:10px;background:#eee;color: #000; line-height: 1.94em; }
#contactcontent #main .new_post .post_img { float: left; margin: 0 33px 0 0px; background: #dbdbdb; padding: 8px; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15); }
#contactcontent #main .new_post .post_info 
{
 font-family: Verdana; 
 font-size: 1em; 
 color: #717171; 
 text-shadow: 1px 1px 1px #fff; 
 padding: 4px 59px 0px 59px; 
 /*background: url('images/post_info_bg.png') no-repeat;*/ 
 height: 32px; 
 width: 632px; 
 margin-bottom: 21px; 
 }
#contactcontent #main .new_post .post_info img { position: relative; background: transparent; top: 5px; margin: 0 5px; }
#contactcontent #main .new_post .post_info a { color: #010101; text-shadow: 1px 1px 1px #fff; text-decoration: none; }
/*------------------------------------------------*/
/*------------[Contact Sidebar]-----------*/
/*------------------------------------------------*/
#contactsidebar 
{ 
float:left; 
width:290px;
background:url('images/CONTACT-US_background.jpg') no-repeat top right #fff;
height:700px;
border-right:1px solid #b3b9b9;
margin-top:5px;
margin-bottom:5px; 
margin-left:20px;
}
#contactsidebar .block
{
	width: 258px;
	/*background: url('images/CONTACT-US_2.jpg') no-repeat;*/
	margin-top: 10px;
	margin-left:20px;
	/*padding-left:20px;*/
	height:26px;
}
#contactsidebar .boxpicture2
{

	width:250px;
	height:142px;
	border:3px solid #dddddd;
	margin-left:20px;
	margin-top: 10px;
}
#contactsidebar .box_title
{
	margin-left:20px;
	margin-top:5px;
	font-size:12px;
	font-family:Verdana;
	float:left;
}


#contactsidebar1
{ 
float:left; 
width:290px;
background:url('images/ABOUT-US_background.jpg') no-repeat top right #fff;
height:700px;
border-right:1px solid #b3b9b9;
margin-top:5px;
margin-bottom:5px; 
margin-left:20px;
}
#contactsidebar1 .block
{
	width: 258px;
	background: url('images/ABOUT-US_2.jpg') no-repeat;
	margin-top: 10px;
	margin-left:20px;
	/*padding-left:20px;*/
	height:26px;
}
#contactsidebar1 .boxpicture2
{
	width:250px;
	height:142px;
	border:3px solid #dddddd;
	margin-left:20px;
	margin-top: 10px;
}
#contactsidebar1 .box_title
{
	margin-left:20px;
	margin-top:5px;
	font-size:12px;
	font-family:Verdana;
	float:left;
}
/*------------------------------------------------*/
/*------------[Category News]-----------*/
/*------------------------------------------------*/
#newscontent
 {
 float: left; 
 margin: 0 auto 0 auto;
 /*background: url('images/content_bg.png');*/
 background-color:#fff;
 border:1px solid #fff;
 width:998px;
 }
#newscontent #main {  width: 680px; float: right; }
#newscontent #main .new_post { clear: both; margin: 19px 0 35px 0; }
#newscontent #main .new_post h2.title, #newscontent #main .new_post h1#post-title { padding: 23px 7px 20px 53px; font-family: Verdana; font-size: 2.8em; font-weight: lighter; }
#newscontent #main .new_post { color: #000; line-height: 1.94em; }
#newscontent #main .new_post .post_img { float: left; margin: 0 33px 0 0px; background: #dbdbdb; padding: 8px; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15); }
#newscontent #main .new_post .post_info 
{
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 1em; 
 color: #717171; 
 text-shadow: 1px 1px 1px #fff; 
 padding: 4px 59px 0px 59px; 
 /*background: url('images/post_info_bg.png') no-repeat;*/ 
 height: 32px; 
 width: 632px; 
 margin-bottom: 21px; 
 }
#newscontent #main .new_post .post_info img { position: relative; background: transparent; top: 5px; margin: 0 5px; }
#newscontent #main .new_post .post_info a { color: #010101; text-shadow: 1px 1px 1px #fff; text-decoration: none; }

/*------------------------------------------------*/
/*------------[News Sidebar]-----------*/
/*------------------------------------------------*/
#newssidebar 
{ 
float:left; 
width:290px;
background:url('images/CONTACT-US_background.jpg') no-repeat top right #fff;
height:700px;
border-right:1px solid #b3b9b9;
margin-top:5px;
margin-bottom:5px;
margin-left:20px;
}
#newssidebar .block
{
	width: 258px;
	background: url('images/LAST_NEWS.jpg') no-repeat;
	margin-top: 0px;
	margin-left:20px;
	/*padding-left:20px;*/
	height:26px;
}
#newssidebar img
{
	border:5px solid #dddddd;
	margin-left:50px;
	margin-top: 10px;
}
#newssidebar .box_excerpt
{
	margin-top:20px;
	margin-left:20px;
	font-size:12px;
	font-family:Verdana;
	float:left;
}
/*---------[My Navigation]--------------------------*/
#homecontent
 {
 float: left; 
 margin: 0 auto 0 auto;
 background-color:#018381;
 border:1px solid #018381;
 width:998px;
 width: 100%;
 padding-bottom: 20px;
 }
#homecontent #main 
{  
width:1000px;
/*height:310px; 
float:left; */
position:relative;
margin: 0 auto;
}
#homecontent #main #box1{
    width:287px;
    float:left;
    /*height:250px;*/
    position:relative;
    top:10px;
    margin-left:20px;
}
#homecontent #main #box{
width:287px;
float:left;
/*height:250px;*/
position:relative;
top:10px;
margin-left:20px;
}
#homecontent #main #box a
{
	
}
#homecontent #main #box a:hover
{
	
}
/*#homecontent #main #new_post { clear: both; margin: 19px 0 35px 0; position:relative; }
*/
/*
#homecontent #main .new_post h2.title, #content #main .new_post h1#post-title { padding: 20px 7px 20px 20px; font-family: Verdana; font-size: 2.8em; font-weight: lighter; }
#homecontent #main .new_post { color: #000; line-height: 1.94em; }
#homecontent #main .new_post .post_img { float: left; margin: 0 33px 0 0px; background: #dbdbdb; padding: 8px; border-right: 1px solid #ababab; border-bottom: 1px solid #ababab; -moz-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow:1px 3px 7px 1px rgba(0, 0, 0, 0.15); }
*/

#homecontent #main #box1 h2.title
{
	font-family:Verdana;
	font-size: 1.3em;
	color:#fff;
	position:absolute;
	margin-left:20px;
    width: 100%;
    text-align: center;
    
}
#homecontent #main #box1 .post_img
{
	/*position:absolute;*/
}
#homecontent #main #box1 .post_img img{
	max-height: 190px;
	max-width: 283px;
	opacity: 0.9;
	width: 100%;
	height: 190px;
}
#homecontent #main #box1 .post_img img:hover{
opacity:1;
}
#homecontent #main #box1 span .readmore_B2
{
	width:100px;
	text-decoration:underline;
	font-style:italic;
	color:#2d2d2d;
	font-size:14px;
	float:right;
}
#homecontent #main #box1 span.readmore_B2 a{ 
padding-top: 10px; 
font-weight: bolder;
display: block; 
text-align: center;
text-decoration:underline; 
height: 14px; 
color: #2d2d2d;
float:right; 
font-style:italic;
}


#homecontent #main #box1 p {padding:10px 5px; line-height: none; }






#homecontent #main #box h2.title
{
	font-family:Verdana;
	font-size: 1.3em;
	color:#fff;
	position:absolute;
	margin-left:20px;
        width: 100%;
    text-align: center;
}
#homecontent #main #box .post_img
{
/*	position:absolute;*/
}
#homecontent #main #box .post_img img{
	max-height: 180px;
    max-width: 275px;
	width: 100%;
    /*min-height: 128px;
    min-width: 275px;*/
    opacity: 1;
	border: 5px solid white;
}
}
#homecontent #main #box .post_img img:hover{
opacity:1;
}
#homecontent #main #box span .readmore_B2
{
	width:100px;
	text-decoration:underline;
	font-style:italic;
	color:#2d2d2d;
	font-size:14px;
	float:right;
}
#homecontent #main #box span.readmore_B2 a{ 
padding-top: 10px; 
font-weight: bolder;
display: block; 
text-align: center;
text-decoration:underline; 
height: 14px; 
color: #2d2d2d;
float:right; 
font-style:italic;
}


#homecontent #main #box p {padding:10px 5px; line-height: none; }
/*------[Category Careers]--------*/
#karircontent
 {
 float: left; 
 margin: 0 auto 0 auto;
 background-color:#fff;
 border:1px solid #fff;
 width:998px;
 }
 #karircontent #main 
 {  
 width:620px; 
 float:right;
 padding-right:65px;
 }
 #karircontent #main #new_gate
 {
	width:600px;
	margin:20px;
	position:absolute;
	text-align:justify;
 }
 #karircontent #main #new_gate a
 {
	font-style:italic;
	color:#f43c23;
 }
#karircontent #main #new_gate span.readmore_b { display: block; background: url('images/button_blue_left.png') 0 0 no-repeat; height:29px; width: 82px; padding-left:14px; float:right; margin-top: 10px;}
#karircontent #main #new_gate .v-menu
{
	border: 1px solid #7f9fbf;
	width:500px;
	clear:both;
	margin-top:10px;
	padding:0px;
	margin-left:0px;
	
}

/*-----[Product SideBar]-----------------------*/
#productsidebar 
{ 
float:left; 
width:290px;
background:url('images/CONTACT-US_background.jpg') no-repeat top right #fff;
height:1000px;
border-right:2px solid #b3b9b9;
margin-top:5px;
margin-bottom:5px;
margin-left:25px; 
/*-moz-border-radius-topright: 10px; 
-webkit-border-top-right-radius: 10px; 
-moz-border-radius-bottomright: 10px; 
-webkit-border-bottom-rightradius: 10px; 
*/
}
#productsidebar .block
{
	width: 258px;
	background: url('images/PRODUCTS_4.jpg') no-repeat;
	margin-top: 10px;
	margin-left:20px;
	/*padding-left:20px;*/
	height:26px;
}
/*-----------------------------------------*/
/*----------[Service SideBar]-----------------------*/
#servicesidebar 
{ 
float:left; 
width:32%;
/*background:url('images/SERVICES_background.jpg') no-repeat top right #fff;*/
margin-top:5px;
margin-bottom:5px; 
/*-moz-border-radius-topright: 10px; 
-webkit-border-top-right-radius: 10px; 
-moz-border-radius-bottomright: 10px; 
-webkit-border-bottom-rightradius: 10px; 
*/
}
#servicesidebar .block
{
	/*background: url('images/SERVICE_4.jpg') no-repeat;*/
	background-color:#12a7ae;
	border:1px solid #12a7ae;
	margin-top: 10px;
	/*padding-left:20px;*/
	height:26px;
}
#servicesidebar .boxpicture2
{
	max-width: 250px;
	max-height: 205px;
	border:3px solid #dddddd;
	margin-top:14px;
}
#servicesidebar .box_title
{
	margin-top:5px;
	font-size:12px;
	font-family:Verdana;
	float:left;
	width:95%;
}
#servicesidebar .block h4
{
	text-transform:uppercase;
	padding:4px 0px 0px 10px;
	color:#fff;
	font-family: Tahoma;
  font-size: 1.5em;
}
#servicesidebar .block h4 a
{
	text-transform:uppercase;
	padding:3px 0px 0px 5px;
	color:#fff;
	font-weight:bold;
}
/*-----------------------------------------*/
#carressidebar 
{ 
float:left; 
width:290px;
background:url('images/CONTACT-US_background.jpg') no-repeat top right #fff;
height:700px;
border-right:1px solid #b3b9b9;
margin-top:10px;
margin-bottom:5px;
margin-left:20px;
}
#carressidebar .block
{
	width: 258px;
	/*background: url('images/LAST_NEWS.jpg') no-repeat;*/
	background-color:#12a7ae;
	margin-top: 7px !important;
	margin-left:20px;
	padding: 1px 0px 0px 0px;
	color:#fff;
	text-transform: uppercase;
	/*padding-left:20px;*/
	height:26px;

}
#carressidebar h4 a
{
	color:#fff;
	font-family:Verdana;
	font-size:18px;
	margin-left:10px;
	margin-top:2px;
}
#carressidebar img
{
	border:5px solid #dddddd;
	margin-left:50px;
	margin-top: 10px;
}
#carressidebar .box_excerpt
{
	margin-top:10px;
	margin-left:7px;
	font-size:12px;
	font-family:Verdana;
	float:left;
}
/*--------[Service Content]---------*/
#servicesidebar 
{ 
float:left; 
background:url('images/CONTACT-US_background.jpg') no-repeat top right #fff;
margin-top:0px;
margin-bottom:5px;
min-height:600px;
}/*------------------------------------------------*/
/*------------[Service Content]-----------*/
/*------------------------------------------------*/
#servicecontent
 {
 float: left; 
 margin: 0 auto 0 auto;
 background-color:#fff;
 border:1px solid #fff;
 width:998px;
 font-family:Verdana;
 }
#servicecontent #main {  width: 670px; float: right; position:relative;}
#servicecontent #main a {font-style:italic; color:#f43c23;}
#servicecontent #main h4 .template
{
	color:#12a7ae;
	font-size:16px;
	float:left;
	font-weight:bold;
	position:relative;
}
#servicecontent #main p .description
{
	color:#000;
	font-size:12px;
	float:left;
	text-align:justify;
}
#servicecontent #main #box1
{
	width:200px;
	height:150px;
	margin-left:-18px;
	margin-top:20px;
	position:relative;
	float:left;
	text-align:justify ! important;
}
#servicecontent #main #box1 img
{
	border:5px solid #cccccc;
	margin-left:18px;
}
#servicecontent #main #box2
{
	width:400px;
	height:150px;
	margin-top:20px;
	margin-left:10px;
	position:relative;
	float:left;
}



/*-------------------------------*/
/*-----[Single Post CSS]--------*/
/*-------------------------------*/
#singlecontent
 {
 float: left; 
 margin: 0 auto 0 auto;
 /*background: url('images/content_bg.png');*/
 background-color:#fff;
 border:1px solid #fff;
 width:998px;
 }

#singlecontent #main {  width: 680px; float: right; position:relative;}
#singlecontent #main h4 .template
{
	color:#12a7ae;
	font-size:16px;
	float:left;
	font-weight:bold;
	position:relative;
}
#singlecontent #main p .description
{
	color:#000;
	font-size:12px;
	float:left;
	text-align:justify;
}
#singlecontent #main #box1
{
	width:600px;
	margin-left:20px;
	position:relative;
	text-align: justify;
	color:#000;
}
#singlecontent a
{
	float:left !important;
	margin: 0 15px 0 0 !important;
}

#singleimage{
margin-top: 5px;
margin-left: 42px;
width: 900px;
}

#singlecontent #main #box1 img
{
	border:5px solid #cccccc;
}

#singeimagesidebar
{
	border:5px solid #cccccc;
}
/*
#singlecontent #main #box2
{
	width: 370px;
	margin-left: 10px;
	position: relative;
	float: left;
	margin-left: 70px;
	text-align: justify;
}
*/
.menuabout{
margin : 5px 10px;
}

.menuabout li{
border-bottom:1px dashed #33cccc;
margin-left:-10px;
width:253px;
height:auto !important;
padding-top:5px;
padding-bottom: 5px;
}

.menuabout li ul li {
border-bottom:none;
margin-left:15px;
width:240px;
height:30px;
padding-top:5px;
padding-bottom: 5px;
}

.menuabout li ul li ul li {
border-bottom:none;
margin-left:15px;
width:240px;
height:30px;
padding-top:5px;
padding-bottom: 5px;
}

.menuabout li:active, .menuabout li:hover {

}
.menuabout li a {
    padding-left: 20px;
    background: transparent url(images/linkabout.png) no-repeat 3px 6px;
    font-family: tahoma, verdana;
    font-size: 12px;
    color:#000;
    text-decoration: none;
    height:auto;
    width:220px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-transform:uppercase;
    display:block;
    line-height: 17px;
}

.menuabout li a:hover{
padding-left: 20px;
/*padding-top: 5px;
padding-bottom: 5px;*/
text-decoration:none;
color:#fff;
background: #135457 url(images/linkabout.png) no-repeat 3px 6px;
height:auto;
width:235px;
display:block;

}
.menuabout li:first-child{}
.menuabout li:first-child a{width: 157px;}
.menuabout li:first-child a:hover{width: 157px;}

.menuabout li ul li a:hover{
padding-left: 20px;
/*padding-top: 5px;
padding-bottom: 5px;*/
text-decoration:none;
color:#fff;
background: #135457 url(images/linkabout.png) no-repeat 3px 6px;
height:auto;
width:220px;
display:block;

}

.menuabout li ul li ul li a:hover{
padding-left: 20px;
/*padding-top: 5px;
padding-bottom: 5px;*/
text-decoration:none;
color:#fff;
background: #135457 url(images/linkabout.png) no-repeat 3px 6px;
height:auto;
width:205px;
display:block;

}

.menuabout hr
{
	background: transparent;
	color: transparent;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px dashed #33cccc;
	width:255px;
}


.isikarir {margin:5px 0;}
.singlerelated {display:block;height:25px;text-decoration:none;font-style: italic;color:#12a7ae;}
.singlerelated:hover {display:block;height:25px;text-decoration:underline;font-style: italic;color:#12a7ae;}

/*-------------------------------*/
.wp-pagenavi a
{
 text-decoration:none;
 color:#000 !important;
 font-style:normal ! important;
}
.wp-pagenavi a:link {
 /*border: 1px solid #babfa7;*/ 
 /*background: #e5e7e9;*/ color: #222; 
 } 
 .wp-pagenavi a:visited { 
 background: #058883;  
 } 
 .wp-pagenavi a:hover {
 background-color: #058883; 
 color:#fff !important;
 }
 
 .menuproduct{
margin : 5px 10px;
}

.menuproduct li a{
padding-left: 20px;
background: transparent url(images/linkabout.png) no-repeat 0 0;
font-size: 14px;
color:#000;
}
.menuproduct hr
{
	border: 1px dashed #33cccc;
	margin-left:10px;
}
.menuproduct li{
/*border-bottom:2px dashed #33cccc;*/
height:10px;
padding:12px 0 12px 10px;
margin-left:10px;
}

.menuproduct li:active, .menuproduct li:hover {
background: #135457;
}

.menuproduct li a:hover{
text-decoration:none;
color:#fff;
}
#contactus fieldset
{
   width:320px;
   padding:20px;
   border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;   
}

#contactus legend, h2
{
   font-family : Arial, sans-serif;
   font-size: 1.3em;
   font-weight:bold;
   color:#333;
}

#contactus label
{
   font-family : Arial, sans-serif;
   font-size:0.8em;
   font-weight: bold;
}

#contactus input[type="text"],textarea
{
  font-family : Verdana;
  font-size:12px;
  color : #000; 
  padding : 3px; 
  border : 1px solid #bbb;
 
}

#contactus input[type="text"]
{
  height:18px;
  width:220px;
}

#contactus #scaptcha
{
  width:60px;
  height:18px;
}

#contactus input[type="submit"]
{
   width:100px;
   height:30px;
   padding-left:0px;
}

#contactus textarea
{
  height:120px;
  width:310px;
}

#contactus input[type="text"]:focus,textarea:focus
{
  color : #000;
  font-size:12px;
}

#contactus .container
{
   margin-top:8px;
   margin-bottom: 10px;
}

#contactus .error
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.7em;
   color: #900;
   background-color : #ffff00;
}

#contactus fieldset#antispam
{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

#contactus fieldset#antispam legend
{
   font-family : Arial, sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#333;   
}

#contactus .short_explanation
{
   font-family : Arial, sans-serif;
   font-size: 0.6em;
   color:#333;   
}
#fg_formContainer
{
   height:500px;
   width:390px;
   background:#FFFFFF;
   border:1px solid #000;
   padding:0;
   position:absolute;
   z-index:999;
   cursor:default;   
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;   
display:none;
}

#fg_container_header
{
   height:30px;
   background:#000066;
   border-top-right-radius:10px;
   -moz-border-radius-topright:10px;
   -webkit-border-top-right-radius:10px;
   -khtml-border-top-right-radius: 10px;
   
   border-top-left-radius:10px;
   -moz-border-radius-topleft:10px;
   -webkit-border-top-left-radius:10px;
   -khtml-border-top-left-radius: 10px;   
}

#fg_container_header a
{
   color:#fff;
   font-family:Verdana,Arial;
   font-size:10pt;
   font-weight:bold;
}

#fg_box_Title
{
   float:left;
   width:180px;
   margin:5px;
   
   color:#fff;
   font-family:Verdana,Arial;
   font-size:12pt;
   font-weight:bold;   
}

#fg_box_Close
{
   float:right;
   width:80px;
   margin:5px;
}

#fg_form_InnerContainer
{
   margin:15px;
}

#fg_form_InnerContainer h2
{
   font-family : Arial, sans-serif;
   font-size: 14pt;
   font-weight:bold;
   color:#333;     
}

#fg_form_InnerContainer p
{
   font-family : Arial, sans-serif;
   font-size: 12pt;
   color:#333;
}

#fg_backgroundpopup
{
   position: fixed; 
   top:0; 
   left:0; 
   bottom:0; 
   right:0;
   
   background:#000000;
   opacity: .3;
   -moz-opacity: .3;
   filter: alpha(opacity=30);
   border:1px solid #cecece;
   z-index:1;
   display:none;
}

#fg_submit_success_message
{
   display:none;
   padding:15px;
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#fg_crdiv
{
   font-family : Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#fg_crdiv p
{
    display:none;
}

.menuproducts{
margin : 5px 10px;
}

.menuproducts li a{
padding-left: 20px;
background: transparent url(images/linkabout.png) no-repeat 0 0;
font-size: 14px;
color:#000;
}
.menuproducts hr
{
	border: 1px dashed #33cccc;
	margin-left:10px;
}
.menuproducts li{
/*border-bottom:2px dashed #33cccc;*/
height:10px;
padding:12px 0 12px 10px;
margin-left:10px;
}

.menuproducts li:active, .menuproducts li:hover {
background: #135457;
}

.menuproducts li a:hover{
text-decoration:none;
color:#fff;
}

	
#noresult{
	margin-left:20px;
	color:#333;
}
#noimage{
	background: url("images/no_image_100x159.gif") no-repeat scroll 0 0  transparent;
	width:159px;
	height:100px;
	border: 3px solid #CCCCCC;
  margin-left: 18px;
	}
#greycontact{
	background:#ddd;	
}
#bannerimage{
	margin-top: 5px;
	max-width: 100%;
	height: 215px;
}
#smallsideimage {
margin-left: 0px;
max-width: 250px;
max-height: 202px;
width:100%;
}

#header #featured #featured_content #arrowprev { 
    background: url('images/featured_arrowup.png');
    height: 12px;
    float: left;
    padding-right: 100px;
    width: 188px;
    border-bottom: 1px solid #666;
     cursor: pointer;
}

#header #featured #featured_content #arrownext {
    background: url('images/featured_arrowdown.png');
    height: 12px;
    float: left;
    padding-right: 100px;
    width: 188px;
    border-top: 1px solid #666;
    cursor: pointer;
}

#desc {
    display: none;
	position: relative;
	float:left;
	z-index: 700;
	width:590px;
	height:30px;
	padding-top : 13px;
	padding-left : 20px;
	margin-top:-43px;
	opacity: 0.9;
	background: url("images/overlay.png") repeat scroll left top transparent;
	color: #FFFFFF;
}
#desc h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	}
#whiteback {
/*border: 5px solid white;
height: 128px;
width: 275px;*/
margin-left: 20px;
margin-top: 25px;

}
#mainwrap{
/*background: url(images/lineback.png) repeat-y;*/
margin-top:15px;
/* target IE7 only */   *padding-top: 15px;
background-position-x: -16%;
}

.ie7 #mainwrap{
background: url(images/lineback.png) repeat-y;
padding-top: 5px;
}

.ie #mainwrap{
background: url(images/lineback.png) repeat-y;
padding-top: 5px;
}

#boxkosong {
display:none !important;
}

.ie .columntable {
  width:196px;vertical-align:middle;
}
.ie7 .columntable {
  width:196px;vertical-align:middle;
}
.gecko .columntable {
  width:196px;vertical-align:middle;
}
.win.gecko .columntable {
  width:196px;vertical-align:middle;
}
.linux.gecko .columntable {
  width:196px;vertical-align:middle;
}
.opera .columntable {
  width:196px;vertical-align:middle;
}

.webkit .columntable {
  width:189px;vertical-align:middle;
}

#btngreensearch{
float:right;margin-top:6px;
}
#copyright a{
	color:#000000;
}
#copyright a:hover{text-decoration:underline;}
/*add design new*/
.box_welcome{background-color: #FFFFFF;padding: 6px 0 18px}
.cover_welcome{
	max-width: 1000px;
	margin: 0 auto;
}
.title_welcome{
	font-family:Myriad Pro;
	color:#01817d;
	float:left;
	margin-left: 45px;
	margin-right: 6px;
}
.text_welcome {
    color: #4B4B4B;
    font-size: 12px;
    line-height: 1.3em;
    padding-top: 3px;
    text-align: justify;
    width: 942px;
}
#homecontent #main #box1 h2.title{
	text-align:left;
}
#homecontent #main #box h2.title{
	text-align:left;
}
.box_contact{
	background: url(images/back_contact.png) no-repeat;
	margin-left: 21px;
    margin-top: 25px;
    min-height: 165px;
    min-width: 262px;
    padding: 14px;
	background-size: cover;
}
.box_contact tr td{
	color: #FFFFFF;
    line-height: 1.4em;
	padding: 3px 0;
}
.cabang1{
	color:#fff;
	line-height: 1.4em;
	margin-left: 21px;
	margin-top: 5px;
}
.cabang2{
	color:#fff;
	line-height: 1.4em;
	margin-left: 21px;
	margin-top: 5px;
	width: 300px;
}
.box_list{
	background: url(images/back_list.png) repeat;
	
}
.cover_product ul{}
.box_list li{
	list-style-image:url(images/billet_list.png);
	margin-bottom: 16px;
	border-bottom: 1px dashed #A8A8A7;
	padding-bottom: 3px;
}
.box_list li a{
	color:#01817e;
}	
.cover_list{
	max-width:1000px;
	margin:0 auto;
}
#box_service{
	width: 291px;
	padding-bottom: 20px;
	float: right;
	margin-top: 30px;
	margin-right: 61px;
}
#box_product{
	padding-bottom: 20px;
	float: left;
	margin-top: 30px;
	margin-left: 44px;
}
.cover_product{
	width: 272px;
	margin-right: 25px;
	float: left;
}

#homecontent #main{/*height: 336px;*/} 
.input_text {text-align: left; width:440px;}
.input_text2 {text-align:left; margin:0;}
.input_textarea {text-align:left; margin:0; width:440px; height:75px;}
.input_buttonsend, .wpcf7-submit {float:right; cursor:pointer; background-color:#06838a; color:#fff; border:none;margin:10px 0; padding: 5px;text-transform: uppercase;}
.wpcf7-response-output {width: 540px; margin: 10px 0 !important; padding: 5px !important;}
.tutup {display: none;}
.isikarir .wpcf7 input[type="submit"] {width: inherit !important;}
.isikarir .input_buttonsend, .wpcf7-submit {float: none !important;}
#infonetmubreadcrumb{margin-left:0px;font-size: 10px;}
#infonetmubreadcrumb a{font-size: 10px;}
#main ul li{list-style: disc outside none;margin-left: 14px;}
.news_list{margin-bottom:10px;}
.border_tabel{border:1px solid;}
.border_tabel tr td{border:1px solid;}
.list_tables tr td li{margin-left: 14px;}
.postcontent ol li p{margin-left:20px;}


#mobile-slider {
    display: none;
}
#mobile-sliders{
	padding: 0 20px;
	margin: 0 auto;
	max-width: 930px;
	min-height: 340px;
}
#mobile-sliders .soliloquy-container .soliloquy-caption{display:none;}
#mobile-sliders .soliloquy-container .soliloquy-pager{display:none !important;}
/*end*/


.postcontent ol{margin-left: 16px !important;}
.postcontent ol li{
	margin-bottom: 10px;
	list-style-position: outside;
	padding-left: 5px;
}
.box_iso{
	padding-top: 30px;
	padding-bottom: 50px;
	max-width: 1000px;
margin: 0 auto;
}
.box_iso ul{}
.box_iso ul li{
	display: inline;
	margin: 0 15px;
}
.box_iso ul li img{max-width: 15%;}
#lbOverlay{background-color: transparent !important;}
.box_slider{}
.cover_slider{}

.box_slidenew{
	width: 910px;
	margin: 0 auto;
	/*border: 2px solid #efefef;*/
	padding-right: 7px;
	margin-bottom: 30px;
}

#wonderpluginslider-container-1{padding-bottom: 0px !important;}
.amazingslider-nav-1{margin-left: -1px !important;}
.amazingslider-box-1 div:last-child a{display: none !important;opacity: 0;}
.amazingslider-nav-thumbnail-description-1{}
.amazingslider-bullet-1{}


#wonderpluginslider-container-2{padding-bottom: 0px !important;}
.amazingslider-nav-2{margin-left: 4px !important;}
.amazingslider-box-2 div:last-child{
	background: transparent !important;
	height: 0;
	border: 0;
}
.amazingslider-box-2 div:last-child a{display: none !important;opacity: 0;}
.amazingslider-box-2{border-color: #efefef !important;}

#button_download{
	
}
#button_download span{}
/*
@media screen and (max-width: 1400px) {
   .sf-menu a{padding: 11px 43px 2px;}
	
}
@media screen and (max-width: 1300px) {
   .sf-menu a{padding: 11px 43px 2px;}
	
}
@media screen and (max-width: 1260px) {
   .sf-menu a{padding: 11px 40px 2px;}
	
}
@media screen and (max-width: 1230px) {
   .sf-menu a{padding: 11px 39px 2px;}
	
}
@media screen and (max-width: 1200px) {
   .sf-menu a{padding: 11px 36px 2px;}
	
}
@media screen and (max-width: 1160px) {
   .sf-menu a{padding: 11px 34px 2px;}
	
}
@media screen and (max-width: 1130px) {
   .sf-menu a{padding: 11px 33px 2px;}
	
}
@media screen and (max-width: 1100px) {
   .sf-menu a{padding: 11px 30px 2px;}
	
}
@media screen and (max-width: 1060px) {
   .sf-menu a{padding: 11px 28px 2px;}
	
}
@media screen and (max-width: 1030px) {
   .sf-menu a{padding: 11px 26px 2px;}
	
}
@media screen and (max-width: 1000px) {
   .sf-menu a{padding: 11px 25px 2px;}
	
}
@media screen and (max-width: 960px) {
   .sf-menu a{padding: 11px 23px 2px;}
	
}

@media screen and (max-width: 930px) {
   .sf-menu a{padding: 11px 23px 2px;}
	
}

@media screen and (max-width: 960px) {
   .sf-menu a{padding: 11px 23px 2px;}
	
}
@media screen and (max-width: 950px) {
   .sf-menu a{padding: 11px 23px 2px;}
	
}
*/
@media screen and (max-width: 940px) {
   /*.sf-menu a{padding: 11px 20px 2px;}*/
	
}
@media screen and (max-width: 930px) {
   /*.sf-menu a{padding: 11px 20px 2px;}*/
	
}
@media screen and (max-width: 900px) {
   /*.sf-menu a{padding: 11px 18px 2px;}*/
	
}
@media screen and (max-width: 860px) {
   /*.sf-menu a{padding: 11px 16px 2px;}*/
	#aboutcontent #main #box1{width: 35%;}
	#aboutcontent #main #box2{width: 62%;}
	.current_page_item.page-item-12 a{
		padding-bottom: 4px;
		padding-top: 5px;
	}
}
@media screen and (max-width: 830px) {
   /*.sf-menu a{padding: 11px 14px 2px;}*/
	
}
@media screen and (max-width: 800px) {
   /*.sf-menu a{padding: 11px 12px 2px;}*/
	
}
@media (max-width: 768px) {
    #page_all {
        width: 100%;
    
    }
 #header {
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
}
  
  

	#header #logo{margin-left: 22% !important;}
    #border_nav {
    
        display: none;
    }
	#header #searchico{
		margin-right: 7% !important;
		width: 270px !important;
	}
	.box_iso{width: 100%;}
	.box_iso ul li{margin-bottom:30px;}
	.box_iso ul li img{max-width: 100%;margin-bottom:30px;}
    #lofslidecontent45 {
        display: none;
    }
    
    .title_welcome {
        float: none;
        margin-left: 20px;
        margin-right: 6px;
        width: 100%;
    }
    
    .text_welcome {
        text-align: left;
        width: 85%;
        margin: 15px 20px;
        font-size: 15px;
    }
    
    #homecontent {
        width: 100%;
        font-size: 15px;
    }
    
    #homecontent #main {
        height: auto;
        width: 100%;
    }
    
    #homecontent #main #box1 {
        width: 100%;
        float: left;
        height: auto;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    
    #homecontent #main #box {
        width: 100%;
        float: left;
        height: auto;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    
    
    .box_contact {
        background: none;;
    }
    
    #box_service {
    width: 100%;
    padding-bottom: 20px;
    float: none;
    margin-top: 30px;
    margin-right: 0px;
    margin-left: 45px;
    margin-bottom: 40px;
    }
    
    
    
    #footer {
          
    }
    
    #mobile-slider {
        display: block;
    }
	#mobile-sliders{
		min-height: auto;
	}
	#aboutcontent #main{
		width: 100%;
		float: none;
	}
	#servicesidebar{
		float: none;
		width: 100%;
	}
	#mainwrap{background:none;}
	#aboutcontent #main #box1{width: 35%;}
	#aboutcontent #main #box2{width: 63%;}
    .current_page_item.page-item-12 a{}
}
@media screen and (max-width: 650px) {
    .sf-menu a{}
	.box_slidenew{display:none;}
	
}

@media screen and (max-width: 480px) {
    .sf-menu a{}
}

@media screen and (max-width: 320px) {
    .sf-menu a{}
}

@media screen and (max-width: 240px) {
   .sf-menu a{}
}