html {height:100%;}
body {
	/*width: 100%;
	height: 100%;*/
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
	color:#666666;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;	
	min-height:599px;
	min-width:960px;
	position:relative;
}

/**html body{	
	margin: 0;
	padding: 0;
	color:#666666;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;	
	min-height:599px;
	min-width:1246px;
	position:relative;
}

* html body {
display:inline-block;
width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;	
	color:#666666;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	
}*/

#bgbody { 
    /*position:absolute;height:100%;width: 100%;margin: 0;padding: 0;z-index: 1;*/
	position:absolute;top:0;left:0;width:100%;height:100%;min-width:960px;min-height:599px;
	/*background:url(img/bg_home.jpg) no-repeat center -3px; 
	padding-top:10px; 
	-webkit-text-stroke:1px transparent;*/
}

.blue{color:#0093ff;}
.blue2{color:#11aeff;}
.blueinfo{color:#2588c5}
.orange{color:#ff7800}

/********************* HEADER ***********************/
#headerhome{position:relative;width: 987px;height:44px;margin: 0 auto;z-index: 2;color: #00000;padding:0;}
#headerhome .logo{width:131px;height:38px;padding:20px 0 0 21px;}
#headerhome .menuatas{width:493px;height:44px;float:right;margin:0;font-size:11px;padding:0;}

/******************** MENU TOP *********************/
#headerhome .menuatas ul#lang {width:140x;height:20px;float:right;margin:0;font-size:10px;padding:24px 22px 0 12px;list-style:url(../img/en.gif);}
#headerhome .menuatas ul#lang li{display:block; display:inline; width:auto; height:auto; border:0; margin:0 0 0 0; background:transparent; font-size:11px;}
#headerhome .menuatas ul#lang li a{ color:#292929;text-decoration: none;padding-left:20px;line-height:10px; }
#headerhome .menuatas ul#lang li a:hover, #headerhome .menuatas ul#lang a.active{color:#666;text-decoration: none;}
#headerhome .menuatas ul#lang li.eng{width:auto; height:14px; overflow: hidden;float: left; background: url(../img/en.gif) top left no-repeat;}
#headerhome .menuatas ul#lang li.ina{width:auto; height:14px; overflow: hidden;float: left; margin-left:3px; background: url(../img/ina.gif) top left no-repeat;}
#headerhome .menuatas ul#lang li:hover{background-position: 0 -14px;}
#headerhome .menuatas ul#lang li.aktif{background-position: 0 -14px;}

#headerhome .menuatas ul#menutop {width:305px;height:20px;float:right;text-align:right;margin:0;font-size:10px;padding:24px 8px 0 0;list-style:none;}
#headerhome .menuatas ul#menutop li{display:block; display:inline; width:auto; height:auto; border:0; margin:0 4px 0 4px; background:transparent; font-size:11px;}
#headerhome .menuatas ul#menutop li a{ color:#292929;text-decoration: none;}
#headerhome .menuatas ul#menutop li a:hover, #headerhome .menuatas ul#menutop a.active{color:#666;text-decoration: none;}

/*********************** BODY ****************************/ 
#wrapbody{position:relative; width: 987px;height:509px; top:-10px;margin: 0 auto;z-index: 10;color: #00000;padding:0;
/*margin:0 auto;padding:0;height:90%;width:987px;position:relative;top:0;z-index:99999;background:#fff;*/
}

/******************** HIGHLIGHT LEFT *******************/
#wrapbody .highleft{width:325px;height:195px;float:left;padding:55px 0 0 35px;}
#wrapbody .highleft .title{width:317px;height:65px;font-size:28px;color:#17469e;text-transform:uppercase;line-height:32px;}
#wrapbody .highleft .content{width:317px;height:98px;font-size:14px;color:#333333;line-height:16px;margin-bottom:5px;}
#wrapbody .highleft .footer{width:317px;height:26px;}

#wrapbody .highleft .footer ul#more {width:112px;height:24px;float:left;margin:0;padding:0;list-style:none;position:relative;left:0;top:0;}
#wrapbody .highleft .footer ul#more li{margin: 0; padding: 0;}
#wrapbody .highleft .footer ul#more li a{ display: block;height:24px;width: 112px;background: url("../img/more_ina.gif") top left no-repeat;}
#wrapbody .highleft .footer ul#more li a:hover{background-position: 0 -24px;}
#wrapbody .highleft .footer ul#more li a.active{background-position: 0 -24px;}

#wrapbody .highleft .footer ul#page {width:190px;height:26px;float:right;text-align:right; margin:0 0 0 0;padding:13px 15px 0 0;list-style:none;}
#wrapbody .highleft .footer ul#page li{display:block; display:inline; width:auto; height:26px; border:0; background:transparent; font-size:12px; margin-right:3px; padding: 0;}
#wrapbody .highleft .footer ul#page li a{ color:#96d0f3;text-decoration:none}
#wrapbody .highleft .footer ul#page li a:hover{color:#000;text-decoration: none;}
#wrapbody .highleft .footer ul#page li a.active{color:#000;text-decoration: none;}

/*********************** MAIN MENU ****************************/ 
ul#menu {width:168px;height:299px;float:left;text-align:right;margin:0;font-size:10px;padding:0;list-style:none;position:absolute;left:369px;top:22px;}
ul#menu li{margin: 0; padding: 0;}
ul#menu li a{ margin-bottom:6px;display: block;height:32px;width: 168px;}
ul#menu li a.m1{ background: url("../img/m1home.gif") top left no-repeat;}
ul#menu li a.m2{ background: url("../img/m2home.gif") top left no-repeat;}
ul#menu li a.m3{ background: url("../img/m3home.gif") top left no-repeat;}
ul#menu li a.m4{ background: url("../img/m4home.gif") top left no-repeat;}
ul#menu li a.m7{ background: url("../img/m5home.gif") top left no-repeat;}
ul#menu li a.m5{ background: url("../img/m6home.gif") top left no-repeat;}
ul#menu li a.m6{ background: url("../img/m7home.gif") top left no-repeat;}
ul#menu li a.m1:hover, ul#menu li a.m2:hover, ul#menu li a.m3:hover, ul#menu li a.m4:hover, ul#menu li a.m5:hover, ul#menu li a.m6:hover, ul#menu li a.m7:hover{background-position: 0 -32px;}
ul#menu li a.active{background-position: 0 -32px;}

/******************** HIGHLIGHT RIGHT *******************/
#wrapbody .highright{width:493px;height:503px;;float:right;background:#FFF;border: 2px solid #9fadb7;margin-top:10px;
/*margin:0;padding:0;height:100%;width:493px;background:#fff;position:relative;float:right; top:0;z-index:9999;*/
}
#wrapbody .highright .gal{width:456px;height:146px;float:right;right:0;margin-top:12px;padding-right:14px;}
#wrapbody .highright .gal ul.gallery1{margin: 0;padding: 0;float:right;}
#wrapbody .highright .gal ul.gallery1 li{list-style: none;margin-left:19px;padding:0;float: left;border:2px solid #9fadb7;/*background: url(img/border.png) no-repeat top left;*/text-align:center;color:#17469e;font-size:12px;/*line-height:15px;*/font-weight:bold;}
#wrapbody .highright .gal ul.gallery1 li a{text-decoration:none;border:0;}
#wrapbody .highright .gal ul.gallery1 li img{padding:10px 10px 1px 10px;background-color:#FFF;}

#wrapbody .highright .gal ul.gallery1 li span {
	float: left;
	padding:0;
	margin:0;
	position: absolute;
	z-index:9999;
	left: 200px; 
	top:24px;
	display: none;
	width: 426px;
	height: auto;
	background: url(../img/bg_high.png) repeat;
	border:1px solid #93acbc;
	color: #666;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

#wrapbody .highright .gal ul.gallery1 li span img{padding:14px;float:left;}
#wrapbody .highright .gal ul.gallery1 li span .sekat{width:14px;height:136px;float:left;left:0;margin-left:5px;padding:0; background:url(../img/sekat_high.gif) left repeat-y;}
#wrapbody .highright .gal ul.gallery1 li span .deskr{width:225px;height:116px;float:left;margin:10px 0 0 30px;padding:0 5px 0 0;font-size:10px;color:#666;font-weight:normal;text-align:left;overflow:auto;background:transparent;}
#wrapbody .highright .gal ul.gallery1 li span .deskr .title{font-size:14px;line-height:22px; color:#009cff;background:transparent;}

#wrapbody .highright .gal2{width:446px;height:296px;float:right;right:0;margin:0;padding:0;}
#wrapbody .highright .gal2 .market{width:155px;height:187px;float:right;}
#wrapbody .highright .gal2 .market .title{width:142px;height:20px;padding-top:8px; border-bottom:1px solid #96d0f3;float:right;}
#wrapbody .highright .gal2 .market .cont{margin:3px 0 3px 13px;float:left;}

#wrapbody .highright .gal2 .news{width:278px;height:167px;float:right;}
#wrapbody .highright .gal2 .news .title{width:274px;height:28px;float:right;right:0; margin:0 0 0 10px;padding:0; border-bottom:1px solid #96d0f3;}
#wrapbody .highright .gal2 .news .content{width:269px;height:135px;margin:4px 4px 4px 10px;}
#wrapbody .highright .gal2 .news .content .titlenews{color:#17469e;}
#wrapbody .highright .gal2 .news .content .datenews{color:#fa7600;font-size:9px;}
#wrapbody .highright .gal2 .news .content .contnews{font-size:10px;}
#wrapbody .highright .gal2 .news .content .contnews img{background-color: #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #999;padding: 4px;margin:5px 5px 5px 0;}
#wrapbody .highright .gal2 .news .content .link_more{color:#17469e;font-size:10px;}
#wrapbody .highright .gal2 .news .content .link_more a{color:#17469e;text-decoration:none}
#wrapbody .highright .gal2 .news .content .link_more a:hover{color:#fa7600;text-decoration: none;}


#wrapbody .highright .gal2 .info{width:423px;height:126px;position:absolute;top:327px; /*margin-top:15px;*/}
#wrapbody .highright .gal2 .info .title{width:422px;height:24px;border-bottom:1px solid #96d0f3;}
#wrapbody .highright .gal2 .info .content{width:355px;height:132px;padding-left:7px;}
#wrapbody .highright .gal2 .info .content .arrow{width:9px;height:17px;color:#1162a6;font-size:28px;font-weight:bold;float:left;padding-top:10px;}
#wrapbody .highright .gal2 .info .content .year{width:auto;height:17px;color:#1162a6;font-size:12px;float:left;padding:13px 6px 6px 6px;}
#wrapbody .highright .gal2 .info .content .ket{position:absolute; width:152px;height:74px;top:63px;float:left;left:18px;}
#wrapbody .highright .gal2 .info .content .deskripsi{color:#ff7800;font-size:16px;line-height:30px;}

/************************** footer *********************/	
#wrapbottom2{
margin:0;padding:0;height:4px;width:100%;background:#9c9c9c;position:absolute;bottom:60px;z-index:9999;
}
#wrapbottom3{
margin:0;padding:0;height:1px;width:100%;background:#ffffff;position:absolute;bottom:59px;z-index:9999;
}

