/****** 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: 0px;
	left: 601px;
}

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

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

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{
	background:url('../images/puzzle_learn_hover.jpg') no-repeat 0 0;
	top: 0px;
	left: 601px;
}

a#puzzleExplore:hover{
	background:url('../images/puzzle_explore_hover.jpg') no-repeat 0 0;
	top: 280px;
	left: 601px;
}


a#puzzlePractice:hover{
	background:url('../images/puzzle_practice_hover.jpg') no-repeat 0 0;
	top: 140px;
	left: 601px;
}

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

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