/***************************************************************************************
					PT. EXSPAN PETROGAS INTRANUSA by Dewanstudio.com
***************************************************************************************/
*{
	margin: 0;
	padding: 0;
}

body{
	background:#FFFFFF url(../images/bg_gradient.jpg) repeat-x;
	font: normal 11px Trebuchet MS, Trebuchet, Arial, sans-serif;
	color: #CCCCCC;
	text-align: center;
}

h2{
	font-size: 18px;
}

h3{
	font-size: 12px;
}

h2, h3{
	color: #666666;
	font-weight: normal;
}

a{
	text-decoration: none;
}

.clear{
	clear:both;
}

#body_container{
	width:950px;
	margin:0 auto;
	text-align:left;
	background:#FFFFFF;
	border-left:#FFFFFF 2px solid;
	border-right:#FFFFFF 2px solid;
}

/*************************************     HEADER   **********************************/

#header{
	padding:0px;
	margin:0px;
}

#banner_top{
	padding-bottom:2px;
	_padding-bottom:0px;
}

#menu_top{
	height:40px;
	color:#FFFFFF;
	background:url(../images/bt_top_gradient.jpg) repeat-x;
}

.menu_product{
	float:left;
	width:309px;
}

.menu_product h3{
	color:#FFFFFF;
	margin-top:8px;
	text-align:center;
	font: normal 20px "Arial Narrow", Trebuchet MS, Trebuchet, Arial, sans-serif;
}

.mainNav{
	float:left;
	height:40px;
}

.mainNav ul{
    font-size: 14px;
	text-align:center;
    list-style: none;
}

.mainNav ul li{
	float:left;
}

.mainNav ul li a{
	height:40px;
    display: block;
    width: 90px;
    color: #FFFFFF;
    text-decoration: none;
}

.current{
    background:#333333 url(../images/bt_top_gradient_hover.jpg) repeat-x top;
}

.mainNav ul li a p{
	padding-top:12px;
}

.mainNav ul li a:hover{
    background:#333333 url(../images/bt_top_gradient_hover.jpg) repeat-x top;
    color:#CCCCCC;
}

.search{
	float:left;
	padding:10px 0px 10px 15px;
	z-index:150;
}

.search #s{
	border:#333333 1px solid;
}

.cse{
	float:left;
	padding:10px 0px 10px 15px;
	z-index:150;
	width:150px;

}

#results .gsc-results {
/* Sets font for titles, snippets, and URLs. */
font-family: arial, helvetica, sans-serif;
}

#results .gsc-result {
position: relative;
border: 1px solid #eee;
border-left: 10px solid #eee;
padding: 8px 8px 8px 20px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

#results .gsc-result:hover {
border: 1px solid #888;
border-left: 10px solid #888;
}

/*************************************     CONTENT PAGES   **********************************/

#page_content{
	height:100%;
	background:#FFFFFF url(../images/bg_menuleft.jpg) repeat-y;
}

/*****************  menu left  ********************/

#menu_left{
	float:left;
	width:309px;
	font: normal 14px Trebuchet MS, Trebuchet, Arial, sans-serif;
}

.left_nav{	
	margin-top:30px;
	color:#333333;
}

.left_nav div{
	padding-left:30px;
	margin:7px 0px;
	_margin:0px;
}

.left_nav div a{
	color:#333333;
}

.left_nav .line{
	margin:3px;
}

.left_nav div a:hover{
	color: #990000;
}

.left_nav a.current_left{
	color: #990000;
}

.page_left_content01{
	padding-top:15px;
}

.page_left_content01 p{
	font-weight:bold;
	color: #990000;
}

.page_left_content01 .img_content01{
	margin:20px 0px 0px -10px;
}

.page_left_content01 h3{
	padding-top:10px;
	color: #666666;
	line-height:16px;
	margin:0px 0px 30px 20px;
}

/*****************  content right  ********************/

#content_right{
	float:left;
	width:641px;
	_width:640px;
	background:#FFFFFF;
}

#body_right{
	margin:30px 0px 30px 30px;
	_margin:30px 0px 30px 30px;
}

