@charset "utf-8";
/* CSS Document */

body {
	background: url(images/bck.jpg) top no-repeat #000000;
	color:#FFFFFF;
	font-family:tahome, Arial, Roman;
	font-size:11.4px;
	padding:0px;margin:0px;
}

html
{
	padding:0px;
	margin:0px;
}

.pesen_website , .pesen_psd2html , .ajaxPopPage
{
	cursor:pointer;
}
#back_trans
{
	background:#fff;
	height:900px;
	width:100%;
	z-index:10;
	top:0;
	position:fixed;
	margin:0px; padding:0px;
	display:none;
}

#big_popup
{
	width:100%;
	height:95%;
	position:absolute;
	display:none;
	z-index:100;
}

#big_popup_content_wrap
{
	width:600px;
	margin:0 auto;
	margin-top:70px;
	overflow:auto;
	overflow-x:hidden; 
	background:#1D1D1D;
	-moz-border-radius:15px;
	-webkit-border-radius :15px;
	border-radius:15px;
	border:solid 5px #666666;
}
#big_popup_content
{
	width:600px;
	margin:0 auto;
	margin-top:10px;
	padding-bottom:40px;
	
}

#close_x
{
	padding:10px; text-align:right;
	cursor:pointer;
}

#imghome
{
	border:solid 5px  #2D2D2D;
	margin:0 10px 0 0 ;
}

a img { 
		border:none;
	}

input {
	border:solid 2px #5889D5;
	font-size:11px;
	padding:2px;
	background:#F7F7F7;
}

.input2
{
	-moz-border-radius:5px;
	-webkit-border-radius :5px;
	border-radius:5px;
}

.button {
	background:url(images/tombol.gif) no-repeat;
	border:none;
	width:58px;
	height:24px;
	cursor:pointer;
}

.menu {
	border:solid thin #333333;
	border-top:none;
	margin:0 1px 0 1px ;
}

.menu a
{
	width:100%;
	display:block;
	height:20px;
	padding:5px 0 0 20px;
	text-decoration:none;
}

.menu:hover {
	background:#333333;
}

ul#mainmenu { border:solid 1px #2C2C2C; padding:0px; height:23px; border-right:none;border-left:none; margin-left:5px; } 

ul#mainmenu li
{
	float:left;
	list-style:none;
	cursor:pointer;
	border-right:solid 1px #2C2C2C;
}


ul#mainmenu a { text-decoration:none;  padding:5px 20px 5px 20px ;display:block;}
ul#mainmenu a:hover{background:#3C3C3C;}
#loading
{
	-moz-border-radius:15px;
	-webkit-border-radius :15px;
	border-radius:15px;
	position:fixed;
	top:220px;
	padding:40px 0 0 0 ;
	margin:0px 0 0 300px;
	width:300px;
	height:100px;
	background:#000000;
	text-align:center;
	border:solid 1px #999999;
	display:none;
	z-index:100;
}
#informasi
{
	z-index:100;
	display:none;
	position:fixed;
	top:180px;
	margin:40px 0 0 300px;
	width:300px;
	min-height:100px;
	background:#333333;
	border:solid 1px #999999;
}

#desc {
	position:absolute;
	width:300px;
	height:70px;
	border:solid thin #333333;
	left:750px;
	top:65px;
	padding:10px;
	background:url(images/backdesc.png) repeat-x ;
}

#flash {
	padding-left:10px;
	z-index:-1;
}

.website_pop
{
	margin:-100px 0 0 0 ; 
	background:#333333;
	float:left;
}

#flash_info
{
	margin:-50px 8px 0 17px; background:#000; padding:0px 0px 0px 0px ; width:647px ; height:24px; position:absolute;
	border-top:solid 1px #333333;
}
.flash_info_menu
{
	padding:5px 10px 5px 10px ; border-left:solid 1px #666666;float:right;
}

