/* General reset Settings */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } 
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

body {
	background: #77dafb;
	color: #ffffff;
	font-family: 'Nunito', Arial, Helvetica, Sans-serif;
}

a, a:hover, a:visited, a:active {text-decoration: none;}

#CateMascotDiv {
	bottom: 150px;
	right: 150px;
	position: fixed;
	z-index: 100;
}
#CateMascotDiv img {
	height: 138px;
}

.gameinfo { width:960px; position: relative; margin: auto;}
.gamecontent { float:left; width:940px; background: #FFFFFF;     border: 5px solid #188cb7; border-radius: 10px;margin:5px;}
.box250 { float:left; width:250px; margin: 5px 0 5px 0; color:#000000;padding: 40px;}
.newbox250 { float:left; width:250px; margin: 5px 0 5px 0; color:#000000;padding: 40px;}
.box336 { float:left; width:336px; margin: 5px 0 5px 70px; color:#000000;padding: 40px;}
.box3362 { float:left; width:336px; margin: 5px;}
.newbox250 img { 	width: 280px;	height: 280px;	float: left;}
.widegamesBox {  float:left;  width: 960px;}
.gamedescription {float: left; width: 910px; padding: 10px 10px 5px 10px; text-align: left; border-top: 1px solid #eee;margin: 10px;}
.gamedescription h3 {color:#000000;font-size: 1.6em;font-weight:normal;max-height: 999999px;}

#content {position:relative;margin: 0 auto;float: left;}

.games { 
	float:left;
	width: 210px;
	height: 210px;
	margin: 5px; 
	padding: 5px;
	background: #FFFFFF;
	border: 5px solid #188cb7;
	border-radius: 10px;
	
}

.games img {
	float: left;
	width: 210px;
	height: 210px;
	border-radius: 5px;
}

.games:hover { 
	border: 5px solid #13445E;
}

.pregameplay {float: left; width: 900px; color:#000000;padding: 10px 10px 5px 10px; text-align: left; margin: 5px;}
.pregameplay a { font-size: 1.875em; color:#000000;font-weight: bold;}
.pregameplay a:hover { font-size: 1.875em; color:#000000;font-weight: bold;}

#gamebox {  	float:left;	background: #FFFFFF; 	padding: 5px; border-radius: 10px; }
#gameswf {  	visibility: visible;	    }
#gameloading {  	visibility: visible;	    margin: 0 auto; 	color: #000000; text-align: center;}

#ads {  float:left; width: 300px; margin: 5px 0 0 0; border: 5px solid #a5c2e3;  padding: 5px;  border-radius: 10px; background: #FFFFFF; }
#gamelist {  float:left; width: 125px; margin: 0 5px 0 0;}

.heading {
float: left;
width: 930px;
border-bottom: 2px dotted #1b5879;
margin: 0 5px 0 5px;
display: block;
overflow: hidden;
}
.heading h2 {
color: #000000;
float: left;
font-size: 1.875em;
line-height: 50px;
margin-left: 10px;
}
.heading h2 a, a:hover, a:visited, a:active {color: #000000;}

.footer { width:100%;}
.footermenu { width:800px; text-align: center; color: #ffffff;  padding: 10px 0px 10px 0px; position: relative; margin: auto;}
.footermenu a {  color: #ffffff;  text-decoration: none; }
.footermenu a:hover {  text-decoration: underline;}