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

@import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light);
html,body{height:100%;}
textarea{
	resize:none;
}
*{outline:none;}
body{margin:0px; padding:0px; background:#000;}
#toolbar{position:fixed; z-index:3; right:10px; top:10px; padding:5px; background:url(images/fs_img_g_bg.png);}
#toolbar img{border:none;}
#menu{position:relative; z-index:30; top:0; height:30px; background:/*url(../images/bg_trans.png)*/#000; color:#FFF; font-family:helvetica; font-size:12px; text-transform:uppercase; width:100%;}
a{
	text-decoration:none;
	color:inherit;
}
#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	float:right;
}
#menu li{
	height:inherit;
	width:100px;
	float:left;
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	line-height:28px;
	margin-left:5px;
}

#menu li:hover{
	background:#086591;
	color:#FFFFFF;
	height:25px;
	margin-top:2px;
	line-height:25px;
	width:100px;
}
body#home #menu1,body#about #menu2,body#gallery #menu3,body#contact #menu4,body#sign #menu5,body#chartList #menu6,body#happenings #menu7{
	background:#086591;
	color:#FFFFFF;
	height:25px;
	margin-top:2px;
	line-height:25px;
}
#header{
	padding:5px;
	position:fixed;
	z-index:3;
	left:120px;
	top:300px;
	height:60px;
	width:650px;
	background:url(../images/bg_trans.png);
}
.font_header{
	color:#FFF;
	font-family:helvetica;
	font-size:50px;
	font-weight:bolder;
	text-transform:uppercase;
}
#title{
	padding:10px;
	position:fixed;
	z-index:3;
	left:120px;
	top:380px;
	height:30px;
	width:250px;
	background:url(../images/bg_trans.png);
}
.font_title{
	color:#FFF;
	font-family:helvetica;
	font-size:16px;
	text-transform:uppercase;
}
#block_about{
	padding:20px;
	position:relative;
	z-index:3;
	margin: 0 auto ;
	top:135px;
	min-height:400px;
	width:700px;
}
#about_header{
	color:#FFFFFF;
	font-size:34px;
	font-family:'Roboto', sans-serif;
	line-height:10px;
}
#about_isi{
	min-height:400px;
	width:inherit;
	background:#000000;
	color:#FFFFFF;
	font-family:helvetica;
	font-size:12px;
	text-align:justify;
}
.about_text{
	color:#FFFFFF;
	font-family:helvetica;
	font-size:12px;
	padding:10px;
}
#about_kiri{
	width:400px;
	min-height:400px;
	padding:40px 0 0 20px;
	line-height:20px;
	position:relative;
	z-index:20;
}
#about_left{
	width:400px;
	height:inherit;
	padding:40px 0 0 20px;
	line-height:20px;
}
#block_contact{
	padding:10px;
	position:relative;
	z-index:3;
	margin:0 auto;
	/*top:135px;*/
	height:400px;
	width:700px;
}
#contact_header{
	color:#FFFFFF;
	font-size:34px;
	font-family:helvetica;
	line-height:10px;
}
#contact_isi{
	height:400px;
	width:inherit;
	background:#000000;
	color:#FFFFFF;
	font-family:helvetica;
	font-size:12px;
	background:url(../images/bg_trans.png);
}
#happenings_isi{
	min-height:400px;
	width:inherit;
	background:#000000;
	color:#FFFFFF;
	font-family:helvetica;
	font-size:12px;
	background:url(../images/bg_trans.png);
}

