body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
#topMain{
	width:5% auto;
	background:url(images/top_bg1.gif) 0 0 repeat-x;
	height:309px;
	padding:0 0 0 0;
}
#top{
	width:1007px;
	height:315px;
	margin:0 auto;
	background:url(images/header11.jpg) 0 0 no-repeat;
	position:relative;
	
}
#top img.logo{
	position:absolute;
	left:30px;
	top:41px;
	width:202px;
	height:81px;
}
#top img.login{
	position:absolute;
	left:478px;
	top:70px;
	width:106px;
	height:80px;
}
#top ul.topNav{

	width:350px;
	height:170px;
	position:relative;
	left:650px;
	top:0px;
	padding:0 0 0 0;
}
#top ul.topNav li{
	float:left;
	height:50px;
	padding:0 2px 0 0;
	background:url(images/top_nav_div.gif) right top no-repeat;
}
#top ul.topNav li a{
	display:block;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	padding:0 12px;
	font:bold 11px/50px Arial, Helvetica, sans-serif;
	color:#E9B9B9;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
}
#top ul.topNav li a:hover{
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
	color:#fff;
	background-color:inherit;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	padding:0 11px;
}
#top ul.topNav li a.hover{
	display:block;
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
	color:#fff;
	background-color:inherit;
	padding:0 11px;
	font:bold 11px/50px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
}
#top h1{
	display:block;
	background:url(images/slogan.gif) 0 0 no-repeat;
	width:511px;
	height:61px;
	position:absolute;
	left:470px;
	top:227px;
	text-indent:-2000px;
}
#menuMain{
	width:100%;
	height:28px;
}
#menu{
	width:982px;
	margin:0 0 0 13px;
	height:28px;
}
#menu ul{
	width:982px;
	height:28px;
}
#menu ul li{
	margin:106px 0 0px 0;
	float:left;
	border-right:#bbb19b solid 0px;
	height:32px;
}
#menu ul li a{
	display:block;
	padding:5px 16px 0 10px;
	font:normal 11px/28px Verdana, Helvetica, sans-serif;
	color:#faf70f;
	text-decoration:none;
	background-color:inherit;
}
#menu ul li a:hover{
	color:#FEFCFA;
	background-color:#545ffb;
}
#menu ul li.noBdr{
	border:none;
}
#menu ul li a.first{
	display:block;
	padding:1px 14px 0 160px;
	font:bold 11px/28px Arial, Helvetica, sans-serif;
	color:#eff214;
	text-decoration:none;
	background-color:inherit;
}
#menu ul li a.first:hover{
	color:#FEFCFA;

	background-color:#f1cb54;
}
#menu ul li a.fisrtime{
	display:block;
	padding:5px 15px 0 12px;
	font:normal 11px/28px Verdana, Helvetica, sans-serif;
	color:#faf70f;
	text-decoration:none;
	background-color:inherit;
}
#menu ul li a.last{
	display:block;
	padding:5px 0 0 14px;
	font:normal 11px/28px Verdana, Helvetica, sans-serif;
	color:#eff214;
	text-decoration:none;
	background-color:inherit;
}
#menu ul li a.last:hover{
	color:#FEFCFA;
	background-color:#f1cb54;
}
#menu ul li a.fisrtime:hover{
	color:#FEFCFA;
	background-color:#545ffb;
}
#bodyMain{
	width:100% auto;
	background:url(images/body_bg.gif) 0 0 repeat-x #000;
	color:#000;
}
#body{
	width:942px ;
	background:url(images/body_bg2.gif) 0 0 repeat-x #020000;
	color:#000;
	padding:0 30px 26px 31px;
	margin:0 auto;
}
#bodybali{
	width:100%;
	background: #000000;
	color:#000;
}
#bodyb{
	width:942px;
	background:#000000;
	color:#000;
	padding:0 30px 26px 31px;
	margin:0 auto;
}
#left{
	width:239px;
	padding:20px 0 0 0;
	float:left;
}
#left h2.project{
	display:block;
	width:163px;
	height:0px;

	padding:0 0 0 0px;
	font:normal 24px/53px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#left h3.yellowTxt{
	display:block;
	width:205px;
	
	font:normal 14px/12px Papyrus, Helvetica, sans-serif;
	color:#fddd06;
	background-color:inherit;
	margin:10px 0 16px 50px;
}
#left h3.yellow{
	display:inline-block;
	width:205px;

	font:normal 14px/12px Papyrus, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:10px 0 16px 30px;
}
#left h3.yellowTx{
	display:block;
	width:900px;
	font:normal 14px/12px Papyrus, Helvetica, sans-serif;
	color:#fddd06;
	background-color:inherit;
	margin:10px 0 13px 50px;
}
#left img.pro{
	margin:0 0 18px 0;
	width:215px;
	height:150px;
	font-size:0;
	line-height:0;
	display:block;
	color:#fff ;
}
#left img.pro1{
	margin:0 0 18px 0;
	width:215px;
	height:150px;
	font-size:0;
	line-height:0;
	display:block;
	color:#fff ;
}
#left img.pro2{
	margin:0 0 18px 0;
	width:215px;
	height:150px;
	font-size:0;
	line-height:0;
	display:block;
	color:#fff ;
}
#left img.pro3{
	margin:0 0 18px 0;
	width:190px;
	height:290px;
	font-size:0;
	line-height:0;
	display:block;
	color:#fff ;
}
#left img.pro4{
	margin:10px 0 18px 20px;
	width:160px;
	height:160px;
	font-size:0;
	line-height:0;
	display:block;
	color:#fff ;
}
#left img.pro5{
	margin:2px 0 18px 0px;
	width:210px;
	height:140px;
	font-size:0;
	line-height:0;
	display:block;
	color:#fff ;
}
#mid{
	width:180px;
	float:right;
		padding:20px 0 0 0;
}
#mid1{
	width:170px;
	margin:200px 0 6px 3px;
	height: 470px;
	background:url(wayang/TopengTransp1.png) 0 0 no-repeat;
	color:#D59E9E;
	padding:39px 19px 18px 19px;
}

