@charset "utf-8";
/* CSS Document */
html, body {height: 100%; margin: 0; padding: 0}
body {
display: table;
height: 100%;
width: 100%;
text-align: center/*for IE5 win*/;
font:12px Arial, Helvetica, sans-serif;
}
body img {border:none}
a:link, a:visited	{text-decoration:none}
#wrapper {
display: table-cell;
vertical-align: middle;
}
#centered {
margin: 0 auto;
}
div#centered {
margin-top: expression((
document.documentElement.offsetHeight/2)
-(parseInt(offsetHeight)/2) <0 ? "0" :
(document.documentElement.offsetHeight/2)
-(parseInt(offsetHeight)/2) +'px') ;}
-->
body					{background-color:#000; font-family:Arial; color:#fff}
.page				{position:relative; width:825px; height:592px; margin:0 auto; background-color:#000; border:1px solid #646464}
#header				{position:absolute; z-index:2; top:0; left:0; width:100%; height:122px}
#header .logo		{float:left; width:221px; padding:0 0 0 41px; margin:34px 0 0 0}
#menu				{position:absolute; top:51px; right:43px; margin:0; padding:0}
#nav_main 			{} 
#sticker			{float:left; position:relative; margin:0; padding:0; width:153px; height:153px}
#sticker a:link,
#sticker a:visited	{display:block; position:absolute; width:153px; height:152px}
.stick1 				{top:0; left:0}
.stick2 				{top:-8px; left:14px}
.stick3 				{top:-12px; left:25px}
.stick1:hover		{background:url(images/sticker.jpg) no-repeat 0 0}
.stick2:hover		{background:url(images/sticker.jpg) no-repeat 0 -153px}
.stick3:hover		{background:url(images/sticker.jpg) no-repeat 0 -306px}
#sticker .title		{position:absolute; top:45px; left:35px; padding:0; color:#000; font-size:14px; font-weight:700; text-align:left}
#sticker label		{display:block; width:88px; padding:3px 0; border-bottom:2px solid red}
#sticker label span	{color:red}
#sticker p			{margin:8px 0; padding:0; font-size:13px; text-align:center}
#content			{position:relative; z-index:1; background:url(images/bg.jpg) no-repeat; height:557px; font-size:0}
#content .text-1		{position:absolute; top:215px; left:410px; width:300px; color:#fff; font-size:22px; font-weight:700; text-align:center}
#content .text-2		{position:absolute; bottom:10px; left:250px; color:#000; font-size:13px; font-weight:700}
#footer				{padding:0; margin:0} 
#about				{float:left; margin:5px 0 0 10px; height:25px}
#about .btn_l		{float:left; background:url(images/btn_l.jpg) no-repeat; width:15px; height:25px}
#about .btn_c		{float:left; background:url(images/btn_c.jpg) repeat-x; height:25px; line-height:25px}
#about .btn_r		{float:left; background:url(images/btn_r.jpg) no-repeat; width:15px; height:25px}
#about a:link,
#about a:visited		{color:#b5e5e7; font-weight:700; text-transform:uppercase; padding:0 10px}
#about a:hover		{color:#fff}	
#join				{float:right; font-weight:700; margin:12px 10px}
a.joinlink:link,
a.joinlink:visited 	{display:block; color:#fff; font-size:11px; text-transform:uppercase; padding:0 0 0 1px}
a.joinlink:hover 	{color:red}


#copyright {
	margin:5px 0px 2px 10px;
	width:140px;
	height:10px;
	z-index:1;
	font-size:10px;
	padding:40px 0px 0px 0px;
}