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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, pre, a, em, font, img,blockquote, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, caption, tbody, tfoot, thead {  
	margin: 0; padding: 0; 
	border: 0; outline: 0; 
	font-size: 100%; 
	vertical-align: baseline;  
	background: transparent;}
h1, h2, h3, h4, h5, h6, p, dl, pre, form{margin:0 0 20px}
:focus { outline: 0; }

/* ********************************************************** 
   GLOBAL STYLES 
==********************************************************** */

* {margin:0; padding:0;}
html {
height:100%; 
font-size:100%;}

body {
height: 100%;
background:#004182 url(../images/backgrounds/top-bg.jpg) repeat-x 0 0; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size:12px; 
font-weight:normal; 
color:#626161;
line-height:22px; }

ul li {list-style:none;}
img {border:none;}
a { color:#626161; text-decoration:underline;}
a:hover { color:#181818;}
.left {float:left;}
.right {float:right;}
.center { text-align:center;}
.clear { clear:both;}
.bold { font-weight:bold}
.italic { font-style:italic}
.underline { text-decoration:underline;}
.center { text-align:center;}
.noborder { border:none}
.hidden { display: none !important; }
.border4 { 
	border:1px solid #dddddd; 
	background-color:#f5f5f5;
	padding:4px; }
	
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#181818; margin:0px 0 20px 0; font-family:arial,verdana;}
h1 {font-size:32px;}
h2 {font-size:25px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:15px;}
h6 {font-size:13px;}
p { margin:0 0 10px 0; line-height:18px; }

#content h1,#content h2{ margin:0px 0 20px 0; }
#content h3,#content h4,#content h5,#content h6 { margin:0px 0 15px 0; }

pre {
	font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Arial, sans-serif; 
	font-size:12px; 
	color:#343434; 
	padding-left:5px; 
	background:url(../images/backgrounds/pre.jpg); 
	white-space:pre; 
	overflow:auto; 
	border-width:0 1px 1px 1px; 
	border-style:solid; 
	border-color:#dddddd; 
	line-height:22px; 
	letter-spacing:.1px; 
	word-spacing:1px; 
	margin:15px 0 15px 0;
	overflow:hidden;}
	
code { 
	background-color: #eee; 
	padding: 0px 5px; 
	color:#4d4d4d;
	margin: 10px 0; 
	border: 1px dotted #979797; 
	display: inline-block; 
	text-shadow: 0px 1px 0px #fff; }

hr,.large-footer hr , .line, .large-footer .line,.line3, .large-footer .line3{ 		
	border:none 0; 
	outline:0;
	height:1px; 
	clear:both;}
hr {border-top: 1px dotted #b6b6b6; }	
	
.divider1 { height:22px; }
.divider1,.divider2 {background:url(../images/backgrounds/divider1.png) no-repeat center top;}
.divider2 { height:2px; }

sup,sub{ font-size:11px; color:#757575;margin:0; padding:0;  }
sup { vertical-align: top; }
sub { vertical-align: bottom; }

.skin-color { color:#ff7400;}
.yellow { color:#fff200}
.white { color:#fff}
.grey { color:#5e5e5e}

.round3{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}
	
.round5{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}

/* ********************************************************** 
	HEADER SECTION
==********************************************************** */

#container {}

#header { 
	background:url(../images/backgrounds/header-bg.jpg) no-repeat center top; 
	height:108px; }
	 
#isiheader { width:1024px; margin:auto;}
	 
.logo {  float:left; margin-top:10px;}

.ads1 { float: right; margin-top: 5px;}
	


/**************************************************
BANNER SLIDER
***************************************************/


#slider, #slider img {
	width: 1024px;
	height: 200px;
	margin:auto;
}
#vslider {
	margin: 0px 0px 0px 0px;
	padding: 0;
	border: none;
}
#vslider {
	height:180px;
	overflow: hidden;
}
#vslider ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
#vslider ul li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
#slider {
	overflow: hidden !important;
}
#slider img {
	-ms-interpolation-mode: bicubic;
}

/**************************************************
MENU LAYER
***************************************************/

#topmenu { width:1024px; 
	margin:0 auto; 
	margin-top: 13px; 
	height: 37px;
	z-index:20;
	position:relative;
}

div#menuContainer {
	width:100%;
	position:relative;
	height:35px;
	z-index:2;
}

/**************************************************
MENU
***************************************************/

#dropmenu {
	margin:0; 
	padding:0;
	width:1030px;
	list-style-type:none; 
	list-style-position:outside; 
	position:relative; 
	line-height:35px; 
	z-index:20;
	float:left;
}
#dropmenu .right{
	float: right;
}

