@charset "utf-8";
/* CSS Document */

.column1, .column2, .column3, .indent_column, .col1, .col2, .col3, .ind_col {float:left;}


#page-wrap		    { margin: 0 auto; position: relative;  padding: 0 0 ; }

/* index 0*/
#index0 #main-head { height:200px; padding:0; background:#CCCCCC;}
#index0 #main-head .content {  height:200px;  padding:0;}

#index0 #page-wrap .main-content {background: #FFF;  }
#index0 #page-wrap .main-content .img_tab { padding:0 10px 0 0; }
#index0 #page-wrap .main-content .column1 {width:300px;  }
#index0 #page-wrap .main-content .column2 {width:320px; }
#index0 #page-wrap .main-content .column3 {width:320px;    }
#index0 #page-wrap .main-content .indent_column {width:10px;}
#index0 #page-wrap .main-sidebar {position: absolute; left: 0; top: 0; width: 0px; bottom: 0;  padding: 0 10px; }
#index0 #page-wrap .secondary-sidebar  { position: absolute; right: 0; top: 0; width: 0px; bottom: 0;  padding: 0 10px }


/* index 1*/
#index1 #main-head { background-image:url(../images/header_bg_solusi.jpg); height:100px; padding: 0 0px;}
#index1 #main-head .content { height:100px; }
#index1 #main-head .content .right  {  padding: 0 0; }
#index1 #main-head .content .left   {position:absolute; z-index:100; text-align:left;  font:16px Georgia, "Times New Roman", Times, serif;     color:  #FFF;    padding:20px 0 0 30px;}
			  
#index1  #main-sidebar { width:300px;  background: #39c; vertical-align:top; }
#index1  #main-sidebar ul#navmenu, ul#navmenu li, ul#navmenu ul {  border-bottom:1px solid #FFF;  list-style: none; padding:0;  }
#index1  #main-sidebar ul#navmenu a {	padding:20px 20px 20px 20px ; display: block; background: #39c; color: #fff; font: 12px/18px   Arial, Helvetica, sans-serif lighter  ; text-decoration: none; 	}
#index1  #main-sidebar ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background:  #002c58; color: #FFF;}
#index1  #main-sidebar  h3#navmenu{ font: 20px/20px  Verdana, Arial, Helvetica, sans-serif; 	letter-spacing: -.5pt; color: #FFF;}

#index1  #main-content { width:360px; padding:0px 20px; background: #FFF ; vertical-align:top;   background: url(../images/menu_libg.gif) repeat-y right;}

#index1  #main-content div#navmenu a {padding: 5px 5px 20px 0px; display: block;      text-decoration: none; color:#666666;  	}
#index1  #main-content div#navmenu a:hover{ background: #EEF0FF; color:#039;  }
#index1  #main-content h1 { font-family:Georgia, "Times New Roman", Times, serif; }
#index1  #main-content  h3#navmenu{ font: 20px  Verdana, Arial, Helvetica, sans-serif; 	letter-spacing: -.5pt; color: #003399;}
#index1  #main-content h4{color:#006699;}
#index1  #main-content h3{color: #993300; }
#index1  #secondary-sidebar  {width:280px; vertical-align:top;  float:left;  }
#index1  #secondary-sidebar ul#navmenu,  li {  list-style: none;  padding:0;}
#index1  #secondary-sidebar ul#navmenu,  ul#navmenu ul {  border-bottom:1px solid #CCCCCC;  list-style: none;  }
#index1  #secondary-sidebar ul#navmenu a {	display: block;   text-decoration: none;  padding: 10px 20px; color:#000;	}
#index1  #secondary-sidebar ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background: #F4F4F4; }
#index1  #secondary-sidebar h5#navmenu{ color: #006699; font-family:Verdana, Arial, Helvetica, sans-serif;}
#index1  #secondary-sidebar .isi { padding:20px; }
#index1  #secondary-sidebar h4{color:#006699;}
#index1  #secondary-sidebar h3{color: #006699;}

