@charset "UTF-8";
html,body {
	background-color: #595959;
	margin: 0;
	padding: 0;
	font-family:helvetica,arial;
	height:100%;
}
#header {
	height:300px
}

#container {
	min-height:100%;
	position:relative;
}
#mainBody {
	padding:10px;
	padding-bottom:40px;	/* Height of the footer */
}
#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:40px;	/* Height of the footer */
	
}
a:link, a:visited, a:active{
	color:#aaaaaa;
	text-decoration:none;
}
a:hover{
	color:#ffffff;
	text-decoration:none;
}
html,body,p,td{
	color:#ffffff;
	font-size:14px
}




/***************TOP WHITE SECTION***************/

.whiteMenu {
	position: absolute;
	top:20px;
	background:url(images/whiteheadermiddle.png) no-repeat 0 0;
	width:721px;
	height:251px;
}
#headerContent{
	position:relative;
	top:40px;
	left:40px;
	height:200px;
	width:620px;
	z-index:10;
}
.GGStatement{
	color:#8bc53f;
	font-size:20px;
	margin:6px 0 0 0;
}

/*
.logo{
	position:absolute;
	top:120px
	left:120px;
	text-indent:-99999px;
	background:url(images/GGLogo.png) no-repeat 0 0;
	height:174px;
	width:278px;
	z-index:11;
	border:1px solid red;
}
*/

/***************PLAY BUTTON***************/

a.playNowButton {
	position: absolute;
	top:20px;
	left:712px;
	text-indent:-99999px;
	background:url(images/playnowstrip.png) no-repeat 0 0;
	width:238px;
	height:251px;
}
a.playNowButton:hover {
	background:url(images/playnowstrip.png) no-repeat 0 -251px;
}



/***************MENU***************/

a.menu1{
	/* home 64 x 102 */
	position: absolute;
	top:218px;
	left:10px;
	
	width:64px;
	height:34px;
	text-indent:-99999px;
	background:url(images/homestrip.png) no-repeat 0 -68px;
	float:right;
}
a.menu1ON{
	/* home 64 x 102 */
	position: absolute;
	top:218px;
	left:10px;
	
	width:64px;
	height:34px;
	text-indent:-99999px;
	background:url(images/homestrip.png) no-repeat 0 0;
	float:right;
}
a.menu1:hover,a.menu1ON:hover{
	background:url(images/homestrip.png) no-repeat 0 -34px;
}

a.menu2{
	/* rankings 85 x 102 */
	position: absolute;
	top:218px;
	left:150px;
	
	width:85px;
	height:34px;
	text-indent:-99999px;
	background:url(images/rankingstrip.png) no-repeat 0 -68px;
	float:right;
}
a.menu2ON{
	/* rankings 85 x 102 */
	position: absolute;
	top:218px;
	left:150px;
	
	width:85px;
	height:34px;
	text-indent:-99999px;
	background:url(images/rankingstrip.png) no-repeat 0 0;
	float:right;
}
a.menu2:hover,a.menu2ON:hover{
	background:url(images/rankingstrip.png) no-repeat 0 -34px;
}

a.menu3{
	/* gameplay 94 x 102 */
	position: absolute;
	top:218px;
	left:241px;
	
	width:94px;
	height:34px;
	text-indent:-99999px;
	background:url(images/gameplaystrip.png) no-repeat 0 -68px;
	float:right;
}
a.menu3ON{
	/* gameplay 94 x 102 */
	position: absolute;
	top:218px;
	left:241px;
	
	width:94px;
	height:34px;
	text-indent:-99999px;
	background:url(images/gameplaystrip.png) no-repeat 0 0;
	float:right;
}
a.menu3:hover,a.menu3ON:hover{
	background:url(images/gameplaystrip.png) no-repeat 0 -34px;
}


/* EVENTS NOT IN USE*/
a.menu4{
	/* events 71 x 102 */
	position: absolute;
	top:218px;
	left:271px;
	
	width:71px;
	height:34px;
	text-indent:-99999px;
	background:url(images/eventsstrip.png) no-repeat 0 -68px;
	float:right;
}
a.menu4ON{
	/* events 71 x 102 */
	position: absolute;
	top:218px;
	left:271px;
	
	width:71px;
	height:34px;
	text-indent:-99999px;
	background:url(images/eventsstrip.png) no-repeat 0 0;
	float:right;
}
a.menu4:hover,a.menu4ON:hover{
	background:url(images/eventsstrip.png) no-repeat 0 -34px;
}
/* EVENTS NOT IN USE*/


a.menu5{
	/* credits 116 x 102 */
	position: absolute;
	top:218px;
	//left:348px;
	left:341px;
	
	width:116px;
	height:34px;
	text-indent:-99999px;
	background:url(images/creditsystemstrip.png) no-repeat 0 -68px;
	float:right;
}
a.menu5ON{
	/* credits 116 x 102 */
	position: absolute;
	top:218px;
	//left:348px;
	left:341px;
	
	width:116px;
	height:34px;
	text-indent:-99999px;
	background:url(images/creditsystemstrip.png) no-repeat 0 0;
	float:right;
}
a.menu5:hover,a.menu5ON:hover{
	background:url(images/creditsystemstrip.png) no-repeat 0 -34px;
}


