@charset 'utf-8';
@import url(reset.css);

/* ----------------------------------------------------- Comment */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */
html {

}

#landingbox {     width:600px;     height:500px;     overflow:hidden;     border:none;     frameborder:none; }

#logout {
	background:url(../images/logout_background.jpg) no-repeat;
	background-position:center top;
	color:#eeeeee;
	font-family:Arial;
    font-size:12px;
}

h1, h2, h3
{
	font-size:22px;
	font-weight:bold;
}

p
{
	padding-top:0.5em;
	padding-bottom:0.5em;
	line-height:1.5em;
}
a
{
	color:white;
	text-decoration:none;
}
input {
  border: 0 none;
  border-radius: 2px 2px 2px 2px;
  box-shadow: 0 0 1px 1px #000000;
  font-size: 14px;
  padding: 2px;
}

table {
  border-spacing: 2px;
  margin: 0 auto;
}

.floating
{
	float:left;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
}

.clear
{
	clear:both;
}


.clickable
{
	cursor:pointer;	
}

#signup_error
{
	color:red;
	padding:5px;
}




#top-spacer
{
	height:220px;
}

#header
{
	margin:0 auto;
	margin-top:30px;
	width:750px;
	height:60px;
    position:relative;
}

#footer
{
	margin:0 auto;
	margin-top:370px;
	width:600px;
	font-size:12px;
    position:relative;
    
}

#registerbox
{
	background:url(../images/background_register.png) no-repeat;
    width:400px;
    height:266px;
    left:190px;
    top:-130px;
    text-align:left;
    margin: 0 auto;
    font-size:12px;
    padding-top:5px;
    padding-right:10px;
    position:absolute;
	z-index:2000;
}

#loginbox
{
    width:400px;
    height:50px;
    left:0px;
    top:-293px;
    text-align:right;
    margin: 0 auto;
    font-size:12px;
    padding-top:5px;
    padding-right:10px;
    position:relative;
}

#logout_loginbox {
  font-size: 12px;
  height: 200px;
  left: 600px;
  margin: 0 auto;
  padding-right: 10px;
  padding-top: 5px;
  position: absolute;
  text-align: right;
  top: -183px;
  width: 200px;
}



#content
{
	width:650px;
	height:500px;
	text-align:center;
	margin: 0 auto;
}

#content2
{
	font-size:12px;
	line-height:1.5em;
	padding:20px;
}

#thegame
{

}

#content-header
{
	height:200px;
}
#playnow
{
	margin: 0 auto;
	cursor:pointer;
	width:231px;
	height:112px;
	background:url(../images/play_btn.png) no-repeat;
}

#playnow:hover
{
	margin: 0 auto;
	
	width:231px;
	height:112px;
	background:url(../images/play_btn_mo.png) no-repeat;
}

#flashlights_1 {
	background: url("../images/flashlights_1.gif") no-repeat scroll 0 0 transparent;
	height: 109px;
	left: -158px;
	position: absolute;
	top: -117px;
	width: 202px;
}

#flashlights_2 {
	background: url("../images/flashlights_2.gif") no-repeat scroll 0 0 transparent;
	height: 193px;
	left: -5px;
	position: absolute;
	top: 81px;
	width: 240px;
}

#flashlights_3 {
	background: url("../images/flashlights_3.gif") no-repeat scroll 0 0 transparent;
	height: 199px;
	left: 453px;
	position: absolute;
	top: -66px;
	width: 134px;
}

#flashlights_4 {
	background: url("../images/flashlights_4.gif") no-repeat scroll 0 0 transparent;
	height: 212px;
	left: 795px;
	position: absolute;
	top: -5px;
	width: 212px;
}

#flashlights_5 {
    background: url("../images/flashlights_5.gif") no-repeat scroll 0 0 transparent;
    height: 124px;
    left: 679px;
    position: absolute;
    top: 239px;
    width: 136px;
}

#beng_1 {
	background: url("../images/beng_1.gif") no-repeat scroll 0 0 transparent;
	height: 234px;
	left: -352px;
	position: absolute;
	top: -99px;
	width: 194px;
}

#beng_2 {
	background: url("../images/beng_2.gif") no-repeat scroll 0 0 transparent;
	height: 227px;
	left: 723px;
	position: absolute;
	top: -249px;
	width: 181px;
}

.button_register
{
    margin: 0 auto;
    width:266px;
    height:71px;
    top:134px;
    left:-7px;
    position:relative;
    background:url(../images/button_register.gif) no-repeat;
}