#index1  #secondary-sidebar #pov { }
#index1  #secondary-sidebar #pov h2.res{display:block; width:260px;margin:0px 0 0px 0px;	padding:10px 0 0 10px; }
#index1  #secondary-sidebar #pov h2.res span {font-size: 14px;font-weight: bold; color:#999999;}
#index1  #secondary-sidebar #pov ul{	width:280px;padding:2px 0 20px 0px;	margin:0 0 3px 0px;  }
#index1  #secondary-sidebar #pov ul li { padding:5px 0 0 0px;		}
#index1  #secondary-sidebar #pov ul li a { display:block; background:url(../images/arrow-right.gif) 20px 5px no-repeat ;
	padding:0 0 0 30px;}
#index1  #secondary-sidebar #pov ul li a:hover{ color: #FF0000; background-color:#F4F4F4;}


#index1  #secondary-sidebar #berita_kanan { padding:15px; }
#index1  #secondary-sidebar #berita_kanan a{text-decoration:none;;color: #006699; display:block;	}
#index1  #secondary-sidebar #berita_kanan a:hover{  color: #006699; background-color:#F4F4F4; }
#index1  #secondary-sidebar #berita_kanan h2 {  width:260px;margin:0px 0 10px 0px;	padding:10px 0 0px 0 10px; font-size: 14px;font-weight: bold; color:#999999;}
#index1  #secondary-sidebar #berita_kanan h3 {  width:260px;margin:0px 0 10px 0px;	padding:10px 0 0px 0 10px; font-size: 12px;font-weight: bold;color: #006699;}
#index1  #secondary-sidebar #berita_kanan ul{	padding:12px 0 10px 0; }
#index1  #secondary-sidebar #berita_kanan li{ margin-right:40px;	width:250px;border-bottom: padding:5px 0;}
#index1  #secondary-sidebar #berita_kanan ul li a{		background:url(../images/arrow-right.gif) 2px 4px no-repeat;padding:0 0 5px 14px;
		color: #036;	text-decoration:none;}
#index1  #secondary-sidebar #berita_kanan ul li a:hover{background:url(../images/arrow-right.gif) 2px 4px no-repeat  #F4F4F4;color: #006699;}




/* index 2*/
#index2 #main-head {background-image:url(../images/header_bg_solusi.jpg); height:100px; padding: 0 0px;}
#index2 #main-head .content {height:100px; }
#index2 #main-head .content .right  { position:absolute;  padding: 0 0; }
#index2 #main-head .content .left   {position:absolute; z-index:100; text-align:left;  font:16px Georgia, "Times New Roman", Times, serif;     color:  #FFF; padding:20px 0 0 30px;}


#index2  #main-content { vertical-align:top; border-right: #EDECFD 1px solid; border-left:#EDECFD 1px solid; padding:30px; }

#index2  #jasa { padding:0 30px;}

#index2  #jasa h1 {
	padding:0 0 -10px 0;
	margin-bottom:10px;
	font-size: 30px;
	}
#index2  #jasa h2 {
	
	padding:0 0 10px 0;
	margin:0 0 0 -30px;
	
	font-size: 14px;
	
	text-decoration: none;
}
#index2  #jasa h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	color: #006699;
	padding:30px 0 0 0;
	margin:0 0 0 -30px;
	
}
#index2  #jasa h4 {
	margin:0 0 -1px 0;
}

#index2 #isi {
	font-size: 12px;
	padding-left: 30px;
}
#index2 #isi ul{
	list-style-type: square;
}
#index2 #isi ol{
	list-style-type: decimal;
}
#index2  #isi li{
	background:url(../images/arrow-right.gif) -0px 4px no-repeat ;
	
	padding:0 0 0 10px;
	margin-left:-30px;
}


