/*css reset*/
* { margin: 0; padding: 0; outline: 0; }
html { overflow-y: scroll;}
body { 
		font-family: Verdana, Geneva, sans-serif;
  		font-size: 11px;
  		line-height: 18px;

	   background-color: #3f4c6b }

ul { list-style: none inside;}
p  { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
a  { outline: none; }
a img { border: none }
/*end reset*/

/***** clear *****/
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

/* toolbox */
.floatleft { float: left; }
.floatright { float: right; }
.clear { both; }
/*end toolbox*/

/* typography ----------*/

span {
  color: #369;
	text-decoration: none;
}
h1 {
	float: left;
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 999;
}
h1 img, h1 img a {
	float: left;
}
h2 {
	margin-bottom: 1em;
	color: #369;
	font: 20px/normal "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
}
h3 {
	color: #9d080d;
	font-weight: bold;
	font-size: 16px;
}
h4 {
	color: #369;
	font: 14px/normal "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
	border-bottom: 1px solid #369;
}

ol, ul {
	margin: 1em 0;
	padding-left: 2em;
}
blockquote {
	font-style: italic;
}
hr {
	height: 1px;
	margin: 2em 0;
	color: #ccc;
	background-color: #ccc;
	border: none;
}
acronym {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	cursor: help;
}

/* links ----------*/

a {
	color: #369;
	text-decoration: none;
}
a:hover {
	color: #ff8518;
	text-decoration: underline;
}
a img {
	border: none;
}
h3 a {
	color: #9d080d;
	text-decoration: none;
}
h3 a:hover {
	color: #9d080d;
	text-decoration: underline;
}

.headlines a {
	padding: 0.5em 1em 0.5em 0;
	color: #666;
	display: block;
	border-bottom: 1px solid #000000;
}



/*begin style*/
#top_bar {
  width: 100%;
  margin: 0 auto;
  height: 44px;
  padding-bottom: 10px; 
  background: url("top_bg.jpg") repeat-x #3f4c6b;
  color: #ffffff;
  
}
    #top_bar #link_top {
	  border: none;
      width: 929px;
      margin: 0 auto;
      padding-top: 6px;
      text-align: right;
	}
    

	
	
	    
/*#content {
    border: 1px solid #000;
    width: 981px;
    margin: 0 auto;
    
    }*/

    #content_top {
    height: 58px;
    background: url("top_content_0a.jpg") no-repeat #3f4c6b;
    }
    
    #content_bg {
    background: url("content_bg_0a.jpg") no-repeat #ffffff;
    }
    
    #content_bottom {
    height: 58px;
    background: url("bottom_content_0a.jpg") no-repeat #3f4c6b;
    }
    
        



#top_bar {
  width: 100%;
  margin: 0 auto;
	height: 44px;
	padding-bottom: 10px; 
  background: url("top_bg.jpg") repeat-x #3f4c6b;
  color: #ffffff;
  
}        

        
#page-wrap {
  width: 929px;
  margin: 0 auto;
  padding: 0;
  border: 1px solid #000;
  background-color: #fff;

}

#tabbed_area {
   
    border: 1px solid #eee;  
    padding:20px 0 8px 0; 
    margin: 0 auto;     
}

#tabbed_area p{
padding-right: 10px;
}  

ul.tabs {  
    text-align: right;
    margin:0 0 8px 0; padding:0px;    
}  
ul.tabs li {  
    list-style:none;  
    display:inline;  
}  

ul.tabs li a {  
    color:#5a5d64;  
    padding:8px 14px 8px 14px;  
    text-decoration:none;  
    font-size:9px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-weight:bold;  
    text-transform:uppercase;
    background-image:url(images/tab_off.jpg);  
    background-repeat:repeat-x;    
    background-position:bottombottom;
    cursor: pointer;   
       
}  
ul.tabs li a:hover { 
    text-decoration:none;  
    /*background-color:#14bcfa;  */
    border-color:#2f343a;
    /*background-image:url(tab_roll_over.jpg);  */
    background-repeat:repeat-x;  
    background-position:top;
    color: #14bcfa;  
}  
ul.tabs li a.active {  
    background-color:#ffffff;  
    color:#282e32;  
    border:1px solid #e4e3e3;   
    border-bottom: 1px solid #ffffff; 
    background-image:url(tab_on.jpg);  
    background-repeat:repeat-x;  
    background-position:top;  
}

   

.main_content {
    width: 928px;
    margin: 0 auto;
    color: #95989d;
    text-align: right;  
    background-color:#fafafc;  
    padding-top: 5px;
    height: 23px;
    border-top: 1px solid #e4e3e3;
    background-image:url(content_bottom.jpg);  
    background-repeat:repeat-x;    
    background-position:bottom;      
}  


#main_content_2, #main_content_3, #main_content_4, #main_content_5 { display:none; }  