#text-menu-flash
{
	padding:0px;
	cursor:pointer;
}
#popx
{
	position:absolute;
	width:168px;
	height:92px;
	background:url(images/tooltip.gif) no-repeat;
	margin:-100px 0 0 0; 
	text-align:left;
	padding:5px 0px 0px 5px;
}



#flash_info_menu:hover { background:#242424; }

#comment {
	padding:50px;
}

#lastInfo {
	float:right ;
	border:solid thin #333333 ; 
	width:200px ; 
	margin:60px 10px 10px 0px ; 
	padding:5px;
	font-style:italic;
	font-size:11px;
	}
	

#lastInfo a{
	color:#CCCCCC;
}	

#lastInfo a :hover{
	color:#999999;
}

#header {
	width:884px;
	height:90px;
	clear:both;	
}	
.logo {
	margin:20px 0 10px 11px ; 
	float:left;
	}

	
.tombol {
	float:right;
}

.tombol:hover{
	background-color:#1B1B1B;
	}
	
.info { 
	padding:10px;
	border:solid thin #333333;
	background:#1B1B1B;
	margin:0 0 10px 0px;
}

.nav{ 
	padding:10px;
	border:solid thin #333333;
	background:#1B1B1B;
	margin:10px;
}

.submit {
	background:url(images/submit.png) ; width:60px ; border:none;
}

.submit:hover {
	background:url(images/submit_hover.png) ; width:60px ; border:none;
}

a {
	color:#CCCCCC;
	text-decoration:underline;
	font-style:italic;
	text-decoration:underline;
}	

a:hover {
	color:#FF0000;
}

#keterangan {
	height:10px;
}

h3{
	margin:0 auto;
	height:25px;
	text-align:center;
	padding:10px 0 0 0px;
	font-size:12px;
	background:url(images/image_17.jpg) left no-repeat ;
}

h4{
	background-image:url(images/image_16.jpg);
	width:625px;
	height:35px;
	padding:15px 0 0 50px;
	margin:0px 0 5px 0px ;
}

#content {
	padding:0 0 0 5px;
	width:680px;
	float:left;
}

#menu {
	margin-bottom:10px;
}


#photo{
	margin-top:10px;
	float:left;
}

#tumb {
	background-image:url(images/back.jpg);
	padding: 2px 0 0 2px ; 
	height:133px ; 
	width:197px;
	float:left;	
	margin:0 5px 5px 10px ;
	overflow:hidden;
}

#tumb img { 
	height:128px;
	width:191px;
}

#tumb2 {
	background-image:url(images/back.jpg);
	padding: 2px 0 0 2px ; 
	height:133px ; 
	width:197px;
	float:left;	
	margin:0 5px 5px 2px ;
}

#gallery { 
	border:solid thin #333333;
	background:#0F0F0F;
	width:191px;
	float:left;
	margin:0 0 10px 15px ;

}

#gallery:hover {
	background:#333333;
}



#menu_kanan{
	float:right;
	width:204px;
	margin:0 10px 0 0 ;
		
}

#page{
	padding-right:20px;
	padding-left:10px;
	max-width:670px;
	text-align:justify;
	background:url(images/pageback.jpg)  bottom no-repeat;
}

#show_form
{
	text-decoration:none ; cursor:pointer ; padding:5px 0 0 0 ; position:absolute;
        background:#000000 ; width:186px; text-align:center ;
}
.form_testi
{
	margin:20px 0 0 15px;
	display:none ; 
}
.testi_wrap
{
	overflow:auto ; height:230px ; margin:0 0 10px 0;
	overflow-x:hidden;
}

.isi_testi
{
	max-width:185px;
}
#modul {
	padding:0px 0px 0 0px ;
	width:203px;
	border-top:none;
	margin-right:5px;
	margin-bottom:0px;
	text-align:justify;
}

#footer {
	margin:0 auto;
	padding:10px;
	width:850px;
}