.banner{
}

.menu_content{
	width:586px;
	margin-top:2px;
	_margin-top:0px;
	font: normal 12px Trebuchet MS, Trebuchet, Arial, sans-serif;
}

.menu_content ul{
	list-style: none;
	margin: 0px;
}

.menu_content ul li{
	background: none;
	padding: 0px;
	float: left; 
}


.menu_content ul li div{
	padding-top:5px;
}

.menu_content a{
	display: block;
	position: relative;
	width:109px;
	height: 30px;
	text-decoration: none;
	background: inherit;
    background-image:url(../images/bt_content.jpg);
	color:#FFFFFF;
	padding: 0px 18px 0px 18px;
	text-align: center;
	text-transform: lowercase;
}

.menu_content a:hover{
	background: inherit;
    color: #CCCCCC;
    background-image:url(../images/bt_content_hover.jpg);
}


/*************************************  content detail   **********************************/

#isi_content{
	padding:0px;
	width:584px;
	color:#666666;
	margin-top:15px;
}

.content01{
	float:left;
	width:270px;
}

.content02{
	float:right;
	width:270px;
}

.content03{
}

.sub_content03{
}

.sub_content03 .name_subcontent h1{
	font: normal 26px Trebuchet MS, Trebuchet, Arial, sans-serif;
	color:#990000;
	border-bottom:dashed #999999 1px;
	padding-bottom:5px;
	margin-bottom:10px;
}

.title_subcontent h3{
	font: bold 16px Trebuchet MS, Trebuchet, Arial, sans-serif;
	color:#990000;
	margin:15px 0px 0px 0px;
}

.image{
	float:left;
	padding:3px;
	margin:10px 10px 10px 0px;
	border:#999999 solid 1px;
}

.sub_content01{
	margin-bottom:10px;
}

.sub_content01 .name_subcontent h1{
	font: normal 26px Trebuchet MS, Trebuchet, Arial, sans-serif;
	color:#990000;
	border-bottom:dashed #999999 1px;
	padding-bottom:5px;
	margin-bottom:10px;
}

.description{
	font:normal 11px Trebuchet MS, Trebuchet, Arial, sans-serif;
	color:#666666;
}

.description02{
	font:normal 14px Trebuchet MS, Trebuchet, Arial, sans-serif;
	color:#666666;
}

.sub_content02 .name_subcontent h2{
	font: normal 26px Trebuchet MS, Trebuchet, Arial, sans-serif;
	color:#990000;
	border-bottom:dashed #999999 1px;
	padding-bottom:5px;
	margin-bottom:10px;
}

.lists{
	list-style: none;
}

.lists li{
	margin-bottom:15px;
}

.lists li h3{
	font: bold 14px Trebuchet MS, Trebuchet, Arial, sans-serif;
	color:#990000;
}

.lists li h4{
	font: bold 11px Trebuchet MS, Trebuchet, Arial, sans-serif;
	color:#990000;
}

.more a{
	color:#990000;
}

.more a:hover{
	color:#FF9900;
}

/*************************************     FOOTER   **********************************/

#footer{
	clear:both;
	width:950px;
	background:url(../images/bg_footer.jpg) repeat-x;
	height:63px;
}

.teks_bottom{
	padding:25px 0px 0px 0px;
}

.copyright{
	margin-left:18px;
	width:300px;
	float:left;
}

.teks_menuNav{
	margin-right:18px;
	float:right;	
}

.teks_menuNav ul{
    font-size: 12px;
    list-style: none;
}

.teks_menuNav ul li{
	margin:0px 5px;
	display:inline;
}

.teks_menuNav a{
    color: #CCCCCC;
}

.teks_menuNav a:hover{
    color:#FFFFFF;
}

/*************************************  Loading  **********************************/

#load {
	display: none;
	width:208px;
	height:13px;
	margin-top:8px;
	float:right;
	position: absolute;
	right: 180px;
	top: 150px;
	background: url(../images/loadingAnimation.gif);
	text-indent: -9999em;
	
}


/*************************************  List image  **********************************/

.list_image{
	margin-top:10px;
	width:600px;
}