#index2  #ListJasa{	color:#020202;float:left;padding:0; width:100%;}
#index2  #ListJasa h2.ListJasa{display:block;padding:0 0 0 7px;font-size:16px;line-height:32px;}
#index2  #ListJasa ul{  padding:10px 0px;color:#000;}
#index2  #ListJasa ul li{background: url(../images/arrow-right.gif) 0 5px no-repeat;padding:0 0 0 17px; list-style:none;  }
#index2  #ListJasa ul li a{display:block;color: #006699;background-color:inherit;text-decoration:none; padding: 2px;}
#index2  #ListJasa ul li a:hover{color: #FF0000;background-color:#E7E8DE;}


#index2  #secondary-sidebar  {width:280px; vertical-align:top;  float:left; padding:30px 20px;  }
#index2  #secondary-sidebar #berita_kanan { padding:15px; }
#index2  #secondary-sidebar #berita_kanan a{text-decoration:none;;color: #006699; display:block;	}
#index2  #secondary-sidebar #berita_kanan a:hover{  color: #006699; background-color:#F4F4F4; }
#index2  #secondary-sidebar #berita_kanan h2 {  width:260px;margin:0px 0 10px 0px;	padding:10px 0 0px 0 10px; font-size: 14px;font-weight: bold; color:#999999;}
#index2  #secondary-sidebar #berita_kanan h3 {  width:260px;margin:0px 0 10px 0px;	padding:10px 0 0px 0 10px; font-size: 12px;font-weight: bold;color: #006699;}
#index2  #secondary-sidebar #berita_kanan ul{	padding:12px 0 10px 0; }
#index2  #secondary-sidebar #berita_kanan li{ margin-right:40px;	width:250px;border-bottom: padding:5px 0;}
#index2  #secondary-sidebar #berita_kanan ul li a{		background:url(../images/arrow-right.gif) 2px 4px no-repeat;padding:0 0 5px 14px;
		color: #036;	text-decoration:none;}
#index2  #secondary-sidebar #berita_kanan ul li a:hover{background:url(../images/arrow-right.gif) 2px 4px no-repeat  #F4F4F4;color: #006699;}

#index2  #main-sidebar { width:250px;  vertical-align:top; padding:0;  }
#index2  #main-sidebar  ul#navmenu, ul#navmenu li, ul#navmenu ul {   list-style: none; padding:0;  }
#index2  #main-sidebar  ul#navmenu a {	padding:  5px 20px; display: block;  color:#999; }
#index2  #main-sidebar  ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background:  #EDECFD;}
#index2  #main-sidebar  h3#navmenu{ font: 20px  Verdana, Arial, Helvetica, sans-serif; 	letter-spacing: -.5pt; color: #003399;}

#index2  #secondary-sidebar #pov { }
#index2  #secondary-sidebar #pov h2.res{display:block; width:260px;margin:0px 0 0px 0px;	padding:10px 0 0 0px; }
#index2  #secondary-sidebar #pov h2.res span {font-size: 14px;font-weight: bold; color:#999999;}
#index2  #secondary-sidebar #pov ul{	width:280px;padding:2px 0 20px 0px;	margin:0 0 3px 0px;  }
#index2  #secondary-sidebar #pov ul li { padding:5px 0 0 0px;		}
#index2  #secondary-sidebar #pov ul li a { display:block; background:url(../images/arrow-right.gif) 20px 5px no-repeat ;
	padding:0 0 0 30px;}
#index2  #secondary-sidebar #pov ul li a:hover{ color: #FF0000; background-color:#F4F4F4;}




<!--- slide--->