.button_register:hover
{

    background:url(../images/button_register_mo.jpg) no-repeat;
}

.button_login
{
    margin: 0 auto;
    width:266px;
    height:71px;
    top:-152px;
    left:340px;
    position:relative;
    
    background:url(../images/button_login.jpg) no-repeat;
}

.go_button
{
	line-height:30px;
    background:url(../images/ok_button.png) no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
	width:39px;
	height:35px;
	border-radius: 0;
	box-shadow: 0px 0px 0px;
}

.go_button:hover
{
	line-height:30px;
    background:url(../images/ok_button_mo.png) no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
	width:39px;
	height:35px;
	border-radius: 0;
	box-shadow: 0px 0px 0px;
}

#go_button_register
{
	line-height:30px;
    background:url(../images/button_send_register.png) no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
	width:181px;
	height:45px;
	border-radius: 0;
	box-shadow: 0px 0px 0px;
}

#go_button_register:hover
{
	line-height:30px;
    background:url(../images/button_send_register_mo.png) no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
	width:181px;
	height:45px;
	border-radius: 0;
	box-shadow: 0px 0px 0px;
}

#close_register
{
	background:url(../images/button_register_close.png) no-repeat;
	width:23px;
	height:23px;
	position:absolute;
	top:6px;
	left:370px;
}

.messagebox{

    background:#aaaaaa;
    color:#000;
    text-align:left;
    width:250px;
    padding:2px;
    top:0px;
    left:240px;
    margin: 0 auto;
    position:absolute;
    z-index:10000;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow:0px 0px 28px #000;
    -webkit-box-shadow:0px 0px 28px #000;
    box-shadow:0px 0px 28px #000;
}
.messagebox div
{
    
    padding:4px;
    padding-bottom:16px;
}
#messagebox_content
{
    height:30px;
}

.link_button
{
    background:#333;
    cursor:pointer;
    border-radius: 2px;
    box-shadow: 0 0 1px 0px #000000;
    padding:10px;    
    color:#fff;
}

#screenshots
{
    cursor:pointer;
}

#lightbox {
  background-image: url("../images/screen01.jpg");
  box-shadow: 0 0 18px 11px #000000;
  height: 510px;
  position: absolute;
  top: -160px;
  width: 800px;
  z-index: 2001;
  cursor:pointer;
}

#beta_stamp
{
    background:url(../images/closed_beta.png);
    width:196px;
    height:193px;
    left: 140px;
    position: absolute;
    top: -610px;
}

#lightbox_closer
{
    background:url(../images/child_close.png);
    width:32px;
    height:32px;
    position:absolute;
    top:-15px;
    right:-15px;
}

.lightbox_closer
{
    background:url(../images/child_close.png);
    width:32px;
    height:32px;
    position:absolute;
    top:-15px;
    right:-15px;
}
.contentBox {
	display:none;
	  box-shadow: 0 0 18px 11px #000000;
	  height: 390px;
	  position: absolute;
	  top: -10px;
	  width: 675px;
	  z-index: 10;
	  cursor:pointer;
	  background:#333;
	  padding:10px;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	-khtml-border-radius:10px;
	  border: 1px solid #444;
}
#about 
{

}

#features 
{

}
#story 
{

}

#login_label
{
    background:url(../images/login.png);
    width:39px;
    height:15px;
    position:absolute;
    top:14px;
    left:5px;
}

#username {
    position:absolute;
    left:50px;
    top:10px;
	width:145px;
}

#password {
    position:absolute;
    left:205px;
    top:10px;
	width:145px;
}

#logout_loginbox #username {
	left: 7px;
	top: 50px;
}

#logout_loginbox #password {
	left: 7px;
	top: 90px;
}

#logout_loginbox .go_button {
	left: 157px;
	position: absolute;
	top: 130px;
}

#logout_loginbox .go_button:hover
{
	line-height:30px;
    background:url(../images/ok_button.png) no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
	width:39px;
	height:35px;
	border-radius: 0;
	box-shadow: 0px 0px 0px;
}

.button_startpage
{
	background: url("../images/startpage.png") no-repeat scroll 0 0 transparent;
	height: 45px;
	left: 183px;
	margin: 0 auto;
	position: absolute;
	top: 137px;
	width: 179px;
}

.button_startpage:hover
{
    background:url(../images/startpage_mo.png) no-repeat;
}

#logout_info {
	height: 200px;
	left: 210px;
	position: absolute;
	top: -190px;
	width: 370px;
}

#ad {
	left: 200px;
	position: absolute;
	top: 30px;
}