@charset "utf-8";
/*===============================RESET BEGIN!===============================*/
html, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, 
address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, 
thead,  th {
margin: 0;padding: 0;border: 0;outline: 0;font-family:Verdana, Arial, Helvetica, sans-serif;
vertical-align: baseline;background:transparent;}
body {line-height: 1; margin:0; padding:0;background:#fff; height:100%;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
a {	color: #336699;	text-decoration:none;}
a:hover{ color:#FF0000; text-decoration:none; }
.no_style {list-style:none;}
.date{ 	font:9px Verdana, Arial, Helvetica;	display: block; }
.clearfix{clear:both;line-height:0;font-size:0;}
.left { float:left;}
.right {float:right;}
.center {float:center;}
td tr {vertical-align:top;}


/*============================ END RESET ====================================*/

#wrap_header,#wrap_content,#wrap_footer{position:relative;}
#header,#content{width:984px;position:relative;margin:0 auto;}
#header{height:80px;}
.logo{position:absolute; left:0px; top:10px;}
.header_menu{position:absolute; right:0px; top:10px; width:860px;text-align:right;}
.header_menu a{font-size:12px; color:#8f8f8f; font-weight:bold; margin-left:10px; }
.header_menu a.img_home{position:relative;top:5px;}
.header_menu a.img_lang{position:relative;top:0px;}
.header_menu a:hover,.header_menu a.active{color:#00319f;}

#wrap_header{z-index:2;}
/*============================ FRENZY DROPDOWN Mwahahahaha!! ====================================*/
.menu{width:100%;height:43px;background:#062f8f url(../images/bg_header.jpg) repeat-x; padding:0 0 0 0px;}
.menu_utama{width:964px;height:43px; background:url(../images/bg_menu.jpg); margin:0 auto; position:relative; }
.menu_utama li{position:relative;float:left;font-size:14px;color:#58585a;height:44px;font-weight:bold;line-height:18px;}
.menu_utama li a{font-family: Arial, Helvetica, sans-serif;position:relative;display:block;height:31px;padding:12px 10px ;color:#fff;float:left; margin-right:10px;}
.menu_utama li a:hover,.menu_utama li a.active,.menu_utama li a.active:visited{color:#fff000;}
.menu_utama li:hover ul.dua_kolom{position:absolute;top:43px;left:0; z-index:9999; height:157px; width:500px;}
.menu_utama li:hover ul.height_min{position:absolute;top:43px;left:0; z-index:9999; height:137px; width:500px;}
.menu_utama ul{width:250px;position:absolute;top:-999em;left:-999em;font-size:12px;padding-bottom:10px; background-color: #06F ;}
.menu_utama li:hover ul{position:absolute;top:43px;left:0; z-index:9999;}
.menu_utama li:hover a.main,.menu_utama li a.main_active{padding:8px 10px 0; margin-top:4px; background-color:#06F;;-moz-border-radius-topright: 10px;
					-khtml-border-radius-topright: 10px;
					-webkit-border-top-right-radius: 10px;
					-moz-border-radius-topleft: 10px;
					-khtml-border-radius-topleft: 10px;
					-webkit-border-top-left-radius: 10px;  }
.menu_utama li:hover a,.menu_utama li:hover a.active{color:#fff000; }
.menu_utama li:hover li a{color:#fff;}
.menu_utama li:hover li:hover a{color:#fff; background-color: #039; }
.menu_utama li:hover li:hover li a{color:#fff;}
.menu_utama li:hover li:hover li a:hover,.menu_utama li:hover li:hover li a.active{color:#fff000;}
.menu_utama ul li{font-size:12px;height:auto;width:250px; display:block;}
.menu_utama ul li a{font-size:12px;height:auto;padding:4px 0 4px 4px;width:230px;color:#fff;float:none; border-bottom:1px solid #fff; margin-left:10px;font-weight:normal;}
.menu_utama li:hover ul ul{position:absolute;top:-999em;left:-999em;}
.menu_utama ul ul{position:absolute;top:-999em;left:-999em;}
.menu_utama ul li:hover ul{position:absolute;top:0px;left:170px;}
.menu_utama ul ul li{position:relative;float:left;width:250px;}
/*============================ END DROPDOWN ====================================*/

.search{position:absolute; top:8px; right:0px;}
.search span{position:relative; top:0px;font-size:11px; color:#fff;}
.search input.text{width:170px; background:url(../images/bg_form_search.jpg); border:none; padding:3px 4px 3px 5px;}
.search input.go{width:35px; background:url(../images/btn_search.jpg); border:none;height:24px;}

/*============================ CONTENT ====================================*/
#wrap_content{z-index:1;}
.banner_home{width:861px;height:317px; height:317px; margin:0 auto; position:relative;}
.banner_home .text_kiri{position:absolute; top:20px; left:120px;}
.banner_home .text_kanan{position:absolute; top:20px; right:120px;}
.banner_home .banner_text{width:350px;}
.banner_home .banner_text span{font-size:12px; color:#333; line-height:14px;}
.banner_home .banner_text h1{font-size:40px; color:#003399; font-weight:normal; line-height:38px;}
.banner_home .banner_text a{font-size:10px; color:#fff;background:url(../images/bg_btn_detil.jpg); display:block; padding:4px 5px 3px 4px; width:38px; margin-top:10px;}
.shadow{width:915px;height:39px; margin:0 auto;}
.lastest_news{width:450px;margin-left:50px; *display:inline; float:left;}
.isi_tabs{float:left; }
	.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
	*html .ui-tabs .ui-tabs-nav li {behavior: url(/css/border-radius.htc);border-radius: 20px;}
	.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0px; border-bottom: 0 !important;   padding:4px 10px 5px 5px;   white-space: nowrap;background:#ccc;-moz-border-radius-topright: 10px;
					-khtml-border-radius-topright: 10px;
					-webkit-border-top-right-radius: 10px;
					-moz-border-radius-topleft: 10px;
					-khtml-border-radius-topleft: 10px;
					-webkit-border-top-left-radius: 10px;
					}
	.ui-tabs .ui-tabs-nav li a { float: left;text-decoration: none; color:#666; text-align:left; font-size:12px;}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected { cursor: text; background:#003399;color:#fff; font-size:14px;  padding:8px 10px 5px 5px; margin-top:-4px;  }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background:#003399;color:#fff;}
	.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0px; background: none;overflow:auto; height:auto; width:450px;  }
	.ui-tabs .ui-tabs-hide { display: none !important; }
.table_isi{padding-top:5px ; line-height:14px;}
.table_isi a{color:#333;}
.table_isi a:hover {display:block; background: #EEF0FF;}
.table_isi tr{margin:0px; background:url(../images/border_dotted.jpg) bottom center no-repeat;}
.table_isi tr td{padding-bottom:10px; font-size:11px; color:#999; vertical-align: text-top;}
.table_isi tr td.bold{font-weight:bold;}
.view_all {float:right; font-size:11px; color:#fff;background:url(../images/bg_btn_detil.jpg) 0px 0px ;  padding:5px 2px 1px 5px; width:40px; margin-top:10px; margin-right:23px;}
.view_all a:hover { color:#FFFF00;}


.jasa_kami{width:420px; float:left; margin-left:20px;*display:inline; height:140px;}
.jasa_kami h1{width:420px;border-bottom:1px solid #aaa; margin:0px;}
.jasa_kami h1 span{ background:#003399;color:#fff;font-weight:normal;  text-align:left; font-size:12px;padding:4px 10px 5px 10px; margin-top:1px; *margin-top:0px; display:block; width:200px;
					-moz-border-radius-topright: 10px;
					-khtml-border-radius-topright: 10px;
					-webkit-border-top-right-radius: 10px;
					-moz-border-radius-topleft: 10px;
					-khtml-border-radius-topleft: 10px;
					-webkit-border-top-left-radius: 10px; }
.jasa_kami .table_jasa{margin-top:25px;}
.jasa_kami .table_jasa tr{margin:0px;}
.jasa_kami .table_jasa tr td{margin:0px; font-size:11px; color:#464646; font-weight:bold; padding-left:10px;}
.jasa_kami .table_jasa tr td .bg_dd{margin:0px;background:url(../images/bg_dropdown_home.jpg) no-repeat; width:267px; height:25px;}
.jasa_kami .table_jasa tr td .mcdropdown{
	height: 20px;
	padding: 2px 0px 2px 2px ;}
.jasa_kami .table_jasa tr td input.cari{font-size:11px; color:#fff;background:url(../images/bg_btn_detil.jpg);padding:2px 0px 0px 4px; width:47px; border:none; font-weight:bold; margin-top:4px;}


.item_index_judul{
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding:15px 0;
}
#item_index { padding: 2px 0 10px 0 ; display:block; font-size: 12px;line-height:16px;	}
#item_index h3{ padding: 2px 0 10px 0 ; color:#333;   	}
#item_index img{ margin:2px 5px 5px 0;  padding: 10px 0 0 10px;}
#item_index_content { padding:10px; display:block; }
#item_index a { color:#000;  }
#item_index a:hover {   display:block; background: #EEF0FF;}
#item_index h4 { color: #0066CC;}

#item_index #link { color: #006699; padding:5x; margin-bottom:20px; float:right;  }
#item_index #link a { color:#006699; }
#item_index #link h5{ font:bold; color:#006699;  }


/*============================ END CONTENT ====================================*/

/*============================ FOOTER ====================================*/

#wrap_footer{height:55px;background:url(../images/wrap_footer_bg.png) repeat-x;z-index:100;}
#footer{width:964px;height:32px;position:relative;font-size:11px;color:#666; background:url(../images/bg_footer.jpg); margin:10px auto;}
#footer .copyright{position:absolute; top:11px; left:10px;font-size:11px;color:#fff; }
#footer .quicklink{  position:absolute; top:-2px; right:0px;font-size:11px;color:#fff; width:355px;}
#footer .quicklink a{margin-left:20px;}
#footer .quicklink a.ic_vid{position:relative; top:2px; }
#footer .quicklink span{position:relative; top:-9px; font-weight:bold;}
/*============================ END	FOOTER ====================================*/