#slider {width:409px;}
.slider_left { margin:50px 10px 0 20px;}
.head_slider {width:389px; border:1px solid #9ac1c9; padding:8px; margin-top:5px; cursor:pointer; background: url(../images/img10.gif);}
.head_content {display:none; overflow:hidden}
.head_text {width:385px; border:1px solid #9ac1c9; border-top:none; padding:10px}

#slider_kanan {width:280px;}
.slider_left_kanan { border-bottom:#CCC 1px solid; padding:20px 10px 20px 0px;}
.head_slider_kanan {width:255px; cursor:pointer; color:#069; padding-left:15px; background:url(../images/arrow-right.gif) 0px 4px no-repeat;}
.head_content_kanan {display:none; overflow:hidden; }
.head_text_kanan{width:255px; padding:15px;  }
.head_text_kanan a{display: block; color:#000;   } 
.head_text_kanan a:hover{display: block; background:#F5F5F5; color:#000; }



/* index 3*/
#index3 #main-head {background-image:url(../images/header_bg_solusi.jpg); height:100px; padding: 0 0px;}
#index3 #main-head .content {height:100px; }
#index3 #main-head .content .right  {position:absolute;  padding: 0 0; }
#index3 #main-head .content .left   {position:absolute; z-index:100; text-align:left;  font:16px Georgia, "Times New Roman", Times, serif;     color:  #FFF;    padding:20px 0 0 30px;}

#index3 #main-content {	margin:30px 200px 30px 220px;	padding: 0 30px 30px 30px;	line-height: 20px;	border-right: #EDECFD 1px solid;	border-left:#EDECFD 1px solid;}

#index3  #main-content   ul#navmenu a {	padding: 10px 20px; display: block; color:#999; border-bottom:1px solid #F8F8F8;	}
#index3  #main-content   ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background:  #EDECFD;}
#index3  #main-content  h3#navmenu{ font: 20px  Verdana, Arial, Helvetica, sans-serif; 	letter-spacing: -.5pt; color: #003399;}

#index3  #main-sidebar { width:220px;  vertical-align:top;  }


#item_dl { padding: 10px 0 ; border-bottom: #F5F5F5 1px solid; }
#item_dl img{ margin-right:20px; border:1px solid #F5F5F5; }
#item_dl .filetipe{ font-size: 12px ; font-weight:bold; }
#item_dl_content {	margin-bottom:10px;  margin-left:100px;}
#item_dl a { display: block; color:#000;}
#item_dl a:hover { background:  #EDECFD;}
#item_dl h3 {color:#069; }

.item_index_judul{
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	padding:15px 0;
}
#item_index { padding: 2px 0 10px 0 ; display:block; 	}
#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-color: #EEF0FF;}
#item_index h4 { color: #0066CC;}

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

/*resource download*/
#listing{	 margin:0 0 0 0; padding:16px; float:left;}
#listing ul{margin:0;padding:0;}
#listing ul li{ background:url(../images/download.gif) 0 20px  no-repeat;	display:block;	width:600px; border-bottom:#BEBB9C dashed 1px;margin:5;float:left;}
#listing ul li a{display:block;	padding:20px 50px  0 ;		color:#87600C;	text-decoration:none;  }
#listing ul li a:hover{	background:url(../images/download.gif) 0 20px  no-repeat #F8F5DB;	color:#000;}
/* #listing h2.judul {font:normal 16px/22px Tahoma, Arial, Helvetica, sans-serif ; color:#003366; }*/



#items {padding:0  10px ; margin:0; }
#items ul.items{ border-top:1px solid #e5e5e5; margin-top:10px;}
#items ul.items, ul.items ul, ul.items li{	padding:5px 0 0 5px; list-style:none;}
#items ul.items a {display: block;  font: 10px; text-decoration: none;    }
#items ul.items a:hover, ul.items a:hover, ul.items li:hover, ul.items li.iehover a { background: #EEF0FF; }

#ta1 {
	border-bottom:  #E5E5E5 solid 4px;
	padding: 0;
	width:100%;

}
#ta {
	font-family:Verdana, Arial, Helvetica;
	list-style:none;
	padding:0;
	width:100%;
}

#ta td {
padding: 5px 0 0 10px;
	margin:15px 5px 5px 0px;
	background: url(../images/menu_libg.gif) right repeat-y;
	vertical-align:top;
}
#ta a, #ta a:active, #ta a:visited {
	text-decoration:none;
}
#ta a:hover {
	background:#d9e1e4;
	color:#000
}
#ta ul li {
	font-size:11px;
	line-height:16px;
}
#ta #last {
	width:230px;
	padding:0;
	 background:#F5F5F5;
}