/* html setting*/
body{
	margin:0;
	padding:0;
	font-family:verdana;
	font-size: 10px;
	line-height: 18px;
	word-spacing:2px;
	color:#333333;
	background: transparent url(../images/bg.gif) repeat-x;	
}
p{
	font-family:verdana;
	font-size: 10px;
	line-height: 18px;
	text-align: left;
	color:#333333;
	word-spacing:2px;
}
h1{
	font-family:verdana;
	font-size: 12px;
	line-height:13px;
	text-align: left;
	color:#ae8800;
	word-spacing:2px;
}
h2{
	font-family:verdana;
	font-size: 11px;
	font-weight:lighter;
	margin-top:-10px;
	text-align: left;
	color:#333333;
	word-spacing:2px;
}
h3{
	font-family:verdana;
	font-size: 11px;
	font-weight:lighter;
	text-align: left;
	color:#333333;
	word-spacing:2px;
}
ul, ol{
	font-family:verdana;
	font-size: 10px;
	line-height: 18px;
	text-align: left;
	color:#333333;
	word-spacing:2px;
	margin:0 0 15px 0;
}
li{
	font-family:verdana;
	font-size: 10px;
	line-height: 18px;
	text-align: left;
	color:#333333;
	word-spacing:2px;
	margin:0 0 15px 10px;
	list-style:circle;
}
a, a:visited{
	/*color:#ae8800;*/
	color:#000000;
	text-decoration:none;
}
a:hover{
	/*color:#ae8800;*/
	color:#000000;
	text-decoration:underline;
}
img{
	padding: 0;
	margin: 0;
	border: 0;
}
table{
	margin:0;
	padding:0;
}




