body { 
	text-align:center; 
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#333333;
}

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

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

/*----------------link----------------------*/
a.a1{
	color:#000000;
	text-decoration:none;
}

/*-------------------------------------------*/

#main_container {
	display:block;
	width:800px;	
	padding:0px;
	margin:2px auto;
/*	background-image:url(../images/user/orange.gif);*/
	
	background-repeat: no-repeat;
	background-position: right bottom;

	background-color:#FFFFFF;
	border:2px solid #999999;
	overflow:hidden;
	text-align:center;
	position:relative;
	
	
}

#content_area{
	text-align:left;
	/*	margin:0px auto;*/
	width:780px;
	position:relative;
	height:436px;
	display:block;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;	
	
}

#content_area_out{
	text-align:left;
	margin:0px auto;
	width:790px;
	padding:5px;
	position:relative;
	height:450px;
	display:block;
	z-index:3;
}

#container{
	margin-left:30px;
	padding-top:10px;
	padding-bottom:10px;
}

#content_box{
	text-align:left;
	margin:1px auto;
	width:770px;
	padding:5px;
	position:relative;
	height:430px;
	border:solid 1px #CCCCCC;
	display:block;
	
	background-color:#FFFFFF;
	opacity:0.9; filter:alpha(opacity=90);
	
}

#content{
	overflow:auto;
	width:98%;
	height:410px;
	padding:5px;
}



#menu_area{
	position:relative;
	bottom:0px;
	width:100%;
	display:block;
	position:relative;
	margin:0px;
	padding:0px;
	height:30px;
	background-color:#666666;
	opacity:0.7; filter:alpha(opacity=70);
	z-index:4;
}

#menu{
	margin:0px;
	padding:0px;
}
#menu li{
	width:70px;
	height:30px;
	display:block;
	padding-right:2px;
	float:left;
	list-style-type:none;
}

#menu li a,#menu li a:visited{
	padding-top:2px;
	text-align:center;
	font-size:12px;
	width:80px;
	height:30px;
	display:block;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#menu li a:hover{
	color: #FFFFFF;
	background-color: #003399;	
}

#menu a.curr{
	background-color: #003399;	
	color:#FFFFFF;	

}

#copyright{
	color: #FFFFFF;
	text-align: right;
	vertical-align:bottom;
	height: 30px;
	display:block;
	font-weight:bold;
}

#copyright a{
	color:#FFFFFF;
	text-decoration:none;
	padding-right:2px;
}

#copyright a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	padding-right:2px;
}


#button_box{
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	width:25px;
	padding:3px 0px;
	
	z-index:99;
}

#button_box a{
	display:block;
	width:15px;
	height:15px;
	margin:5px auto;
	text-decoration:none;
	border:solid 1px #FFFFFF;
}
#button_box a:hover{
	width:20px;
	height:20px;
}
#bg_big{
	display:block;
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
}
#bg_big_shield{
	display:block;
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
	width:1000px;
	height:550px;
	background-image: url(../images/bg-img.gif);
	background-repeat: repeat;	

}
#bg_big_loading{
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;	
	margin:6px 3px;
	display:none;

}
/*---------------Shout Box------------------------*/
#content_box2{
	text-align:left;
	margin:1px auto;
	width:770px;
	padding:5px;
	position:relative;
	height:430px;
	/*border:solid 1px #CCCCCC;*/
	display:block;
}

#shout_list{
	width:640px;
	height:270px;
	margin-bottom:3px;
	overflow:auto;
	padding:2px;
	border: 1px solid #666666;
	vertical-align:middle;
	text-align:center;
}


#shout_box{
	width:640px;
	height:130px;
	border:solid 1px #CCCCCC;
	background-color:#FFFFFF;
	padding:2px;
	opacity:0.95;
	filter:alpha(opacity=95);
}


#shout_form{
	width:99%;
	
}

#smile_area{
	width:99%;
	padding:2px;
}




.shout{
	background-color:#FFFFFF;
	opacity:0.95;
	filter:alpha(opacity=95);
	width:97%;
	margin-bottom:4px;
	padding:2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

.shout_content{
	color:#000000;
	text-align:left;
}

.shout_content a{
	color:#000000;
	text-decoration:underline;
}

.shout_time{
	color:#666666;
	font-size: 10px;
	padding-top:2px;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
}

/*-------------------contact us----------------*/
.contact_us{
	background-image:url(../images/mail.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/*---------------portfolio-------------------*/
#content_box4{
	text-align:left;
	margin:1px auto;
	width:680px;
	padding:5px;
	position:relative;
	height:430px;
	border:solid 1px #CCCCCC;
	display:block;
	
	background-color:#FFFFFF;
	opacity:0.9; filter:alpha(opacity=90);
}

#content4{
	overflow:auto;
	width:98%;
	height:410px;
	padding:5px;
}

.portfolio{
	width:580px;
	padding:10px;	
	border:solid 1px #FF9900;
}


.portfolio_title{
	font-weight:bold;
	width:99%;
	border-bottom:solid 2px #999999;
}

.portfolio_description{
}


.portfolio_img{
	margin-top:8px;
}

.portfolio_img a img{
	width:115px;
	height:75px;
	opacity:0.8; filter:alpha(opacity=80);
}

.portfolio_img a:hover img{
	width:115px;
	height:75px;
	opacity:1.0; filter:alpha(opacity=100);
}

.portfolio_img a{
	width:115px;
	height:75px;
	padding:0px;
	border:none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border:solid 1px #FFFFFF;
	
}

.portfolio_img a:hover{
	width:115px;
	height:75px;
	
}

.portfolio_header{
	font-size:24px;
	font-weight:bold;
	position:absolute;
	padding-left:2px;
	padding-right:2px;
	top:0px;
	left:0px;
	height:420px;
	background-color:#666666;
	color:#FFFFFF;
	opacity:0.9; filter:alpha(opacity=90);
}

/*------------links--------------*/
#links{
	width:99%;
}

.link_category{
	width:98%;
	padding:5px;
}
.link_category_title{
	display: block;
	width: 99%;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #0066FF;
	font-weight: bold;
	color: #333333;
	font-size: 14px;
}

.link_list{
}

.link_list ul{
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:3px;
	margin-top:3px;
	list-style-image: url(../images/Star.gif);
}

.link_list li{
}

.link_list ul li a{
	color: #666666;
	text-decoration: none;
	width:98%;
	display:block;
	border: 1px solid #FFFFFF;
}

.link_list ul li a:hover{
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0033CC;
	font-size: 14px;
	background-color: #DDDDDD;
}
/*-----------About--*/
.about{
	background-image: url(../images/about.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
/*----------lengkung-----*/
#corner h1, #corner h2, #corner p {margin:0 10px; letter-spacing:1px;}
#corner h1 {font-size:1.5em; color:#999999;}
#corner h2 {font-size:1em;color:#06a; border:0;}
#corner p {padding-bottom:0.5em;}
#corner h2 {padding-top:0.5em;}
#corner {
	background: transparent;
	margin:2px;
	width: 820px;
	text-align: center;
	margin:2px auto;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FFFFFF; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {
	display:block;
	border:0 solid #08c;
	border-width:0 1px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height:500px;
	
}