#dropmenu ul { 
	position:absolute; 
	display:none; 
	top:35px; 
	left:-1px;
	list-style-type:none;
	z-index:22; 
} 
     
#dropmenu li { 
	float:left; 
	position:relative; 
}     
     
#dropmenu a { 
	color:#eee;
	text-decoration:none;
	font-weight:normal;
	font-size:14px;  
	display:block;
	padding:0px 15px;
} 
#dropmenu > li > a {
	font-family: Arial;
	color:#5E5E5E;
}

#dropmenu li:hover > a {
color:#ff7400;
} 
    
/** sub-level 1 **/
#dropmenu li ul { 
width:221px; 
border-top:1px solid #ccc; 
border-right:1px solid #ccc; 
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;

} 

#dropmenu li ul a { 
float:left; 
width:191px; 
height:auto; 
z-index:20; 
font-weight:normal;
font-size:11px;
background-color:#fff;
color:#036;
border-bottom:1px solid #ccc; 

} 
#dropmenu ul li:hover > a {
background-color:#eee;
color:#036; 
} 
    
    
/** sub-level 2 **/
#dropmenu ul ul { 
top:auto; 
} 
    
#dropmenu li ul ul {
left:211px;
top:-1px; 
margin:0px 0px 0px 10px;
z-index:21; 
} 
    
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
display:none;
} 
    
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
display:block;
} 
#dropmenu img {
	padding-left: 10px;
}

/**************************************************
	CONTENT
***************************************************/


#maincontainer { 
	width:1024px; 
	margin:auto;
	background: #FFFCF1;
	box-shadow: 0 0 10px #2C2C2C;
	margin-top: 10px;
	margin-bottom: 20px;
	display: table;
	padding-bottom: 30px;
}
.regency {
	float: left;
	width: 743px;
	height: 120px;
	background-color: #fff;
	margin-bottom: 20px;
}
.boxregency {
	height: 120px;
	background: url(../images/backgrounds/regency-bg.jpg);
	box-shadow: 0 0 5px #8E8E8E;
}
.judulregency {
	width: 90%;
	height: 8px;
	padding: 5px 10px 10px 10px;
	background-color: #004182;
	color: #fff;
}

.menuregency {
	width: 70px;
	float: left;
	height: 60px;
	padding: 10px;
	line-height:16px;
}
.menuregency .judul {
	background: #9D9D9D;
	width: 984px;
	height: 20px;
	padding: 0;
	color: #fff;
}
.menuregency ul li{
	list-style:square;
	display:block;
	width: 40px;
}
.menuregency li a {
	font-weight: bold;
	margin-left: 10px;
	text-decoration: none;
	line-height: 20px;
}
.menuregency a {
	font-weight: bold;
	margin-left: 10px;
	text-decoration: none;
	color: #ffff00;
}
.menuregency a:hover {
	font-weight: bold;
	margin-left: 10px;
	text-decoration: none;
	color: #fff;
	text-decoration: underline;
}

.kolomkiri {
	width: 743px;
	float: left;
	height: auto;
	margin: 10px 10px 0 10px;
}
.main {
	width: 450px;
	float: left;
	margin-left: 23px;
	background-color: #004182;
	padding: 10px;
	padding-bottom: 30px;
}
.full {
	width: 700px;
	margin-left: 20px;
}
.main p {
	color: #fff;
	font-size: 12px;
	line-height: 16px;
}
.main h4 {
	font-family: CartoGothic,Arial,Helvetica,sans-serif;
	color: #ffff00;
	margin: 0 0 10px 0;
}
.main h4:hover {
	color: #fff;
}
.main a {
	text-decoration: none;
}
.main a:hover {
	text-decoration: underline;
	color: #fff;
}
.others {
	float: left;
	width: 410px;
	margin: 0 10px 0 10px;
	background: #0065c8;
	padding: 10px;
	height: 15px;
}
.others2 {
	width: 410px;
	float: left;
	min-height: 460px;
	margin: 0 10px 10px 10px;
	background: #004182;
	padding: 10px;
}
.others2 p {
	color: #fff;
	margin: 0 0 10px 0;
	font-size: 95%;
	line-height: 14px;
}