#term_isi{
	min-height:400px;
	width:inherit;
	background:#000000;
	color:#FFFFFF;
	font-family:helvetica;
	font-size:12px;
	padding:20px;
	background:url(../images/bg_trans.png);
	text-align:justify;
}
#contact_left{
	width:320px;
	float:left;
	padding:10px;
}
#contact_left_isi{
	margin-top:40px;
}
#login_left_isi{
	margin-top:30px;
	font-size:76px;
}
#forget_left_isi{
	margin-top:60px;
	font-size:40px;
}
#login{
	height:200px;
	width:inherit;
	background:#000000;
	color:#FFFFFF;
	font-family:helvetica;
	font-size:12px;
	background:url(../images/bg_trans.png);
}
.font_login{
	font-size:50px;
}
#contact_right{
	width:320px;
	height:inherit;
	float:right;
	
}
#form_contact{
	margin-top:50px;
}
#form_register{
	margin-top:125px;
}
.space{
	margin-top:10px;
}
.space2{
	margin-top:5px;
}
#block_gallery{
	padding:10px;
	position:relative;
	z-index:3;
	margin:0 auto;
	top:135px;
	min-height:400px;
	overflow:auto;
	width:700px;
}
#gallery_header{
	color:#FFFFFF;
	font-size:34px;
	font-family:helvetica;
	line-height:10px;
}
#gallery_isi{
	min-height:400px;
	width:inherit;
	background:#000000;
	color:#FFFFFF;
	font-family:helvetica;
	font-size:12px;
	background:url(../images/bg_trans.png);
	overflow:auto;
}
#gallery_left{
	width:120px;
	float:left;
	padding:10px;
}
#gallery_right{
	width:540px;
	float:left;
	padding:10px;
}
#submenu{
	margin:20px 0 0 20px;
}
#submenu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#submenu li{
	height:30px;
	padding-left:20px;
	width:80px;
	font-size:12px;
	color:#FFFFFF;
	line-height:28px;
	margin-left:5px;
}
#submenu li:hover, .submenuSelected{
	background:#086591;
}
.kuning{
	background:#FFDA03;
}
.kotak{
	width:150px;
	height:20px;
	background:#000000;
	float:right;
	margin-left:40px;
	padding-top:10px;
	padding-right:30px;
}
.product_list{
	width:150px;
	height:250px;
	margin-left:20px;
	margin-top:10px;
	float:left;
}
.kursor{
	cursor:pointer;
}
.red{
	color:#FF0000;
}
.green{
	color:#3AA420;
}
.bold{
	font-weight:bolder;
}
.font14{
	font-size:14px;
}
#menu_left{
	float:left;
}
#menu_right{
	float:right;
}
#logo{
	margin-left:70px;
}
#total{
	height:70px;
}
#total_right{
	margin-top:10px;
	padding:5px;
	height:20px;
	width:200px;
	float:right;
	font-family:helvetica;
	background:url(../images/bg_trans.png);
	font-size:12px;
	color:#FFFFFF;
	padding-top:10px;
}
#chart{
	min-height:200px;
	width:inherit;
	overflow:auto;
	background:#000000;
	color:#FFFFFF;
	font-family:helvetica;
	font-size:12px;
	background:url(../images/bg_trans.png);
	padding:10px;
}
#continue{
	color:#FFFFFF;
	font-family:helvetica;
	font-size:12px;
	width:100%;
}
.footer{
	font-size:10px;
	font-family:'Roboto', sans-serif;
	color:#FFFFFF;
	height: 20px;
	position:relative;
	z-index:20;
	background:url(../images/bg_trans.png);
	margin-top: -20px; /* negative value of footer height */
	clear:both;
}
.block{
	height:100%;
	margin: 0 auto -20px; 
	overflow:auto;
}
.blockCart{
	height:100%;
	margin: 0 auto 40px auto; 
	overflow:auto;
}
.block_gallery{
	height:100%;
	margin: 0 auto 40px auto; 
	overflow:auto;
}
.block_happening{
	height: 100%;
	margin: 40px auto; 
	overflow:auto;
}
#block_login{
	padding:10px;
	position:relative;
	z-index:3;
	margin:0 auto;
	top:250px;
	height:200px;
	width:700px;
	background:url(../images/bg_trans.png);
	font-family:helvetica;
	font-size:12px;
	color:#FFFFFF;
}
.happenings{
	margin:0 40px;
	
}
.title_register{
	font-size:36px;
	
}
.block_register_left{
	margin:30px 0 0 40px;
}
.cofirmationTitle{
	margin-top:40px;
	color:#FFFFFF;
	font-size:40px;
}
.cofirmationText{
	color:#FFFFFF;
	font-size:16px;
	margin-top:10px;
}
#bg{position:fixed; z-index:1; overflow:hidden; width:100%; height:100%; padding-top:100px;}
#bgimg{display:none; -ms-interpolation-mode: bicubic;}
#preloader{position:absolute; z-index:3; width:32px; padding:20px; top:80px; left:0; right:0; margin:auto; background:#000;}
#thumbnails_wrapper{z-index:2; position:fixed; bottom:0; width:100%; background:url(images/empty.gif); /* stupid ie needs a background value to understand hover area */}
#outer_container{position:relative; padding:0; width:100%; margin:40px auto;}
#outer_container .thumbScroller{position:relative; overflow:hidden; background:#000; background:url(fs_img_g_bg.png);}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{height:120px;}
#bg2{
	background:#000;
}	
#outer_container .thumbScroller .container{position:relative; left:0;}
#outer_container .thumbScroller .content{float:left;}
#outer_container .thumbScroller .content div{margin:0px; height:100%;}
#outer_container .thumbScroller img{border:5px solid #000;}
#outer_container .thumbScroller .content div a{display:block; padding:5px;}

.nextImageBtn, .prevImageBtn{display:block; position:absolute; width:50px; height:50px; top:50%; margin:-25px 10px 0 10px; z-index:3; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
.nextImageBtn:hover,.prevImageBtn:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.nextImageBtn{right:0; background:#000 url(images/nextImgBtn.png) center center no-repeat;}
.prevImageBtn{background:#000 url(images/prevImgBtn.png) center center no-repeat;}