@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color:#001802;
	background-image:url(images/flickballBG.png);
	background-position: center 36px;
	background-repeat:no-repeat;
}

ul{
	margin:0;
	padding:0;
}

li{
	margin:0;
	padding:0;
}

div{
	margin:0;
	padding:0;
}

a{
	border:none;
	color:#FFFFFF;
}

img{
	border:0;
}

#pageContainer{
	width:980px;
	margin: 0 auto;
}

/* Header */
#headerContainer{
	background-image:url(images/headerRepeat.png);
	background-repeat:repeat-x;
	height: 64px;
	width: 100%;
}		

#header{
	background-image:url(images/header.png);
	background-repeat:repeat-x;
	height: 64px;
	width: 980px;
	margin: 0 auto;
}	

.headerBG{
	background-image:url(images/header.png);
	background-repeat:no-repeat;
}

.logo{
	padding: 0 0 0 17px;
	float:left;
}

.headerApp{
	padding: 4px 0 0 211px;
	float:left;
}

#navContainer{
	float:left;
}

	#navContainer ul{
		text-decoration:none;
	}
	
	#navContainer li{
		float:left;
		list-style:none;
	}
	
	#navContainer li.moreGames a{
		text-indent:-3000px;
		width: 96px;
		height: 54px;
		background-image:url(images/moreGames.png);
		background-position: 0 0;
		display:block;
		margin: 0 15px 0 25px;
	}
	
	#navContainer li.moreGames a:hover{
		background-position: 96px 0px;
	}
	
	#navContainer li.wantAGame a{
		text-indent:-3000px;
		width: 111px;
		height: 54px;
		background-image:url(images/wantAGame.png);
		background-position: 0 0;
		display:block;
		margin: 0 15px 0 0;
	}
	
	#navContainer li.wantAGame a:hover{
		background-position: 111px 0px;
	}
	
	#navContainer li.contactUs a{
		text-indent:-3000px;
		width: 95px;
		height: 54px;
		background-image:url(images/contactUs.png);
		background-position: 0 0;
		display:block;
		margin: 0 15px 0 0;
	}
	
	#navContainer li.contactUs a:hover{
		background-position: 95px 0px;
	}
	
.appStore{

}

/* Content */
#contentContainer{
}

/* Flash area */
.flashArea{
	margin: 55px auto 0 auto;
	z-index: 10;
	width:935px;
	background-image:url(images/flashBox.png);
	background-repeat:no-repeat;
	position:relative;
}

.game{
	z-index: 15;
	width:900px;
	height:539px;
	margin: 0 auto;
	padding:15px 0 0 0;
}

.appStoreflash{
	z-index: 5;
	width:108px;
	height:63px;
	position:absolute;
	top: -29px;
	left: 1px;
}

/* iPhone area */
.iPhoneAdArea{
	z-index: 10;
	position:relative;
	background-image:url(images/iphoneBox.png);
	background-repeat:no-repeat;
	margin: 15px auto 15px auto;
	width:935px;
	height: 445px;
}

.flickballLogo{
	width:654px;
	z-index: 5;
	position:absolute;
	left: 7px;
	top: 9px;
}

.appStoreiPhone{
	width:169px;
	z-index: 20;
	position:absolute;
	left: -10px;
	top: -8px;
}
.iPhoneAppImages{
	width:417px;
	z-index: 15;
	position:absolute;
	left: 520px;
	top: -11px;
}

.goalie{
	width:359px;
	z-index: 25;
	position:absolute;
	left: 76px;
	top: 310px;
}

.copy{
	width:485px;
	z-index: 30;
	position:absolute;
	left: 19px;
	top: 203px;
	color:#FFFFFF;
	height: 87px;
}
	.copy p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 0;
	margin: 0;
	}

/* Footer */
#footerContainer{
	width: 100%;
	background-image:url(images/footerRepeat.png);
	background-repeat:repeat-x;
}

#footer{
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	width: 980px;
	margin: 0 auto;
	height: 80px;
}
#footer p{
	color:#666666;
	padding:0;
	margin:0;
} 
#footer a{
	color:#666666;
	text-decoration:none;
} 
#footer a:hover{
	color:#ff6600;
} 

.footerLeft1{
	padding: 20px 0 0 31px;
}

.footerLeft2{
	padding: 15px 39px 15px 31px;
	float:left;
}
.clear{
	clear:both;
	overflow: hidden;
}

.footerRight{
	padding: 15px 0 15px 0;
	float:left;
	text-align:right;
	overflow: hidden;
}