/****** INDEX.PHP ******/

#bodyContainer{
	position: relative;
	background:url('../images/image_homepage.png') no-repeat;
	height: 420px;
	width: 780px;
}

#puzzleLearn{
	background:url('../images/puzzle_learn.png') no-repeat 0 0;
	top: 30px;
	left: 487px;
}

#puzzlePractice{
	background:url('../images/puzzle_practice.png') no-repeat 0 0;
	top: 130px;
	left: 587px;
}

#puzzleExplore{
	background:url('../images/puzzle_explore.png') no-repeat 0 0;
	top: 230px;
	left: 490px;
}

a.puzzle{
	position: absolute;
	display: block;
	width: 180px;
	height: 187px;
	/* hide the alt text */
		overflow: hidden;
		text-indent: -1000px;
		font-size: 0px;
		line-height: 0px;
	/* end of hiding the alt text */
}

a#puzzleLearn:hover, a#puzzlePractice:hover, a#puzzleExplore:hover{
	background-position: 0 -187px;
}

a#puzzleLearn:active, a#puzzlePractice:active, a#puzzleExplore:active{
	background-position: 0 -374px;
}

#playNow{
	position: relative;
	top: 45px;
	left: 660px;
}