*html #wrapbottom2 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin:0;padding:0;height:4px;width:100%;background:#9c9c9c;position:absolute;bottom:54px;z-index:9999;	
}
*html #wrapbottom3 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin:0;padding:0;height:1px;width:100%;background:#ffffff;position:absolute;bottom:51px;z-index:9999;	
}

#wrapbottom{position:relative;margin:0;padding:0;height: 59px;width: 100%;background: #000000 url(../img/img_footerbg.jpg) left top repeat-x;bottom: 0;z-index:9999;}

*html #wrapbottom { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin:0 auto; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#wrapbottom .footer1{margin:0 auto;padding:15px 0 0 0;width: 952px;color:#ffffff;background: url(../img/img_footerbg.jpg) left top repeat-x;font-size: 22px;font-family: "Lucida Sans", Arial, Helvetica, sans-serif;position: relative;height: 28px;}
#wrapbottom .footer2{margin:0 auto;padding:1px 0 0 0;width: 952px;color:#ffffff;font-size: 10px;font-family: "Lucida Sans", Arial, Helvetica, sans-serif;position: relative;height: 25px;}

.grabmarket{width:130px; font-size:9px;line-height:13px; margin:2px 10px 0 0;float:right;border:1px solid #666}

.text03
{  
    color: #000000; 
    background-color: #E7E7E7;
}
.text04
{  
    color: #000000; 
    background-color: #D7D7D7;
}

.linkurl{width:133px;height:auto;position:absolute;top:337px;right:15px;font-size:9px;z-index:99999;float:right;text-align:right;border-bottom:1px solid #96d0f3;}
.linkurl a{text-decoration:none;font-size:9px;}
.linkurl a:hover{text-decoration:underline;}

.linkurl2{width:153px;height:auto;position:absolute;top:138px;right:0px;font-size:9px;z-index:99999;float:right;text-align:right;}
.linkurl2 a{text-decoration:none;font-size:9px;}
.linkurl2 a:hover{text-decoration:underline;}

#nav { position:absolute;right:630px;top:210px;width:190px;height:26px;float:left;text-align:right; margin:0 0 0 0;padding:13px 15px 0 0;list-style:none;z-index:100;}
#nav a {font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:12px;padding:3px;
	color:#96d0f3;
	margin:2px;
	text-decoration:none; }
#nav a.activeSlide {color:#000 !important; }
#nav a:focus { outline: none; }
#slideshow{position:absolute;background:transparent;}