body {
	background:#000000;
	margin: 0 auto;
	padding: 0;
	
}


#menu {
	position: relative;
	width:800px;
	/*---border: 1px solid #000000;--*/
	margin: 0;
	padding: 0;
	font-family:"Arial", Helvetica, sans-serif;
}

#menu ul {
	font-family:"Arial", Helvetica, sans-serif;
	padding: 0 20px 0 0px;
	margin: 0;
	background:#333333;
	height: 23px;
}

#menu li {
	display: inline;
}

#menu a {
	color: #999999;
	font-size: 12px;
	line-height: 23px;
	padding: 4px 5px 4px 5px;
	text-decoration: none;
	font-family:"Arial", Helvetica, sans-serif;
}

#menu h{
	font-weight:bold;
	font-size:16px;
	color:#999999;
}

#menu a:hover, #menu a.selected {
	color: #fff;
}

#menu a.selected {
	background: #000;
}

#page {
	background:#000000;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	height: 600px
	font:100% Arial;
}

#header {
	background-color:#000000;
	background-position:top;
	color:#505050;
	width:800px;
	height:185px;
	margin:0;
	padding:0;
}
#header4 {
	background-color:#000000;
	width: 800px;
	color:#505050;
	height:558px;

}


#header img{
	height:183px;
	width:200px;	
	
}

#content{
	line-height:1.5em;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	background:#CCCCCC;
}
#content2{
	line-height:1.5em;
	margin: 0px;
	padding: 0px;
	float:left;
	width:800px;
	height:380px;
	background:#000000;
}
#content21{
	line-height:1.5em;
	margin: 0px;
	padding: 0px;
	float:left;
	width:206px;
	height:380px;
	background:#000000;
}
#content22{
	line-height:1.5em;
	margin: 0px;
	padding: 0px;
	float:left;
	width:383px;
	height:380px;
	background:#000000;
}
#content23{

	line-height:1.5em;
	margin: 0px;
	padding: 0px;
	float:right;
	width:205px;
	height:380px;
	background:#000000;
}
#head-topside{
	background: url(image/topside.jpg) no-repeat;
	width:594px;
	height:183px;
	padding:0;
	float:right;
}

#head2{
	background: url(image/head-gallery.jpg) no-repeat;
	width:594px;
	height:183px;
	padding:0;
	float:right;
}
#head-gallery{
	background: url(image/gallery_header.jpg) no-repeat;
	width:594px;
	height:185px;
	padding:0;
	float:left;
}
#head3{
	background: url(image/pub.jpg) no-repeat;
	width:594px;
	height:185px;
	padding:0;
	float:left;
	}
#trade {
	background-image:url(image/trademark.jpg) no-repeat;
	width:206px;
	height:200px;
	margin-top: 105px;
	margin-left: 0px;
	margin-bottom: 100px;
	padding-bottom: 50px;
	float:left;
	
}
#top{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:#000000;
	height:191px;
	}
#top-gallery{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	background:#000000;
	width:206px;
	height:350px;	
}
#mr_bawah{
	padding-top: 230px;

	padding-left: 50px;
}

#topside_pic{
	background: url(image/topside_pic.jpg) no-repeat;
	width:401px;
	height:380px;
	padding:0;
	float:left;
	
	}

#middle-gallery{
	background:#000;
	height:350px;
	width: 383px;
	padding:0;
	float:left;
	}
#middle-right{
	padding:0px 0px 0px 0px;
	margin-left: 380px;
	background:#000;
	height:350px;
}

/*--------  botton underwater --------*/	
#bottom-right{
	
	width:205px;
	height:14px;
	padding:0px 0px 0px 0px;
	float:left;
}

#bottom-right a{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	font-family:Arial;
}
#bottom-right a:hover{
	padding: 0px 0px 0px 0px;
	font-weight:bold;
}

#bottom-right h2{
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	width:180px;
	color:#FFFFFF;
	border-bottom:1px solid #333366;
	font:100% Arial;
	font-size:18px;
}


/*--------  botton underwater end --------*/
#head_1{
	width:800px;
	height:183px;
	padding:0px 0px 0px 0px;
	float: left;
	}
	
#head_2{
	width:800px;
	height:183px;
	padding:0px 0px 0px 0px;
	float: left;
	}
#headone{
	width:206px;
	height:183px;
	padding:0px 0px 0px 0px;
	float:left;
	}




#headtwo{
	width:200px;
	height:183px;
	padding:0px 0px 0px 0px;
	float:right;
	}
	
	
#headthree{
	width:200px;
	height:183px;
	padding:0px 0px 0px 0px;
	background-color:#000000;
	float:right;
	}

	
#headfour{
	width:200px;
	height:183px;
	padding:0px 0px 0px 0px;
	float:right;
	}

#one{
	width:200px;
	height:191px;
	padding:0px 0px 0px 0px;
	float:left;
	border-top:1px solid #999999;
	}

