@charset "utf-8";
/* CSS Document */
a:link {
	text-decoration: none;
	color: #393;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #F00;
}
a:active {
	text-decoration: none;
}
body
{
	background-color: #CDCDCD;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 14px;}

#container
{
	position: relative;
	top: 0px;
	width: 1024px;
	min-height: 850px;
	background-color: #Fff;
	top: 3px;
	margin: 0px auto;
}
#heada
{
	position:relative;
	top: 0px;
	width: 1024px;
	height: 150px;
	}
#menu
{
	position:relative;
	top: 0px;
	width: 1024px;
	height: 30px; 
	background-color:#393;
	border-top: #000 solid 2px;
	}
#menu ul
{ display:inline-block;
}
#menu  li
{
	list-style:none;
	display:inline;
	margin: 20px 20px;}
	#menu li a
{ color: #FFF; }
#mainarea{
	position:relative;
	top: 3px;
	width: 1024px;
	min-height: 200px;
}
#mainarea2{
	position:relative;
	top: 2px;
	width: 1024px;
	min-height: 180px;
}
fieldset
{
	margin-top: 1em;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
padding: 5px;
border: #aaa solid 1px;
padding: 1.5em;
background: #eee;
text-shadow: 0 1px 0 #fff;
-moz-box-shadow: 1px 1px 2px #fff inset;
-webkit-box-shadow: 1px 1px 2px #fff inset;
box-shadow: 1px 1px 2px #fff inset;
}

fieldset legend {
	font-weight: bold;
	color: #444;
	padding: 5px 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #aaa;
	background-color: #fff;
	-moz-box-shadow: 3px 3px 15px #bbb;
	-webkit-box-shadow: 3px 3px 15px #bbb;
	box-shadow: 3px 3px 15px #bbb;
	left: 31px;
	top: 642px;
}
	
#form
{
	text-indent: 21px;
	}

fieldset {
display: block;
-webkit-margin-start: 2px;
-webkit-margin-end: 2px;
-webkit-padding-before: 0.35em;
-webkit-padding-start: 0.75em;
-webkit-padding-end: 0.75em;
-webkit-padding-after: 0.625em;
width: 750px;
margin: 0px auto;
}

.ttt1
{
	position:absolute;
	width: 428px;
	left: 501px;
	top: 65px;
	height: 26px;
}

.ttt2
{
	position:absolute;
	width: 398px;
	left: 82px;
	top: 123px;
	height: 67px;
}
#ttt4
{
	position: absolute;
	width: 191px;
	left: 70px;
	top: 78px;
	height: 107px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-color: #F8F8F8;
	;
}
#ttt5
{
	position: absolute;
	width: 191px;
	left: 365px;
	top: 82px;
	height: 107px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-color: #F8F8F8;
	;
}
#ooo
{
	position: absolute;
	width: 191px;
	left: 646px;
	top: 84px;
	height: 107px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-color: #F8F8F8;
	;
}

#instruction
{ width: 600px;
height: auto;
margin: 0px auto;}

#ooo2
{
	position:absolute;
	width: 191px;
	left: 498px;
	top: 219px;
	height: 54px;
}
#aal
{
	position:absolute;
	width: 325px;
	left: 336px;
	top: 356px;
	height: 64px;
}

#pix{
	position:absolute;
	width: 725px;
	left: 85px;
	top: 296px;
}
#ppp4
{
	position: absolute;
	width: 191px;
	left: 70px;
	top: 50px;
	height: 107px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-color: #F8F8F8;
	;
}
#ppp5
{
	position: absolute;
	width: 191px;
	left: 365px;
	top: 48px;
	height: 107px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-color: #F8F8F8;
	;
}
#ppp6
{
	position: absolute;
	width: 191px;
	left: 646px;
	top: 48px;
	height: 107px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-color: #F8F8F8;
	;
}
#foota
{
	position: relative;
	top: 45px;
	width: 1024px;
	height: 30px;
	text-align: center;
	background: #F00;
	color: #FFF;
}
.ast
{ color:#F00}

.reg
{ width: 350px; height:auto; float: left;}
.login
{ width: 600px; height:auto; float:right; text-align:center}