﻿
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }
:focus { outline:0; }

td 
{
    vertical-align:top;
}


body {
	text-align:center;
	font-size:14px;
	color:#006699;
	font-family:"Lucida Sans Unicode";
	background:#ffffff url(../images/bg_body_sm.jpg) repeat scroll left top;
}

div#preload {
	display: none;
}
.left {
	float:left;
	width:850px;
}
.right {
	float:right;
}
.clear {
	clear:both;
	height:0;
	line-height:0;
}

a:link {color:#3399cc;}     
a:visited {color:#3399cc;}  
a:hover {color:#3399cc;}  
a:active {color:#3399cc;}  




/*header*/

.top_bg {
	background:transparent url(../images/bg_header.jpg) no-repeat scroll center top;	
	min-width:1100px;
	height:480px;	
	margin-left: auto;
	margin-right: auto;
	border:0px solid #330000;
}

.header {
	text-align: center;
	width: 818px;
	padding-top: 275px;		
	margin-left: auto;
	margin-right: auto;
	
}
.header a {
	float:left;
	margin:0 5px;
}
.header a div {
	width:194px;
	height:82px;
	cursor:pointer;
	
}
.header a.game div {
	background:transparent url(../images/bg_button_game.png) no-repeat scroll left top;
}
.header a.news div {
	background:transparent url(../images/bg_button_contest.png) no-repeat scroll left top;
}
.header a.about div {
	background:transparent url(../images/bg_button_about.png) no-repeat scroll left top;
}
.header a.support div {
	background:transparent url(../images/bg_button_support.png) no-repeat scroll left top;
}
.header a.game:hover div {
	background:transparent url(../images/bg_button_game_over.png) no-repeat scroll left top;
}
.header a.news:hover div {
	background:transparent url(../images/bg_button_contest_over.png) no-repeat scroll left top;
}
.header a.about:hover div {
	background:transparent url(../images/bg_button_about_over.png) no-repeat scroll left top;
}
.header a.support:hover div {
	background:transparent url(../images/bg_button_support_over.png) no-repeat scroll left top;
}



/*main*/



.main {
	width:1100px;
	margin-top: -50px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border: 0px solid #33000;
}

.column_image 
{
    text-align:left;
	position:relative;
	width:292px;
	border:0px solid #cc0000;
	padding-top:0px;
}

.main .column_image .soon{
	position:absolute;
	left:-57px;
	top:-30px;
	border:0px solid #ff0000;
	z-index:1000;
}

.main .column_image .medal{
	position:absolute;
	left:175px;
	top:-50px;
	border:0px solid #ff0000;
	z-index:1000;
}

.text {
	width:510px;
	padding-left:30px;
	vertical-align:top;
	
}

.text .wide {
	width:780px;
	vertical-align:top;
	padding-left:0px;
}
.text h1 {
	font-size: 26px;
	font-family:Arial;
	font-weight: normal;
	margin-bottom:15px;
}

.text h1 a {
	text-decoration:none;
	color:#006699;
}	
	
.text .features {
	font-size: 16px;
	line-height: 21px;
}
.text .features a
{
    
	text-decoration:none;
	color:#3399cc;
}
.text .features li
{
    
	list-style:circle;
	list-style-position:inside;
	text-align:left;
	margin-top:5px;
	font-size: 14px;
	line-height: 16px;
	
}
.text p 
{
   
	text-align:justify;
	color:#003366;
	font-size: 15px;
	line-height: 19px;
	margin-bottom:15px;
}
.links {
	margin-left:-15px;	
	border:0px solid #ff0000;
	vertical-align:top;	
}
.links img {
	margin-bottom:0px;
}









/*right*/
.main .newsletter {
	background:transparent url(../images/bg_newsletter.png) no-repeat scroll top left;
	width:191px;
	height:68px;
	position:relative;
	margin-right:5px;
}
.main .newsletter label{
	left: 60px;
	position: absolute;
	top: 7px;
	color:#275a75;
	font-size:12px;
}
.main .newsletter input[type=text]{
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	left: 47px;
	position: absolute;
	top: 39px;
	color:#999999;
	font-size:11px;
	width:135px;
}
.main .newsletter input[type=button]{
	background: transparent url(../images/bg_button_ok.png) no-repeat scroll top left;
	border: medium none;
	right: -3px;
	position: absolute;
	top: 55px;
	width:52px;
	height:28px;
	cursor:pointer;
}
.main .twitter {
	
	width:191px;
	height:69px;
	position:relative;
	margin-top:20px;
	margin-right:5px;
}

.main .facebook {
	
	width:191px;
	height:69px;
	position:relative;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:35px;
}


.main .contest {
	color:#339933;
	text-align:justify;
	width:196px;
	padding-top:35px;
	font-size:14px;
	
	
}
.main .feedback {
	color:#3399cc;
	text-align:justify;
	width:196px;
	padding-top:50px;
	font-size:14px;
	
	font-family:Arial;
}
.main .feedback a{
	color:#3399cc;	
	text-decoration:none;
}
.main .author {
	font-size:11px;
	text-align:right;
	margin-top:5px;
	color:#3399cc;
}
.main .author a
{
    
	text-decoration:none;
	color:#3399cc;
}

.box 
{
    
	background:transparent url(../images/box_bg.png);
	background-repeat:no-repeat;
    background-position:center; 
    width:150px;
	height:150px;
	border:0px solid #cccc00;
	padding-left:0px;
	padding-top:35px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}




.read {
	margin-top:-10px;	
	text-align:right;
}
.main .read img {
	margin-right:5px;
	vertical-align:middle;
}
.main .read a {
	text-decoration:none;
	color:#006699;
}
.main .right .read {
	text-align:right;
	margin-top: 10px;
	margin-bottom:20px;
}

/*footer*/
.footer 
{
    
	background:transparent url(../images/bg_footer.png) repeat-x scroll center  bottom;
	height:903px;
	padding-bottom:55px;
	width:100%;
	text-align:center;
	border:0px solid #cc0000;
}
.footer .back {
	background:transparent url(../images/bg_footer_image_center.png) no-repeat scroll center bottom;
	min-height:903px;
	width:100%;
	text-align:center;
	
	
}
.footer .back_right {
	background:transparent url(../images/bg_footer_image_right.png) no-repeat scroll right bottom;
	min-height:903px;
	width:100%;
	text-align:center;
	padding-top:50px;
	
}

.footer .footer_block {
	
	height:430px;
	padding-top:450px;
	width:1100px;		
	text-align:left;
	margin-left:auto;
    margin-right:auto;
    border:0px solid #336699;
}


.footer .footer_block .links 
{
    margin-left:auto;
    margin-right:auto;
    width:1100px;
	color:#ffffff;
	font-size:13px;
	text-transform:uppercase;
	

	
}
.footer .back .links a {
	color:#ffffff;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
}
.footer .back .copy 
{
    width:1100px;
    text-align:left;
	color:#99ccff;
	font-size:12px;
	margin:210px 0 40px;
	
}
.footer .back .contact a {
	float:left;
	margin-right:10px;
}
.footer .back .contact a div {
	height:29px;
	cursor:pointer;
}
.footer .back .contact a.twitter div {
	background:transparent url(../images/twitter.png) no-repeat scroll center top;
	width:21px;
}
.footer .back .contact a.facebook div {
	background:transparent url(../images/facebook.png) no-repeat scroll center top;
	width:18px;
}
.footer .back .contact a.email div {
	background:transparent url(../images/email.png) no-repeat scroll center top;
	width:33px;
}




div.contests a:focus, div.contests a:hover, div.contests a:active {
	text-decoration: none;
	font-size:20px;
	color:#336699;
}	






.sform 
{
  width:800px;
	height:700px;
	 margin-left:auto;
    margin-right:auto;
    
	  }
	  

.sinput1  {
	background:transparent url(../images/support_input.png) no-repeat scroll top right;
	width:621px;
	height:80px;
	position:relative;
	
	
}
.sinput1 .label{
	left: 0px;
	position: absolute;
	top: 16px;
	font-family:Arial;
	font-weight:bold;
	color:#3399cc;
	font-size:18px;
	width:100px;
	
}

.sinput1 input[type=text]{
	background:  none repeat scroll 0 0 transparent;
	left: 110px;
	position: absolute;
	top: 12px;
	font-family:Arial;
	color:#999999;
	font-size:18px;
	width:500px;
	height:30px;
	border:0px;
	
}


.sinput3  {
	background:transparent url(../images/support_input2.png) no-repeat scroll top right;
	width:621px;
	height:350px;
	position:relative;
	
	
}
.sinput3 .label{
	left: 0px;
	position: absolute;
	top: 16px;
	font-family:Arial;
	font-weight:bold;
	color:#3399cc;
	font-size:18px;
	width:100px;
	
}

.sinput3 textarea{
	background:  none repeat scroll 0 0 transparent;
	left: 110px;
	position: absolute;
	top: 12px;
	color:#999999;
	font-family:Arial;
	
	font-size:18px;
	width:500px;
	height:320px;
	border:0px;
	resize: none;
	overflow: auto;
}



.ssend input[type=submit]{
	background: transparent url(../images/support_send.png) no-repeat scroll top left;
	border: 0px;
	left:395px;
	position: relative;
	top: 20px;
	width:232px;
	height:89px;
	cursor:pointer;
}

.sform .note
{
    width:700px;
    text-align:justify;
    position: relative;
    top :55px;
    color :#3399cc;
	font-family:Arial;
	font-size:18px; 	
    }
    
    
 .sform .note a
{
   
    color :#3399cc;
	text-decoration:underline;
    }