#two{
	width:200px;
	height:191px;
	padding:0px 0px 0px 0px;
	float:right;
	border-top:1px solid #999999;
	}
	
	
#three{
	width:200px;
	height:191px;
	padding:0px 0px 0px 0px;
	float:right;
	border-top:1px solid #999999;
	}

	
#four{
	width:200px;
	height:191px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	border-top:1px solid #999999;
	}

#bottomenu{
	width:200px;
	height:183px;
	padding:0px 0px 0px 0px;
	float:left;
	}
#bottomone{
	width:200px;
	height:183px;
	padding:0px 0px 0px 0px;
	float:left;
	}
#bottomone-gallery{
	width:200px;
	height:183px;
	padding:0px 0px 0px 0px;
	float:left;
	}
#bottomtwo{
	width:200px;
	height:183px;
	padding:0px 0px 0px 0px;
	background-color:#000000;
	float:right;
	}
	
#bottomthree{
	width:200px;
	height:183px;
	padding:0px 0px 0px 0px;
	float:right;
	background:#000000;
	}
	
#bottomfour{
	width:200px;
	height:183px;
	padding:0px 0px 0px 0px;
	background-color:#000000;
	float:right;
	}
	
#bottomone:hover{
	background-color:#004e6a;
	}
#bottomthree:hover{
	background-color:#170341;	
	}
#two:hover{
	background-color:#511d13;
	}
#three:hover{
	background-color:#c9b38c;
	}
#four:hover{
	background-color:#5e6e22;	
	}
	
/*--------  botton underwater --------*/	
#bottom-left{
	width:206px;
	height:14px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}

#bottom-left a{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	font-family:Arial;
}
#bottom-left a:hover{
	padding: -10px 0px 0px 0px;
	font-weight:bold;
}

#bottom-left h2{
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	width:200px;
	color:#FFFFFF;
	border-bottom:1px solid #333366;
	font:100% Arial;
	font-size:18px;
}
#bottom-right h1{
	margin-left:5px;
	margin-right:5px;
	width:180px;
	color:#FFFFFF;
	border-bottom:3px solid #333366;
	font:100% Arial;
	font-size:18px;
}

#bottom-rigth ul{
	
    margin:0;
	padding:0;}
#bottom-right li{	
	border-bottom:1px solid #333366;width:145px;
  }	
	
#line{
	border-bottom:3px solid #333366;width:200px;
}
/*--------  botton underwater end --------*/


#bottomone a, #bottomthree a, #two a, #three a, #four a{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	font-family:Arial;
	}
		
#bottomone a:hover, #bottomthree a:hover, #two a:hover, #three a:hover, #four a:hover{
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	}
	
#two h1, #three h1, #four h1, #bottomone h1, #bottomthree h1{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	width:180px;
	color:#FFFFFF;
	border-bottom:3px solid #666666;
	font:100% Arial;
	font-size:18px;
}

#two h2, #three h2, #four h2, #bottomone h2, #bottomthree h2{
	width:180px;
	margin-left:10px;
	color:#FFFFFF;
	border-bottom:1px solid #666666;
	font:100% Arial;
	font-size:12px;
}
		
#bottom{
	padding:0px 0px 0px 0px;
	background:#000000;
}

#one img{
	height:191px;
	width:200px;
}
#two img{
	height:183px;
	width:200px;
}
#three img{
	height:183px;
	width:200px;
}
#four img{
	height:183px;
	width:200px;
}

#headone img{
	height:183px;
	width:200px;
}
#headtwo img{
	height:183px;
	width:200px;
}
#headthree img{
	height:183px;
	width:200px;
}
#headfour img{
	height:183px;
	width:200px;
}

#bottomone img{
	height:183px;
	width:200px;
}
#bottomtwo img{
	height:183px;
	width:200px;
}
#bottomthree img{
	height:183px;
	width:200px;
}
#bottomfour img{
	height:183px;
	width:200px;
}


#footer {
	background:#333333;
	clear:both;
	font-family:"Arial", Helvetica, sans-serif;
	width:800px;
	height:20px;
}

#footer1 {
	width: 390px;
	
	padding:3px 0px 0 10px;
	font-size: 11px;
	color: #29292a;
	text-align: left;
	
	margin: 0;
	background:#333333;
	float:left;
}
#footer1 p{
	margin:0;
	padding:0;
	}
#footer2 {
	width: 390px;
	padding: 0 10px 0 0px;
	color: #f0f0f0;
	font-size:12px;
	text-align:right;
	margin: 0;
	background:#333333;
	float:right;
}

#footer2 ul{
	padding: 0 0px 0 0px;
	color: #f0f0f0;
	font-size:12px;
	text-align:right;
	margin: 0;
	background:#333333;
	float:right;
}

#footer2 li{
	display:inline;
	}

#footer a {
	color: #c0c0c0;
	font-size: 12px;
	line-height: 20px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

#footer h{
	font-weight:bold;
	font-size:14px;
	color:#999999;
}

#footer a:hover, #menu a.selected {
	color: #fff;
}