.main_content ul {  
    margin:0px;  
    padding:0px 0px 0px 20px;  
}  
.main_content ul li {  
    list-style:none;  
    border-bottom:1px solid #d6dde0;  
    padding-top:15px;  
    padding-bottom: 0px;  
    font-size:13px;  
}  
.main_content ul li a { 
    display: inline; 
    text-decoration:none;  
    color:#3e4346;  
}  

ul.business li {  
    list-style:none;  
    display:inline;  
}

ul.business li a {  
    text-decoration:none;  
    color:#3e4346;
    padding: 8px;
    font-size: 11px;   
}   

ul.business li a:hover {  
    text-decoration:none;  
    color:#586da1;   
}  

#isi {
     margin-top: 0 auto; 
     padding: 10px;
}


.pics {
    width:  929px; 
    height: 312px;   
    padding: 0;  
    margin:  0 auto;
    overflow: hidden;  
} 
 
.pics img { 
     
    padding: 0px;  
    background-color: #eee;  
    width:  929px; 
    height: 312px; 

}

.foto {
	padding: 0 15px 5px 0;
	width: 100px;
	height: 100px;
	cursor: pointer;
}

.foto2 {
	padding: 0 15px 0 0;
	width: 100px;
	height: 100px;
	cursor: pointer;
}

.nama {
    font-size: 15px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-weight:bold;  
    }



 #left-content{
    float: left;
    width: 580px;
    padding: 10px 20px 0 20px;
    
    
  }
 #right-content{
    float: left;
    width: 300px;
    padding: 10px 5px 0 0px;
    list-style: none;
    
  }
  
 #left-content h1{
      
      height: 43px;
      font-size: 1.3em;
      margin-bottom: 0.5em;
      }
 #right-content h1{
      padding-left: 0px;
      height: 43px;
            } 

#intro {
  line-height: 1.4em;
	margin: 1em 0 2em;
	text-align: justify;
} 

.ul span {
    margin: 1em 0 2em;
    font-size: 12px;
    line-height: 1.8em;
    color: #5f5e5e;
} 

.right {
  cursor: pointer;
	margin-top: 0.5em;
	padding: 0px;
}

#energy_company {
  padding: 0;
  margin: 0;
  }
  
  #energy_company span {
    cursor: pointer;
    margin: 0;
  }

  #energy_company a {
  font-size: 11px;
  margin-top: 0.5em;
  color: #666666;
  display: block;
  padding: 0 0 8px 33px;
  /*background: url("arrow_next.png") no-repeat 0 0;*/
  border-bottom: 1px solid #cccaca;
  }
  
  .big a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/bigOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  .jgi a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/jgiOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  .sci a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/sciOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  .iae a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/iaeOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  .spp a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/sppOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  .pal a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/palOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  .kna a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/knaOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  .aig a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/aigOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  .mag a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/magOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  .aia a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/aiaOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  .arsi a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/arsiOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  .antel a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/antelOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  .ans a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/ansOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  .hsn a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/hsnOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  .rpt a:hover {
  color: #6677a7;
  padding: 0 0 8px 15px;
  background: url("logo/hsnOver.jpg") no-repeat;
  text-decoration: none;
  }
  
  
  
  #sub_menu1 {
    display: none;
    }
  #sub_menu2 {
    display: none;
    }
  #sub_menu3 {
    display: none;
    }
  #sub_menu4 {
    display: none;
    }
  

#footer {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	color: #666;
	font-size: 10px;
	line-height: 1.35em;
	border-top: 10px solid #fffff;
}

.tong {
	overflow: hidden;
	border-top: 1px solid #fffff;
}


#link_bottom {
      width: 929px;
      margin: 0 auto;
      padding: 0;
      
    }
    
#link_bottom a {
    text-decoration: none;
    font: 11px verdana, sans-serif;
    color: #ffffff;
    }
    
#link_bottom p {
    text-decoration: none;
    font: 11px verdana, sans-serif;
    color: #ffffff;
    padding: 0;
    }

#copyright {
	margin: 0;
	float: left;
}
#bottomNav {
	margin: 0;
	text-decoration: none;
	text-align: right;
	font: 11px verdana, sans-serif;
  color: #ffffff;
	float: right;
}

#bottomNav a {
	text-decoration: none;
	font: 11px verdana, sans-serif;
  color: #ffffff;
	}
	
#bottomNav a:hover {
	text-decoration: underline;
	font: 11px verdana, sans-serif;
  color: #ffffff;
	}

#commis {
  width: 500px;
  /*display: none;*/
  margin-top: 10px;
}

#direct {
  width: 500px;
  /*display: none;*/
  margin-top: 10px;
  margin-left: 130px;
  
}

.board {
cursor: pointer;
}

.justi {
 margin-left: 114px;
}

.logo {
padding: 10px 0 0 0;
}

.visi {
font-size: 12px;
}

#webmail a  {
 text-decoration: none;
}

#webmail a:hover  {
 text-decoration:  none;
 background-image: none;
 background-color: #ffffff;
}

#e_back {
height: auto;
background: url("energy/e_back.jpg") no-repeat bottom; 	
}

#t_back {
height: auto;
background: url("energy/t_back.jpg") no-repeat bottom; 	
}