.others2 a {
	text-decoration: none;
	color: #ffff00;
	font-size: 110%;
}
.others2 a:hover {
	text-decoration: underline;
	color: #fff;
}

.kl_others1 {
	float: left;
	width: 194px;
	margin-right: 20px;
}
.kl_others2 {
	float: left;
	width: 194px;
}

.kolomkanan {
	width: 250px;
	float: left;
	margin-top: 10px;
}
.kolomkanan .ads2 {
	height: 250px;
}
.kolomkanan .ads3 {
	height: 100px;
}

/* ========================================================== 
	SIDEBAR
============================================================ */
#sidebar {width: 250px; float: left;}
#sidebar-right { background:url(../images/backgrounds/sidebar-right-bg.jpg) repeat-y left top; }
#sidebar-right-bottom { background:url(../images/backgrounds/sidebar-right-bottom.jpg) no-repeat 0 bottom; padding-bottom:10px; }
#sidebar-right-top { background:url(../images/backgrounds/sidebar-right-top.jpg) no-repeat 0 top; padding:0 0 0 30px; }

#sidebar-left { background:url(../images/backgrounds/sidebar-left-bg.jpg) repeat-y right top; width: 250px;}
#sidebar-left-bottom { background:url(../images/backgrounds/sidebar-left-bottom.jpg) no-repeat right bottom; padding-bottom:10px; }
#sidebar-left-top { background:url(../images/backgrounds/sidebar-left-top.jpg) no-repeat right top; padding:0 30px 0 0; }

/* ==== (a)Sidebar H2 and Menu Style ===================== */

#sidebar  h2 { 
	background:url(../images/backgrounds/sidebar-heading-bg.jpg) no-repeat 0 0;
	padding:0 0 0 22px;
	font-size:18px;	
	margin:0;
	width:230px;
	height:43px;
	line-height:33px;
	clear:both;}
	
#sidebar p{ padding:10px 24px 10px 24px;}

#content #sidebar ul {	margin:0 0 25px 0;padding:0;}

#content #sidebar ul li, #sidebar li  { border:0; margin: 0; padding:0;}	

#sidebar ul li  a { 
	background:url(../images/backgrounds/sidebar-links-bg.jpg) no-repeat 0 0;
	display:block;
	width:230px;
	height:20px;
	line-height:19px;
	padding:0 0 0 50px;
	text-decoration:none; 
	color:#5b5a5a;}

#sidebar ul li a:hover, #sidebar ul li.active a { color:#181818;}

#sidebar ul li.active a { font-weight:bold;}
/* ========================================================== 
	(09) ADDITIONAL FOOTER
============================================================ */	
	
#additional-footer-bg { 
	clear:both;
	background:#d4d4d4 url(../images/backgrounds/additional-footer-bg.jpg) repeat-x 0 0;	
	height:60px; /* <- increase/decrease additional footer HEIGHT here */
	margin:auto;
	text-shadow: 0px 1px 0px #fff;
	color:#212121;}

#additional-footer{ 
	background:url(../images/backgrounds/additional-footer-top.jpg) no-repeat center 0;
	margin:0 auto;
	width:1024px;
	padding-top:20px;}
	
#additional-footer h4 {
	font-size:27px;
	color:#ff7400;
	line-height:30px;
	margin:0px;
	text-align: center;
}
#additional-footer p {
	margin: 0;
}

.additional-footer-divider { float:left; margin:0 20px 0 20px;}


/* ========================================================== 
	(10) LARGE FOOTER
============================================================ */