#mid1 h2{
	display:inline-block;
	width:71px;
	padding:75px 0 0 50px;

	height:29px;
	margin:10px 0 10px 0;
	font:normal 24px/29px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#mid1 p.midTxt1{
	display:inherit;
	width:170px;
	font:normal 12px/23px Papyrus, Helvetica, sans-serif;
	color:#fddd06;
	margin:0 0 10px 0;
}
#mid1 h3{
	display:block;
	width:168px;
	height:19px;
	margin:0 0 14px 0;
	font:normal 12px/19px verdana, Helvetica, sans-serif;
	color:#8efa01;
	background-color:#0519D6;
	text-align:center;
	text-transform:uppercase;
}
#mid1 p.midTxt2{
	display:inherit;
	color:#fddd06;
	width:170px;
	margin:0 0 21px 0;
	
	font:normal 12px/23px Papyrus, Helvetica, sans-serif;
	text-align:justify;
}
#service{
	width:180px;
	background-color:#000;
	color:#fabc36;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
}
#service{
	width:160px;
	background:url(wayang/06_01.png) 0 30px no-repeat;
	height:290px;

	color:#D59E9E;
	padding:17px 0px 0px 39px;
	margin:10px 0 0 0;
}
#service h2{
	display:block;
	width:71px;
	padding:0 0 0 46px;

	height:24px;
	margin:0 0 21px 0;
	font:normal 24px/29px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:inherit;
}
#service p.serviceTxt1{
	display:block;
	width:150px;
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#ffffff;
		text-align:justify;
	background-color:inherit;
	margin:0 0 12px 0;
	padding:0 0 0 0px;
}
#service p.serviceTxt2{
	width:162px;
	
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:inherit;
		height:188px;
	margin:0 0 29px 0;
	text-align:justify;
	display:block;
}
#right{
	font:normal 12px/20px Arial, Helvetica, sans-serif;	
	color:silver;	
	width:510px;
	float:left;
	padding:0px 0 0 ;
	margin-right: 5px 0 0 0;
}
#bali{
	font:normal 12px/20px Arial, Helvetica, sans-serif;	
	color:silver;	
	width:100px;
	float:left;
	padding:10px 0 0  ;
	margin: 0 0 0 15px;
}
#right img.text{
	margin:5px 0 0px 0;
	padding:0px 0 0 0;
}
#right h2.why1{
	margin: 2px 0 0 170px;
	display:inline-block;
	width:462px;
	height:30px;
	color:#fddd06;
	background-color:inherit;
}
#right h2.why2{
	margin: 0px 0 0 40px;
	display:inline-block;
	width:462px;
	height:20px;
	color:#fff;
	background-color:inherit;
}
#right h2.why{
	margin: 0px 0 0 170px;
	display:inline-block;
	width:462px;
	height:52px;
	font:normal 20px/28px PAPYRUS, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#right h2.bali{
	margin: 0px 0 0 180px;
	display:inline-block;
	width:462px;
	height:52px;
	font:normal 20px/86px PAPYRUS, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#right h2.why span{
	width:515px;
	height:20px;
	margin: 40px 0 0 50px;
	font:bold 13px/10px Verdana, Helvetica, sans-serif;
	display:inline-block;
	float:right;
}
#right h2.why3 span{
	width:515px;
	height:20px;
	margin: 40px 0 0 50px;
	font:bold 13px/10px Verdana, Helvetica, sans-serif;
	display:inline-block;
	float:right;
}
#right h2.why1 span{
	width:465px;
	height:60px;
	margin: 30px 0 0 0px;
	font:bold 12px/10px Verdana, Helvetica, sans-serif;
	display:inline-block;
	float:right;
}
#right h2.why2 span{
	width:465px;
	height:60px;
	margin: 30px 0 0 0px;
	font:bold 14px/10px Verdana, Helvetica, sans-serif;
	display:inline-block;
	float:right;
}
.imageleft{
	color:#fff;
	border:#fff;
	float: left;
	margin-right: 7px;
	margin-bottom: 1px;
}
.imageleft1{	
}
.imageleft2{
	color:#fff;
	float: right;
	margin-right: 393px;
	margin-bottom: 0px;
}
p{
    margin-top: 15px;
	margin-bottom: 15px;
}
#right h3.txt1{
height:52px;
	width:474px;
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:;
	margin:10px 0 0px 0
}
#rightTxt1{
	font:normal 7px/22px Arial, Helvetica, sans-serif;
	color:#5D0303;
	background-color:inherit;
	margin:0 0 0px 0;
	width:0px;
}
#right p.rightTxt1 span{
	color:#CB8686;
	background-color:#5D0303;
}
#footerMain{
	width:100%;
	height:70px;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
	margin:0 auto;
}
#footer{
	width:942px;
	margin:0 auto;
	height:5px;
	position:relative;
}