a.menu6{
	/* mobile 67 x 102 */
	position: absolute;
	top:218px;
	//left:470px;
	left:463px;
	
	width:67px;
	height:34px;
	text-indent:-99999px;
	background:url(images/mobilestrip.png) no-repeat 0 -68px;
	float:right;
}
a.menu6ON{
	/* mobile 67 x 102 */
	position: absolute;
	top:218px;
	//left:470px;
	left:463px;
	
	width:67px;
	height:34px;
	text-indent:-99999px;
	background:url(images/mobilestrip.png) no-repeat 0 0;
	float:right;
}
a.menu6:hover,a.menu6ON:hover{
	background:url(images/mobilestrip.png) no-repeat 0 -34px;
}

a.menu7{
	/* technical 140 x 102 */
	position: absolute;
	top:218px;
	//left:543px;
	left:536px;
	
	width:140px;
	height:34px;
	text-indent:-99999px;
	background:url(images/technicalsupportstrip.png) no-repeat 0 -68px;
	float:right;
}
a.menu7ON{
	/* technical 140 x 102 */
	position: absolute;
	top:218px;
	//left:543px;
	left:536px;
	
	width:140px;
	height:34px;
	text-indent:-99999px;
	background:url(images/technicalsupportstrip.png) no-repeat 0 0;
	float:right;
}
a.menu7:hover,a.menu7ON:hover{
	background:url(images/technicalsupportstrip.png) no-repeat 0 -34px;
}




a.menu8{
	/* news 64 x 102 */
	position: absolute;
	top:218px;
	left:80px;
	
	width:64px;
	height:34px;
	text-indent:-99999px;
	background:url(images/newsStrip.png) no-repeat 0 -68px;
	float:right;
}
a.menu8ON{
	/* news 64 x 102 */
	position: absolute;
	top:218px;
	left:80px;
	
	width:64px;
	height:34px;
	text-indent:-99999px;
	background:url(images/newsStrip.png) no-repeat 0 0;
	float:right;
}
a.menu8:hover,a.menu8ON:hover{
	background:url(images/newsStrip.png) no-repeat 0 -34px;
}






/***************MAIN BODY***************/


.heading{
	color:#d6de23;
	font-weight:bold;
	font-size:23px;
	border-bottom:1px #aaaaaa dashed;
	width:220px;
}
.headingGeneral{
	color:#d6de23;
	font-weight:bold;
	font-size:23px;
	border-bottom:1px #aaaaaa dashed;
	width:690px;
}
.main{
	padding:10px 0 0 16px;
	font-size:20px;
	color:#d6de23;
	background:url(images/ggcredits20x14.png) no-repeat 0 12px;
	float:left;
}
.mainNoGG{
	padding:10px 0 0 16px;
	font-size:20px;
	color:#d6de23;
	float:left;
}
.mainpic{
	/*ideal dimensions  width=220 height=168 */
	padding:8px 0 10px 0;
}


#miniPicSlots{
	/*ideal dimensions  width=65 height=51 */
	position: relative;
	height:60px;
	width:220px
}

#slot1{
	position:absolute;
	top:0px;
	left:0px;
}
#slot2{
	position:absolute;
	top:0px;
	left:78px;
}
#slot3{
	position:absolute;
	top:0px;
	left:155px;
}


.text{
	width:220;
	font-size:14px
	color:#ffffff;
}


.textGeneral{
	padding:16px 0 0 0;
	width:690;
	font-size:14px
	color:#ffffff;
}


/***************NEWS COLUMN***************/


.newsFeed{
	position: absolute;
	top:310px;
	left:722px;
}
.newsHeader{
	color:#8bc53f;
	font-size:20px;
	/*margin:6px 0 0 0;
	border-bottom:1px #aaaaaa dashed;
	width:300px;*/
}
#newsContainer{
	border-top:1px #aaaaaa dashed;
	width:238px;
	margin:10px 0 0 0;
	padding:10px 0 10px 0;
	
}
.newsDate{
	
	font-weight:bold;
	color:#ffffff;
}
.newsContent{
	color:#aaaaaa;
}
.newsLink{
	font-weight:bold;
	color:#ffffff;
}

/*************** Rankings ***************/


.rankingsLoc{
/*	position: absolute;
	top:310px;
	left:722px;
*/
}
.rankingsHeader{
	color:#8bc53f;
	font-size:20px;
	/*margin:6px 0 0 0;
	border-bottom:1px #aaaaaa dashed;
	width:300px;*/
}
.rankingTable{
	border-top:1px #aaaaaa dashed;
	width:280px;
	margin:10px 0 0 0;
	padding:10px 0 10px 0;
	
}
.rankingsContent{
	color:#aaaaaa;
}
.rankingsLink{
	font-weight:bold;
	color:#ffffff;
}



/***************FOOTER***************/

#footerlinks{
	position:relative;
	top:0px;
	left:0px;
	margin:0 12px 12px 12px;
	padding:0 0 10px 0;
	border-top:1px #aaaaaa dashed;
	width:680px
	
}
.footerLink{
	padding:0 10px 0 0;
	line-height:20px
}

.hiddenPic{display:none;}




/***************DETAILS PAGES***************/

.imageStyle{
	border: 1px solid black;
}