/*************
COLORS

drk-blue: 		#162f50
pale-blue: 		#344e71
bright-blue: 	#0085d6
off-white:		#fafafa
orange:			#d3620d

**************/

body { background:#162f50 url(../images/critterskin.png) fixed; }
#wrapper { width:960px; margin:10px auto; }

/* HEADER */
#header h1 { width:275px; float:left; }
#header h2
{ 
	width:273px; height:90px;
	float:left; display:block;
	background:url(../images/critterMascot-trans.png) no-repeat;
}

/* NAVIGATION*/
#navigation { clear:both; height:65px; background:url(../images/wrapperTop-trans.png) no-repeat; }
#navigation ul { padding-top:15px; padding-left:12px;; }
#navigation li, #navigation li a { height:45px; float:left; display:block; position:relative; } 

.navbtn
{
	overflow:hidden; width:103px;
	background:url(../images/nav_sprite.png) no-repeat; 
}

#allgamesBtn{ width:107px; }
#actionBtn 	{ background-position: -107px 0; }
#puzzleBtn 	{ background-position: -210px 0; }
#sportsBtn 	{ background-position: -313px 0; }
#skillBtn 	{ background-position: -416px 0; }
#shooterBtn { background-position: -519px 0; width:104px; }

#allgamesBtn:hover 	{ background-position: 0 -45px; }
#actionBtn:hover 	{ background-position: -107px -45px; }
#puzzleBtn:hover 	{ background-position: -210px -45px; }
#sportsBtn:hover 	{ background-position: -313px -45px; }
#skillBtn:hover 	{ background-position: -416px -45px; }
#shooterBtn:hover 	{ background-position: -519px -45px; }


#search { width: 310px; height:45px; float:left; display:block; background: url(../images/nav_sprite.png) -623px 0 no-repeat; overflow:hidden; }
#s
{
	background:transparent; border:none;
	width:200px; height:22px; top:10px; left:13px;
	position:relative; display:block;
}
#searchSubmit { display:block; width:70px; height:30px; position:absolute; left:229px; top:6px; }



/* CONTENT */
#content { background:url(../images/wrapper-middle.png) repeat-y; width:960px; clear:both; }

#leftColTop { width:600px; float:left; padding:0 0 0 15px; }
#rightColTop { float:right; width:310px; padding:0 15px 0 0; margin-bottom:20px; }

#cta { width:600px; height:320px; margin-bottom:20px; }

#fan 
{
	width: 305px; height:267px;
	background:url(../images/fanBox.png) no-repeat;
	padding:23px 0 0 5px; margin:20px 0 0 0;
}

/* FEATURED GAME */
#featuredGame { width: 170px; height: 240px; background:url(../images/featuredGameBox.png) no-repeat; float:left; text-align:center; }
#featuredGame img { padding:41px 0 15px 0; }
#featuredGame a { display:block; }

/* HIGH SCORES */
#highScores { width:410px; height:240px; float:right; }

/* INFO BAR */
#infoBar
{
	background:url(../images/infoBar.png) no-repeat;
	width:930px; height:50px;
	padding-bottom:10px; margin:0 auto;
}
#infoBar h3 { float:right; width:500px; padding:20px 10px 0 0; }
#infoBar h2 { float:left; width:400px; padding:7px 0 0 10px; }
#infoBar p 	{ padding:5px 0 0 11px; display:block; }
#infoBar #crumbs { display:inline; }

/* SIGN UP FOR NEWSLETTER */
#signUp
{
	background:url(../images/mail_bg.png) no-repeat;
	width:310px; height:270px;
	padding:0 0 20px 0;	margin:20px 0 0 0;
}
#signUp div
{
	background:url(../images/signUp_bg.png) no-repeat 0 15px;
	width:286px; height:66px;
	margin:177px auto 0 auto; position:relative;
}
#signUp form label { height:20px; display:block; padding:0 0 0 4px; }
#signUp form .email
{
	display:block; background:transparent; border:none;
	width:190px; height:30px; position:absolute; top:20px; left:0;
	margin:7px 0 0 13px; padding:5px 0 0 5px; 
}
#signUp .btn { position:absolute; top:20px; right:12px; width:55px; height:31px; margin:7px 0 0 10px; }


/* GAME */
#game { width:930px; background-color:#344e71; text-align:center; margin:0 auto; }
#game #top { width:930px; height:10px; background:url(../images/game_corners.png) no-repeat 0 0; }
#game #bottom { width:930px; height:10px; background:url(../images/game_corners.png) no-repeat 0 -10px; margin-bottom:20px; }
#game #flash { border:2px solid #162f50; margin:0 auto; }
#archive #gameInfo { background:url(../images/gameInfoTopper.png) no-repeat; }
#content .left { float:left; margin:0 0 0 15px; }

/* ARCHIVES */
#archive { background:url(../images/archives_middle.png) repeat-y; width:600px; margin:0 auto; }
#archNav { background:url(../images/archives_top.png) no-repeat; height:44px; padding-top:5px; }
#archNav h2 { background:url(../images/gamesTopper.png) no-repeat; width:590px; height:39px; margin:0 auto; }
#thumbList { width:564px; margin:0 auto; }
#archBottom { background:url(../images/archives_bottom.png) no-repeat; height:40px; }
.archiveThumb
{
	background:url(../images/archiveGame_bg.png) no-repeat center center;
	width:141px; height:166px;
	float:left; text-align:center;
}
.archiveThumb img { margin-top:19px; margin-bottom:8px; }
.archiveThumb a { display:block; }


.largeThumb 
{
	background:url(../images/gameThumb_large.png) no-repeat; float:left;
	width:350px; height:132px; position:relative; margin-left:15px; margin-bottom:15px;
}
.largeThumb img { float:left; padding:14px 13px 0 15px; }
.largeThumb h4 { padding:10px 0 10px 0; }
.playNow 
{ 
	background:url(../images/playNowSprite.png) no-repeat 0 -31px; width:112px; height:29px;
	display:block; float:left; position:absolute; bottom:8px; left:130px;
}
.playNow:hover { background-position:0 0; }


#page { width:930px; margin:0 auto; }
#page h2 { margin-bottom: 30px; }
#page p { padding-bottom:20px; }

/* 404 ERROR */
#opps { width: 900px; height:400px; margin:0 auto; padding-top:100px; }
#opps img { float:left; }
#opps h2 
{ 
	background:url(../images/opps_text.png) no-repeat;
	float:left; margin-top:150px;
	width:200px; height:55px; 
}
#opps p { float:left; }


/* FOOTER */
#footer { text-align:center; background:url(../images/wrapperBottom-trans.png) no-repeat; }
#footer p { padding:30px 0 10px 0; }


/* ADS */
#squareAd
{
	width:305px; height:255px; 
	background:url(../images/squareAd-box_14.png) no-repeat;
	padding:15px 0 0 5px;
}
#skyscraper
{
	float:left;
	width:165px; height:605px;
	padding:15px 0 0 5px;
	background:url(../images/skyscraper.png) no-repeat;
}

#bottom { clear:both; padding:0 0 0 15px; }

/* MISC */
.clear { clear:both; }