.list_image li{
	float:left;
	list-style-type:none;
}

.list_image a{
	display:block;
	margin:0px 10px 15px 8px;
}

.list_image img{
	border:none;
	width:129px;
	height:104px;
}

#paging{
	float:right;
	color:#666666;
}

#paging ul{
    list-style: none;
}

#paging ul .pageDesc{
	font-size:14px;
}

#paging ul li{
	margin-left:5px;
	float:left;
}

#paging ul li a{
	color:#666666;
	border:#999999 solid 1px;
	padding:0px 5px;
	background:#FFFFFF;
}

#paging ul li a:hover{
	color:#000000;
	border:#999999 solid 1px;
	background:#999999;
}

#paging ul .current_page a{
	color:#000000;
	border:#999999 solid 1px;
	background:#999999;
}

/*************************************  contact  **********************************/

#contact{
    list-style: none;
}

#contact li{
	margin-top:10px;
}

#contact li .name{
	font: normal 14px Trebuchet MS, Trebuchet, Arial, sans-serif;
	float:left;
	width:150px;
}

#contact li .dote{
	float:left;
}

#contact li .input_colom{
	margin-left:160px;
	text-align:left;
}

.button_contact{
	background-color:#990000;
	cursor:pointer;
	color:#FFFFFF;
	width:100px;
	border:none;
	padding:4px 0px 2px 0px;
}

.input_text{
	border:#999999 solid 1px;
	color:#666666;
	padding:3px;
}

.capca{
	background-color:#999999;
	font: bold 14px Trebuchet MS, Trebuchet, Arial, sans-serif;
	padding:3px;
	width:80px;
	text-align:center;
	color:#FFFFFF;
}

/*************************************  carrer  **********************************/

.carrer_content{
	border-bottom:#999999 solid 1px;
	padding:0px 0px 10px 0px;
	margin-bottom:10px;
}

.date h4{
	color:#990000;
	font: normal 11px Trebuchet MS, Trebuchet, Arial, sans-serif;
	
}

.title_carrer h3{
	color:#666666;
	font: bold 14px Trebuchet MS, Trebuchet, Arial, sans-serif;
}


/*************************************  product  **********************************/

.title_product{
}

.title_product h3{
	font: normal 18px Trebuchet MS, Trebuchet, Arial, sans-serif;
}

.list_product {
	margin-top:20px;
	padding: 0;
	list-style: none;
}
.list_product li {
	background: #FFFFFF;
	padding: 10px 20px 10px;
	cursor: pointer;
}
.list_product li:hover {
	background:#F3F3F3;
}

.submenu{
	font: normal 11px Trebuchet MS, Trebuchet, Arial, sans-serif;
	color:#666666;
	margin-bottom:10px;
}

.submenu a{
	color:#666666;
}

.submenu a:hover{
	color:#990000;
}

.current_left{
}

/************************************* slider  **********************************/

.banner_content{
	background-color:#000000;
	width:586px;
}

#slider {
    width: 586px; /* important to be same as image width */
    height: 260px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider ul li a{
	border:none;
}

#sliderContent {
    width: 575px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}

.sliderImage {
    float: left;
    position: relative;
	display: none;
}

.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 15px 10px;
    width: 586px;
    background-color: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

#slider ul {
	list-style-type: none;
}

.top {
	top: 0;
	left: 0;
}

.bottom {
	bottom: 0;
    left: 0;
}

.sliderImage span strong {
    font-size: 14px;
}




.list_product02 {
	margin-top:20px;
	padding: 0;
	list-style: none;
}
.list_product02 li {
	float:left;
	width:250px;
	background: #FFFFFF;
	padding: 10px 20px 10px;
	cursor: pointer;
}
.list_product02 li:hover {
	background:#F3F3F3;
}


label.error {
	display:block;
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}

.message_success {
	background-color:#EFFFDD !important;
	font-weight:bold !important;
	color:#009900 !important;
	padding:5px !important;
}

.message_error {
	background-color:#FF0000 !important;
	font-weight:bold !important;
	color:#FFFFFF !important;
	padding:2px !important;
}