/* layout */
#shell{
	width:1020px;
	height:701px;
	overflow:hidden;
	margin:0;
	padding:0;
	
}
#logo{
	height:109px;
	margin:0;
}
#mainNav{
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#CCCCCC;
	width:717px;
	height:27px;
	overflow:hidden;
}
#center{
	width:717px;
	height:195px;
	margin:0;
	padding:0;
	background: transparent url(../images/bg_center.gif) no-repeat;	
}
#mainImg{
	float:left;
	margin:0 0 0 26px;
	*margin:0 0 0 13px;
	width:524px;
	height:191px;
	overflow:hidden;
}
#subImg{
	float:left;
	margin:0;
	width:167px;
	height:191px;
	overflow:hidden;
}
#base{
	width:717px;
	height:370px;
	margin:0;
	padding:0;
	background: transparent url(../images/bg_contentBase.gif) no-repeat;	
}
#base02{
	width:717px;
	height:370px;
	margin:0;
	padding:0;
	background: transparent url(../images/bg_contentBase02.gif) no-repeat;	
}
#search{
	position:absolute;
	top:342px;
	left:550px;
	width:157px;
	*width:162px;
	height:60px;
	padding:0 5px 0 5px;
	overflow:hidden;
	z-index:2;
}
#lNews{
	position:absolute;
	top:410px;
	left:550px;
	width:167px;
	height:150px;
	overflow:hidden;
	z-index:2;
	background-color:#e2d6a7;
}
#lNewsTitle{
	width:162px;
	*width:167px;
	padding-left:5px;
	margin-bottom:10px;
	height:18px;
	overflow:hidden;
	background-color:#666666;
	color:#FFFFFF;
	font-size:9px;
}
#lNewsContent{
	width:162px;
	padding:0 5px 0 5px;
	overflow:hidden;
	height:114px;
	overflow:hidden;
	font-size:9px;
	line-height:14px;
}
#ungasan{
	position:absolute;
	top:570px;
	left:550px;
	width:167px;
	height:120px;
	overflow:hidden;
	z-index:2;
	background-color:transparent;
}
#newsLink{
	position:absolute;
	top:410px;
	left:550px;
	width:167px;
	height:250px;
	overflow:hidden;
	z-index:2;
}
#newsLinkTitle{
	width:162px;
	*width:167px;
	padding-left:5px;
	margin-bottom:10px;
	height:18px;
	overflow:hidden;
	background-color:#ae8800;
	color:#FFFFFF;
	font-size:9px;
}
#newsLinkContent, #newsLinkContent, #newsLinkContent a, #newsLinkContent a:hover, #newsLinkContent a:visited{
	width:157px;
	padding:0 5px 0 5px;
	overflow:hidden;
	font-size:9px;
	line-height:15px;
	color:#333333;
}
#fReport{
	position:absolute;
	top:570px;
	left:550px;
	width:100px;
	*width:120px;
	padding-left:5px;
	height:18px;
	overflow:visible;
	background-color:#666666;
	color:#FFFFFF;
	font-size:9px;
	z-index:3;
}
/*#subCompany{
	position:absolute;
	top:420px;
	left:550px;
	width:165px;
	*width:185px;
	text-align:center;
	padding-left:5px;
	height:18px;
	overflow:visible;
	background-color:#ae8800;
	color:#FFFFFF;
	font-size:9px;
	z-index:3;
}*/
#subCompany{
	position:absolute;
	top:400px;
	left:550px;
	width:165px;
	*width:185px;
	text-align:left;
	padding-left:5px;
	overflow:visible;
	font-size:9px;
	z-index:3;
	line-height:13px;
}
#subProjects, #subProjects a, #subProjects a:visited{
	float:left;
	width:150px;
	*width:170px;
	text-align:left;
	padding-left:5px;
	height:18px;
	line-height:15px;
	overflow:visible;
	background-color:#ae8800;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
}
#subProjects a:hover{
	float:left;
	width:150px;
	*width:170px;
	text-align:left;
	padding-left:5px;
	height:18px;
	line-height:15px;
	overflow:visible;
	background-color:#ae8800;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:underline;
}
#splash{
	width: 485px;
	height: 280px;
	position: absolute;
	left: 40px;
	top: 333px;
	overflow: hidden;
	z-index:2;
}
#subAbout{
	position:absolute;
	top:137px;
	left:65px;
	width:154px;
	height:87px;
	z-index:5;
	display:block;
	visibility:hidden;
}
#subBusiness{
	position:absolute;
	top:137px;
	left:150px;
	width:194px;
	height:70px;
	z-index:5;
	display:block;
	visibility:hidden;
}
#subConstruction{
	position:absolute;
	top:145px;
	left:345px;
	width:167px;
	height:36px;
	z-index:6;
	display:block;
	visibility:hidden;
}
#subIndustry{
	position:absolute;
	top:162px;
	left:345px;
	width:127px;
	height:36px;
	z-index:6;
	display:block;
	visibility:hidden;
}
#subOther{
	position:absolute;
	top:180px;
	left:345px;
	width:188px;
	height:18px;
	z-index:6;
	display:block;
	visibility:hidden;
}
#subInvestor{
	position:absolute;
	top:137px;
	left:250px;
	width:146px;
	height:103px;
	z-index:5;
	display:block;
	visibility:hidden;
}
#subNews{
	position:absolute;
	top:137px;
	left:361px;
	width:69px;
	height:103px;
	z-index:5;
	display:block;
	visibility:hidden;
}
#subContact{
	position:absolute;
	top:137px;
	left:625px;
	width:93px;
	height:30px;
	z-index:5;
	display:block;
	visibility:hidden;
	overflow:hidden;
}
#title{
	position:absolute;
	top:137px;
	left:0px;
	width:27px;
	height:323px;
	z-index:3;
}
#boardContent{
	width:480px;
	margin:0 0 20px 0;
}
#boardImg{
	float:left;
	margin:0 0 0 10px;
	width:150px;
}
#boardTxt{
	float:left;
	margin:0 0 0 10px;
	width:300px;
}
#project{
	position: absolute;
	left: 40px;
	top: 480px;
	width: 485px;
	z-index:3;
}

/* scroll */
#divScrollContainer{
	width: 485px;
	position: absolute;
	left: 40px;
	top: 345px;
	overflow: hidden;
	z-index:2;
}
#divScrollContent{
	width: 480px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:2;
}
#divBtnScrollUp, #divBtnScrollUp a, #divBtnScrollUp a:hover, #divBtnScrollUp a:visited{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index:3;
	background: transparent url(../images/up.gif) no-repeat;
}
#divBtnScrollDown, #divBtnScrollDown a, #divBtnScrollDown a:hover, #divBtnScrollDown a:visited{
	width: 10px;
	height: 10px;
	position: absolute;
	background-color:#333333;
	z-index:3;
	background: transparent url(../images/down.gif) no-repeat;
}


