/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body {
	background: #EEEEEE url(images/main_bg.png) repeat-x left top;
}

#pagewrap {
	text-align: center;
}

h1 {
	position: relative;
	top: 4em;
	left: 0;
}

#footer {
	font-size: 12px;
	padding: 2em;
	color: #999999;
	line-height: 2em;
}

#footer a {
	color: #999999;
}

#footer img {
	margin-right: 0.5em;
	position: relative;
	top: 1px;
	left: 0px;
}

#footer span {
	margin: 0 1em;
}

#games {
	position: relative;
	top: -1.5em;
	list-style: none;
	display: table;
	margin: 0 auto;
	width: 550px;
}

#games li {
	margin: 1.5em 0.5em;
	display: table-cell;
	float: left;
}

#games li.new {
	position: relative;
	background: #FEFEFE;
	margin: 0;
	padding: 1.5em 0em 0.5em;
	border: solid 5px #666666;
}

#games li.new li.icon {
	margin: -5px 0.5em;
}

#games li.icon {
	background-repeat:no-repeat;
	background-position: center top;
	width: 161px;
}

#games li.icon a {
	text-indent: -5000px;
	background-repeat:no-repeat;
	background-position: center bottom;
	display: block;
	width: 100%;
	height: 164px;
}

#games .crazymos { background-image: url(images/icon_crazymos.png) }
#games .crazymos a { background-image: url(images/txt_crazymos.png); }

#games .checkers { background-image: url(images/icon_intlcc.png) }
#games .checkers a { background-image: url(images/txt_intlcc.png); }

#games .checkershd { background-image: url(images/icon_intlcchd.png) }
#games .checkershd a { background-image: url(images/txt_intlcchd.png); }

#games .control { background-image: url(images/icon_mpad.png) }
#games .control a { background-image: url(images/txt_mpad.png); }

#games .plane { background-image: url(images/icon_mpadplane.png) }
#games .plane a { background-image: url(images/txt_mpadplane.png); }

#games .snake { background-image: url(images/icon_mpadsnake.png) }
#games .snake a { background-image: url(images/txt_mpadsnake.png); }

#games .emoji { background-image: url(images/icon_emoji.png) }
#games .emoji a { background-image: url(images/txt_emoji.png); }

#games .storepush { background-image: url(images/icon_storepush.png) }
#games .storepush a { background-image: url(images/txt_storepush.png); }

#games .octopus { background-image: url(images/icon_octopus.png) }
#games .octopus a { background-image: url(images/txt_octopus.png); }

#games span {
	position: absolute;
	top: -1.2em;
	right: 1em;
	font-family: Arial;
	font-weight: bold;
	color: #666666;
}