/* 
F. Ball Loyalty
Games Styles


Created By 
Rob Wright
www.boost-creative.co.uk
-------------------------------------------------------

*/


#games {
	width:790px;

}
#games #intro {
	width:376px;
	float:left;
	height:166px;
	text-align:center;
	margin:7px 6px 7px 20px;
}
#frame #content #games #intro h2{
	font-weight:normal;
	margin:30px 15px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	font-size:3.2em;
}
#frame #content #games #intro h2 span{
	color: #CCCCCC;
}

#games a{
	display:block;
	width:370px;
	height:160px;
	border:3px solid #e0e0e0;
	font-size:1.4em;
	text-indent:-9000px;
	margin:7px 6px;
	float:right;
}

#games a:hover{	border:3px solid #0099FF;}

#games a#space_invaders{ 
	background:url(../images/layout/games/space_invaders.jpg);
}
#games a#connect_four{
	background:url(../images/layout/games/connect_four.jpg);
}

#games a#tetris {
	background:url(../images/layout/games/tetris.jpg);
}

#games a#pacman{
	background:url(../images/layout/games/pacman.jpg);
}


#games a#rubiks{
	background:url(../images/layout/games/rubiks.jpg);
}


/* Game
-------------------------------------------------------
*/

.overlay { overflow:hidden;}

#game_overlay {
	visibility: visible;
	position: absolute;
	 background: url(../images/layout/games/background.png);
	_background: #002049;
	left: 0px;
	top: 0px;
	zoom: 1;
	z-index : 65555;

}

 #game_close {
	position:absolute;
	top:-12px;	
	z-index : 65555;
	display:block;
	right:-14px;
	width:25px;
	height:22px;
	text-indent:-9000px;
	overflow:hidden;
	background:url(../images/layout/games/close_button.png)

}
#game_overlay  #game{
    left: 50%;
	top:15%;
	position: absolute;
	text-align: left;
	overflow: visible;
	padding:10px;
	border:1px solid #666666;

}