/* CSS Document */
html, body {
	margin: 0;
	padding: 0;	
	z-index:-1;
}

body{
	margin:0px;
	background:url(images/bg.png);
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#F2EFD4;
	text-align:center
}

#content {
	width: 550px;
	margin: 30px auto;
	padding: 10px 20px;
	background: #FFF;	
	border: 1px solid #CCC;
}

hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #CCC;	
	margin-bottom: 20px;
	padding: 0;
}

a{
	color:#666699;
	text-decoration:none
}
a:hover{
	color:#333399;
	text-decoration:none
}
#main{
	background:url(images/bg2.png) repeat-x;
	height:636px;
	text-align:center;
	padding-top:20px
}
#center-container{
	 margin-left:auto;
	 margin-right:auto;
	 width:740px;
	 color:#003366;
}
#header{
	height:71px;
	background:url(images/logo.png) top left no-repeat;
}
#header #logo{
	float:left;
	width:74px;
	height:71px;
}
#header #logo a{
	text-decoration:none;
	display:block;
	height:71px;
}
#header #menu{
	float:right;
}
#header #menu img{
	padding-top:32px;
	border:0px;
}
#header #menu a{
	border:0px;
}
#batas-header1{
	padding-top:5px;
	background:url(images/hr1.png) center no-repeat;
}
#batas-header2{
	padding-top:5px;
	background:url(images/hr2.png) center no-repeat;
}
.clear{
	clear:both;
}
.jarak{
	padding:11px;
	padding-top:12px;
}
#jarak-body{
	padding:11px
}
#body{
	background-color:#FFFDED;
	padding:21px;
	padding-right:18px;
	text-align:left;
	font:11px Georgia, "Times New Roman", Times, serif;
	color:#333;
	line-height:17px;
}
#body-index{
	height:388px;
	background:url(images/index_banner.jpg) no-repeat;
}
#body-index #bright{
	width:300px;
	float:right;
	text-align:right;
	padding-top:100px;
	font-size:13px;
	line-height:18px;
	color:#333;
}
#left-center{
	float:left;
	width:146px;
	text-align:left;
	margin-right:10px;
}
#right-center{
	float:right;
	text-align:left;
	width:460px;
	font:11px Georgia, "Times New Roman", Times, serif;
	color:#333;
	line-height:17px;
}
#body-center{
	margin-top:12px;
	height:356px;
}
#body-center-left{
	float:left;
	width:430px;
}
#body-center-right{
	float:right;
}
#body-about{
	background:#FFFDED url(images/img_about.jpg) left no-repeat;
	text-align:left;
	height:387px;
}
#body-service{
	background:#FFFDED url(images/img_service.jpg) left no-repeat;
	text-align:left;
	height:387px;
}
#body-people{
	background:#FFFDED url(images/img_people.jpg) left no-repeat;
	text-align:left;
	height:387px;
}
#body-contact{
	background:#FFFDED url(images/img_contact.jpg) left no-repeat;
	text-align:left;
	height:387px;
}
#body-center-content{
	padding-left:238px
}
#body-center-content a{
	color:#666699;
	text-decoration:none
}
#body-center-content a:hover{
	color:#333399;
	text-decoration:none
}
#left-nav-center{
	float:left;
	width:auto;
}
#right-nav-center{
	float:right;
	width:auto;
}
#bottom{
	padding-top:6.5px;
	color:#D9D7CA;
	text-align:left
}
#left-bottom{
	float:left;
}
#right-bottom{
	float:right;
	text-align:right
}
#right-bottom a{
	color:#D9D7CA;
	text-decoration:none;
}
#right-bottom a:hover{
	color:#FFFDED;
	text-decoration:none;
}
li{
	margin:0px; 
	padding:0px;
	padding-left:15px;
	list-style-type:none;
	text-transform:capitalize;
	display:block;
	line-height:16px;
	text-indent:-10px;
}
ul{
	margin:0px;
	padding:10px;
}
#hold	{ 
	position:relative;
	width:430px; height:356px;
	z-index:10; 
	}
#wn	{ 
	font:11px Georgia, "Times New Roman", Times, serif;
	position:absolute; 
	left:0px; top:0px; 
	width:430px; height:356px;
	clip:rect(0px, 430px, 356px, 0px); 
	overflow:hidden;	
	z-index:1; 
	color:#333;
	text-align:left;
	line-height:17px;
	}

#lyr2, #lyr3	, 
#lyr1{
	position:absolute;
	visibility:visible;
	left:0px;
	top:0px;
	z-index:1;
	width: 431px;
	}