
* {margin: 0; padding: 0;}
	h1, h2, h3, h4, h5, h6, pre, code, input, select, textarea {font-size: 100%;}
	ul, ol {list-style: none;}
	input.button {cursor: pointer; cursor: hand;}
	img, fieldset {border: none;}
	table {border-collapse: collapse; border: none;}
	
	body {font: 11px/14px Tahoma, Verdana, sans-serif; text-align: center;}

	#wrapper {margin: 0 auto; width:978px; position:relative;}
	
	#box {width:978px; width:100%; height:700px; overflow:hidden; background:url(../img/box-bg-index.jpg) no-repeat;}
	#box .l {padding-top: 18px; text-align: center;}
    
    #lognhr {width:978px; overflow: hidden;}
	
	#hr {float: left; padding:30px 0px 0px 30px;}
	
	#login {float:right; width: 245px; height: 215px; background: url(../img/login-bg.jpg) no-repeat; padding:30px 75px 0px 0px;}
	#login .join-a {text-align: center; padding-top:6px; padding-bottom:12px; font-weight: bold;}
	#login .join-a a {font-size: 23px; vertical-align: middle; text-align: center; color:#2389aa; font-weight: bold;}
	#login td.lang select {color: #858585; border: 1px solid #dd8c48; width: 190px; margin-left: 10px;}
	#login td.inp {background: url(../img/in-bg.gif) no-repeat 0 50%;}
	#login td.inp input {color: #858585; border: 1px solid #f7fafa; background: #f7fafa; width: 185px;}
	#login td.remember {font-size: 10px; color: #fff; font-weight: bold; height: 20px;}
	#login td.remember *, #login td.butnfor * {vertical-align: top;}
	#login td.butnfor {height:20px;}
	#login td.butnfor a {font-size: 11px; color: #fff; font-weight: bold; height:39px;}
	#login table {width: 210px; font-size: 11px; color: #bab794; margin-left: 20px;}
	#login a {color: #bab794;}
	#login td {height: 30px; padding: -10px;//padding-bottom: 1px;}
	#login input {border: 1px solid #d0d0d0; padding: 2px; height: 18px;}
	#login .i {width: 132px;//width: 160px; height:11px; padding-top:3px; border: none; background:#f8f9fe;}
	#login .ii {width: 132px;//width: 160px; height:11px; padding-top:3px; border: none; background:#f8f9fe;}
	#login .chk {margin-right: 4px;//margin-right: -1px;//top: -4px;//left: -3px; position: relative; width: auto; height: auto; border: none;}
	#login .button { position:absolute; top:300px; left:705px; width:auto; height:auto; border: none;}
			.usr { background:#f7fafa; border: 1px solid #f7fafa; position:absolute; top:210px; left:705px; width: 160px; height:11px; padding-top:3px; }
			.forgot {position:absolute; top:302px; left:755px; font-weight:bold;}
			.bubble {background: url(../img/in-bg.gif); no-repeat 0 40%;}
			
	#features {width: 978px; font-size: 11px; font-family: Tahoma; color:#3d3d3d; text-transform: uppercase; margin-top:320px;}
	
	#meet h1  {float:left;left:300px;text-align:center;height30px;color: #2389aa;font-size:18px; margin-left:40px; }
	
	#features h2 {text-align:left; color: #000; font-size: 14px; margin: 0 0 8px 355px;}
	#features ul {margin-left: 355px;}
	#features ul li {text-align:left;padding: 3px 0;line-height:12px;color:#fff;font-size:12px;font-weight:bold;}

	#f2 {margin-left: 36px;}
	#f3 {margin-left: 72px;}
	#f4 {margin-left: 108px;}
	#f5 {margin-left: 144px;}
	#f6 {margin-left: 180px;}
	#f7 {margin-left: 216px;}

	#footer 
	{
		background: url(../img/footer-bg-index.jpg) no-repeat;
		color: #fff;
		height: 111px;
		text-align: left;
    	padding:0px 50px 0px 25px;
		margin-top:10px;
	}
	
	#footer p.links 
	{
		float: left;
		color: #fff;
		padding-left: 50px;
		line-height: 20px;
		font-weight: bold;
		margin-top: 10px;
	}

	#footer p.links a 
	{
		text-decoration: none;
		margin: 0 4px;
		color: #FFF;	
	}
	
	#footer p.cop 
	{
		float: right;
		font-size: 10px;
		color: #fff;
		line-height: 20px;
		padding-right: 50px;
		font-weight: bold;
		margin-top: 10px;	
	}
	
a.button
{
	float:left;
	font-size:18px;
	font-weight:bold;				
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	color:#ffffff;		
	width:auto;
	height:auto;
	text-decoration: none;
	text-align: center;
	padding-bottom: 100px;
}
	
a.button:hover
{	
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #999;
	border-bottom:1px solid #999;	
	color:#333;					
}	

a.button span
{
	background:#d4d0c8 url(images/bg_btn.gif) repeat-x;			
	float:left;
	padding:0 10px;							
	border-right:1px solid #777;
	border-bottom:1px solid #777;
	text-align: center;					
}	
	
a.button:hover span
{
	border:none;						
	border-top:1px solid #777;
	border-left:1px solid #777;		
	background:#d4d0c8 url(images/bg_btnOver.gif) repeat-x;	
	cursor:pointer;	
	text-align: center;
}
	
	


