@charset "utf-8";
@font-face {
  font-family: 'hamer';
  font-style: normal;
  font-weight: 400;
  src: local('Hammersmith One'), local('HammersmithOne'), url(hamer.woff) format('woff');
}
hmtl,body{
	width:100%;
	margin:0; padding:0;
	border-top:#ff3333 solid 7px;
	font-family:hamer;
}
h3{
	color:#f33;	
}
.wrap{
	width:1024px;
	margin:0 auto;	
}
#active a,#menu a{
	font-family:hamer;
	display:block;
	height:45px;
	padding:5px;
	padding-top:45px;
	text-decoration:none;
	font-size:20px;
}
#active a{color:#777;}
#menu a{color:#f33;}
#active a:hover,#menu a:hover{
	background:	rgba(255,51,51,0.2)
}
#menu ul,#active ul{
   display: none;
   list-style:none;
   margin-left:-45px;
}
#menu:hover ul,#active:hover ul{
   display: block; /* display the dropdown */
   position: absolute;
   top:85px;
}
#menu ul li a,#active ul li a{
	height:25px;
	padding:5px;
	display:block;
	text-align:center;
	z-index:300;
	background:	rgba(255,51,51,1);
	color:#fff;
}
#menu ul li a:hover,#active ul li a:hover{
	background:	rgba(255,51,51,0.8);
}
.content{
	background:#FFF;
	box-shadow: 0px 2px 10px #888;
	border-radius: 10px;	
	width:1000px;
	padding:12px;
	min-height:910px;
	overflow-x:hidden;
}
.slide{
	width:955px;
	margin:0 auto;	
}
.cycle-overlay{
	font-family: tahoma,arial;
	position: absolute;
	bottom: 0px;
	width: 939px;
	z-index: 600;
	background: none repeat scroll 0% 0% #f33;
	color: #fff;
	font-size:25px;
	padding: 6px;
	padding-left:10px;
	opacity: 0.8;	
}
#pager { 
    text-align: right; width: 100%; z-index: 9999; position: absolute; bottom:5px;
}
#pager a{ color:#fff; font-size:35px; text-decoration:none;}

.footer{
	margin-top:25px;
	background:#FFF;	
}

.liner{
	height:10px;
	background:#f33;
	padding:0;
	margin:5px 0;
}

.gal{
	width:1024px;	
}
.game{
	width:150px;
	height:150px;
	margin:8px;
	border-radius:15px;
	float:left;
	overflow:hidden;
	cursor:pointer;
}
.game:hover{
	opacity:0.7;	
}
.game img{
	margin-left:-20px;	
}