@CHARSET "UTF-8";
body{
	
	font-family: Arial, Tahoma, Vedana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller
{

    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    overflow:auto;
    z-index:2;
}
a, img{	outline: none;}
a:link, a:visited{
	color: #000;
	text-decoration: underline;
}
a:hover{
	border-bottom: dotted 1px #730000;
	color: #730000;	
	text-decoration: none;
}

#container{
    
	height: auto !important;
	position: relative;
	
}
#header_wrap{
	border-bottom: solid 10px #730000;
}
#header{
	height: 155px;
	margin: 0 auto;
	position: relative;
	
}
a#twitter:link, a#twitter:visited{
	background: url(../img/twitter.gif) 0 0 no-repeat;
	display: block;
	height: 35px;
	position: absolute;
	right: 30px;
	text-indent: -9999px;
	bottom: 18px;
	width: 235px;
}
a#twitter:hover{
	border: none;
}
a#twitter img{
	border: none;
	height: 31px;
	width: 43px;
	z-index: 10;
}
a#logo{
	display: block;
	height: 119px;
	left: 30px;
	position: absolute;	
	bottom: 18px;
	width: 208px;
}
a#logo:hover{border: none;}
a#logo img{border:none}
#landing_wrap{
	background: url(landing_wrap.png) 0 0 repeat-x;
	border-top: solid 1px #fff;
	height: 100px;
}
#landing{

	text-align:center;
	height: 60px;
	margin: 0 auto;
/*	width: 1000px;*/
	color:#FFFFFF;
	font-size:40px;
	font-weight:bold;
	vertical-align:middle;
}
#landing p{
	color: #fff;
	font-family: Georgia, Times, sans-serif;
	font-size: 24px;
	left: 30px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-shadow: #720000 2px 2px 2px;
	top: 55px;
}
a#landing_play:link, a#landing_play:visited{
	background: url(landing_play.png) 0 0 no-repeat;
	display: block;
	height: 51px;
	left: 26px;
	position: absolute;
	top: 133px;
	width: 173px;
}
a#landing_play:hover{
	border: none;
}
#middle_wrap{
	/*background-color: #F0E0D0;*/
	background-color: transparent;
}
#middle{
	margin: 0 auto;
	padding: 0px 0 10px 0;
	width: 780px;
       
}
#stat{
	height: 360px;
	float: right;
	position: relative;
	width: 260px;
        left: 0px;
}
#stat p{
	margin: 0;
	left: 60px;
		line-height:2;
	position: relative;
	top:20px;
}
#box{
/*	background-color: transparent;*/
background: transparent url(balloon_burst_gamebg.png) 0 0 no-repeat;
	border: solid 1px #000;
	cursor: none;
	height: 350px;
	float: left;
	overflow: hidden;
	position: relative;
	width: 500px;
        left: 0px;
}
#sight{
	background: transparent url(sight.png) 0 0 no-repeat;
	height: 40px;
	position: absolute;
	width: 40px;
	z-index: 7000;
       
}
.fire{
	background-image: url(sight_fire.png) !important;
}
.target{
	height: 30px;
	position: absolute;
	width: 30px;
}
.target img{
	height: 30px;
	width: 30px;
}
/* Overlay */
#overlay{
	background-color: #333;
	display: none;
	left: 0;
	opacity: .6;
	position: absolute;
	top: 0;
	z-index: 9998;
}
#overlayBox{
	background: #fff url(gangster.jpg) 180px 35px no-repeat;
	border: solid 1px #333;
	display: none;
	height: 240px;
	position: absolute;
	width: 320px;
	z-index: 9999;
}
#overlayBox p{
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: center;
	width: 190px;
}
#overlayNote{
	padding-top: 169px;
}
/* control */
#control{
	bottom: 0;
	left: 80px;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;	
	width: 120px;
	top:250px;
}
#control li{
	float: left;
}
#control a:link, #control a:visited{
	float: left;
	padding: 0 10px 0 0;
}
#control a:link, #control a:visited{
	height: 48px;
	display: block;	
	width: 30px;
}
#control a:hover{border: none;}
#control a#play{background:url(play.png) 0 0 no-repeat;}
#control a#pause{background:url(pause.png) 0 0 no-repeat;}
#control a#stop{background:url(stop.png) 0 0 no-repeat;}