/* General Style Info 
    use by frontpage/index only
*/
a{
color:#003d4c;
text-decoration:underline;
}
a:hover{
color:#003d4c;
text-decoration:none;
color: orange;
text-transform: uppercase;
}
a img{
border:none;
}
/*contents*/
.loginbox {
	border: 1px solid #99CC00;
	position:absolute;
	/*left:13px;*/
/*	top:120px;*/
	width:232px;
	height:268px;
	z-index:2;
	padding: 1px;		
}
.leftmenubox{
	border: 1px solid #CCCCCC;
	position:absolute;
	left:13px;
	top:120px;
	width:130px;
	height:268px;
	z-index:2;
	padding: 2px;	
}
.loginhead {
	height:40px;
	width: 230px;
	background-color:#99FF00;
	text-indent: 3px;
	padding: 20px 1px 1px;	
}
.logincontent{
	text-indent:3px;
	background-color:#FF6600;
}
.online_chat_box {
	border:1px solid #99cc00;
	position:absolute;
	left:19px;
	top:395px;
	width:228px;
	height:70px;
	z-index::3;
	padding:0 0 0 5px;	
}
.serverstatusbox{
	border: 1px solid #99CC00;
	position:absolute; 
	left:19px; 
	top:475px; 
	width:228px; 
	height:90px; 
	z-index:3;
	padding:1px 0 0 5px;
}
.email_friend_box{
	border: 1px solid #99CC00;
	position:absolute; 
	left:19px; 
	top:575px; 
	width:228px; 
	height:50px; 
	z-index:3;
	padding:1px 0 0 5px;
}
.counter_box{
    border: 1px solid #99CC00;
	visibility: hidden;
	position:absolute;
	left:13px;
	top:615px;
	width:160px;
	height:70px;
	z-index:3;
	padding:5px 0 0 5px;
}
.form_email_friend{
	border: 1px solid #99CC00;
	position:absolute; 
	background-color: #DDDDDD;
	left:300px; 
	top:260px; 
	width:428px; 
	height:260px; 
	z-index:60;
	padding:1px 0 0 0px;
}
#googlesearchbox{
	position:relative;
	width:400px;
	left:240px;
	padding:0px 0px 2px 2px;
}
.mainbox{
	border: 1px solid #CCCCCC;
	position:relative;
	left:245px;
	/*top:160px;*/
	width:555px;
	height:250px;
	z-index:4;
	background-image: url(../img/frontpage/router1.png);
	background-repeat: no-repeat;
	background-color: #DCDCDC;
	padding:1px 1px 1px 200px;
	background-position: 20px 70px;
}
.contentbox{
	border: 1px solid #CCCCCC;
	position:relative;
	left:337px;
	top:120px;
	width:643px;
	height:250px;
	z-index:4;
	background-repeat: no-repeat;
	border:1px solid;
	padding:1px 1px 1px 11px;
	
}
#container{
	left:10px;
	top:10px;
	width:1024px;
	/*height:610px;*/
	border:1px solid #CCFF99;
	background-image: url(../img/background.png);
	background-repeat:repeat-x;

}
#content{
	clear:both;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
	color: #333;
}
#footer{
clear:both;
padding: 6px 10px;
text-align: right;
position:relative;
width:980px;
font-size:12px;
}
#secondbox{
	position:absolute;
	left:337px;
	top:390px;
	width:643px;
	height:250px;
	z-index:4;

}
.redfont {
	color: #FF0000;
}
.detailssmall {
	font-size: 12px;
}
.headimage {
	position:relative; 
	left:13px; 
	top:19px; 
	width:350px; 
	height:93px; 
	z-index:1; 
	border: 1px none #000000;
	background-image: url(../img/frontpage/indohotspotblack.gif);
	background-repeat: no-repeat;
	
}
#moreinfolink{
	position:relative; 
	left:155px; 
/*	top:387px; */
	width:800px; 
	height:27px; 
	z-index:5;
	text-align:right;
}
#newsbox{
	border: 1px solid #99CC00;
	left:245px;
	width:390px;
	position:relative;
	display:block;
	overflow:hidden;
	float:left;
	font-size: small;
}	
#newshead{
	background-color:#DDDDDD;
	background-image: url(../img/subhead_bg3.gif);
	height:20px;
	padding:0 0 3px 0;
}
#tutorialbox{
	border: 1px solid #99CC00;
	width:360px;
	left:1px;
	position:relative;
	overflow:hidden;
	float:right;
	font-size:small;
}