/* pop up */
#popContainer{
	position:absolute;
	top:0px;
	left:0px;
	width:612px;
	height:460px;
	background-color:#FFFFFF;
	overflow:hidden;
	z-index:1;
}
#popTitle{
	width:612px;
	height:83px;
}
#popContent{
	width:612px;
	height:346px;
}
#popContentLeft{
	float:left;
	width:271px;
	height:346px;
}
#popContentRight{
	float:left;
	width:330px;
	height:346px;
	margin:0 0 0 11px;
}
#popContentImg{
	width:330px;
	height:103px;
}
#popContentTxt{
	width:315px;
	height:228px;
	margin:15px 0 0 0;
	overflow:auto;
}




/* class */
.clear{
	clear: both;
	height:1px;
}
.table{
	font-family:verdana;
	font-size: 10px;
	line-height: 18px;
	text-align: left;
	color:#333333;
	word-spacing:2px;
}
.gap{
	height:20px;
	width:100px;
}
.gold{
	color:#ae8800;
}
.searchTxt{
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
	font-family:verdana;
	font-size: 9px;
	line-height: 18px;
	text-align: left;
	width:157px;
	height:18px;
	margin-bottom:5px;
	
}
.searchBtn{
	font-family:verdana;
	font-size: 9px;
	line-height: 18px;
	color:#FFFFFF;
	background-color:#666666;
	width:50px;
	height:18px;
	border:none;
	
}
.contentGeneral{
	height: 280px;
	clip: rect(0px,485px,280px,0px);
}
.contentCompany{
	height: 100px;
	clip: rect(0px,485px,100px,0px);
}
.upGeneral{
	top: 584px;
	left: 531px;
}
.downGeneral{
	top: 604px;
	left: 531px;
}
.upCompany{
	top: 404px;
	left: 531px;
}
.downCompany{
	top: 424px;
	left: 531px;
}
.titleAbout{ background: transparent url(../images/title/about.gif) no-repeat;}
.titleHistory{ background: transparent url(../images/title/history.gif) no-repeat;}
.titleVision{ background: transparent url(../images/title/vision.gif) no-repeat;}
.titleBoc{ background: transparent url(../images/title/boc.gif) no-repeat;}
.titleBod{ background: transparent url(../images/title/bod.gif) no-repeat;}
.titleBoa{ background: transparent url(../images/title/boa.gif) no-repeat;}
.titleBusiness{ background: transparent url(../images/title/business.gif) no-repeat;}
.titleConstruction{ background: transparent url(../images/title/construction.gif) no-repeat;}
.titleIndustry{ background: transparent url(../images/title/industry.gif) no-repeat;}
.titleOther{ background: transparent url(../images/title/other.gif) no-repeat;}
.titleNusaRaya{ background: transparent url(../images/title/nusaRaya.gif) no-repeat;}
.titlePacific{ background: transparent url(../images/title/pacific.gif) no-repeat;}
.titleSuryaCipta{ background: transparent url(../images/title/suryaCipta.gif) no-repeat;}
.titleTCP{ background: transparent url(../images/title/tcp.gif) no-repeat;}
.titleSuryalaya{ background: transparent url(../images/title/suryalaya.gif) no-repeat;}
.titleInvestor{ background: transparent url(../images/title/investor.gif) no-repeat;}
.titleFinance{ background: transparent url(../images/title/finance.gif) no-repeat;}
.titleAnnual{ background: transparent url(../images/title/annual.gif) no-repeat;}
.titleMain{ background: transparent url(../images/title/main.gif) no-repeat;}
.titlePresentation{ background: transparent url(../images/title/presentation.gif) no-repeat;}
.titleCalendar{ background: transparent url(../images/title/calendar.gif) no-repeat;}
.titleNews{ background: transparent url(../images/title/news.gif) no-repeat;}
.titleCorporate{ background: transparent url(../images/title/corporate.gif) no-repeat;}
.titlePress{ background: transparent url(../images/title/press.gif) no-repeat;}
.titleNewsletter{ background: transparent url(../images/title/newsletter.gif) no-repeat;}
.titleSocial{ background: transparent url(../images/title/social.gif) no-repeat;}
.titleCareer{ background: transparent url(../images/title/career.gif) no-repeat;}
.titleContact{ background: transparent url(../images/title/contact.gif) no-repeat;}
.titleSearch{ background: transparent url(../images/title/search.gif) no-repeat;}
#fake{
	visibility:hidden;
}