#footer-top-bg { background:#1e1e1e url(../images/backgrounds/large-footer-topbg.jpg) repeat-x 0 0;}
#footer-bg { background:url(../images/backgrounds/large-footer-bg.jpg) no-repeat center 11px;}
#footer {	
	width:1024px;
	margin:auto;
	padding:11px 0 20px 0;
	color:#838383;
	text-shadow: 0px 1px 0px #000;}

#footer a {
	color:#939393;
	text-decoration:none;}

#footer a:hover {color:#c3c3c3;}
	
#footer h2 {
	font-size:15px;
	color:#c3c3c3;
	background:url(../images/backgrounds/footer-heading-border.jpg) no-repeat left bottom;
	padding-bottom:14px;
	margin-bottom:10px;
	margin-top:20px;}
	
#footer .list-checkmark ul { margin:15px 0 0 0; padding:0;}
#footer .list-checkmark ul li { float:left; color:#939393;}
#footer .list-checkmark li { 	
	display:block; 
	width:267px;
	line-height:22px;
	padding:0 0 10px 33px;
	background:url(../images/backgrounds/footer-checkmark1.png) no-repeat 0 0;}
	
.footer-title-arrow {
	background:url(../images/backgrounds/footer-title-arrow.png) no-repeat 0 0;
	height:10px;
	padding-bottom:0px;}	

/* ====== Footer Latest News ====== */		
	
.footer-latest-news { color:#939393}

#footer .footer-latest-news ul { margin:0; padding:0;}
#footer .footer-latest-news ul li { float:left; color:#939393;}
#footer .footer-latest-news li { 	
	display:block; 
	line-height:22px;
	padding:0 0 5px 0;}

.footer-latest-news img {
	float:left; 
	padding:3px; 
	margin:5px 5px 20px 0;
	border:1px solid #373737;}
	
.footer-latest-news a img { background-color:#171717; }
.footer-latest-news a:hover img {background-color:#010101;border:1px solid #414141;}

.footer-latest-news p { padding:0 0px 0 86px; margin:0;color:#939393; line-height:20px; }	
p.footer-latest-news { color:#b6b5b5; padding-bottom:3px;}

#footer a.footer-read-more {
	background:url(../images/backgrounds/footer-arrow1.png) no-repeat right 4px;
	padding-right:13px;
	text-decoration:none;
	color:#c4a14e}

#footer a.footer-read-more:hover { 
	color:#fff;
	text-decoration: none;
}

/* ====== Footer Testimonials ====== */	

#footer .footer-testimonials  { background:url(../images/backgrounds/footer-testimonials-bg.png) no-repeat center top; width:300px;}

#footer p.footer-testimonials-text { 
	background:url(../images/backgrounds/footer-testimonials-quote.png) no-repeat 15px 25px;
	padding:25px 20px 0 65px;
	height:130px;
	line-height:20px;}

#footer p.footer-testimonials-client-info { font-style:italic; font-size:14px; padding:0; font-family:georgia, arial, verdana;}

/* ========================================================== 
	(11) SMALL FOOTER
============================================================ */
	
#small-footer {
	background:url(../images/backgrounds/small-footer-bg.png) no-repeat 0 0;
	height:51px;}
	
#small-footer  ul { margin:0 0 0 15px; padding-top:13px;}
#small-footer  ul li { float:left; color:#939393;}

#small-footer  ul li a { 
	text-decoration:none;
	line-height:28px;
	display:block;
	padding:0 16px 0px 16px;}

#small-footer  ul li.active a { 
	background:url(../images/backgrounds/footer-menu-left.png) no-repeat 0 0;
	height:30px;
	display:block;
	line-height:28px;
	padding:0 0 0 10px;}

#small-footer  ul li.active a  span{ 
	background:url(../images/backgrounds/footer-menu-right.png) no-repeat right 0;
	height:30px;
	display:block;
	padding:0 10px 0 0;
	line-height:28px;
	color:#261b00;
	text-shadow: none;}

#small-footer p { float:right; line-height:28px; margin-right:20px;}

div.desc
  {
  text-align:center;
  font-weight:normal;
  margin:2px;
  font: normal 11px Arial, Helvetica, sans-serif;
  text-align: center;
  color:#008ac3;
  }