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

body {
margin:0; 
padding:0;
}

img{
border-style:none;
}


/** Landing page css**/
.wrapper {
	background: url(../images/Sazzy-land-mainbg.png);
	width:1022px;
	height: 716px;
	position: relative;

	}
	
.home-button {
	background:url(../images/home-button.png) no-repeat;
	right:3em;
	top:1.5em;
	position:absolute;
}


.puzzle-house{
	position:absolute;
	left:3em;
	top:4.5em;
}

.puzzle-house:hover {
	background:url(../images/puzzle_house_hover.png) no-repeat;
	left:3em;
	top:4.5em;
}
.ph-pop { display: none;}
.puzzle-house:hover img.ph-pop {position:absolute; display:block; left:5.5em; top:4em; z-index:100;}

.sazzy-drinks{
	position:absolute;
	left:17.5em;
	top:1.5em;
}

.sazzy-drinks:hover{
	background:url(../images/sazzy_drinks_hover.png) no-repeat;
	left:17.5em;
	top:1.5em;
}
.sd-pop {display: none;}
.sazzy-drinks:hover img.sd-pop {position:absolute; display:block; left:-11em; top:4em; z-index:100;}

.game-zone{
	position:absolute;
	left:27.2em;
	top:14.7em;
}

.game-zone:hover{
	background:url(../images/game_zone_hover.png) no-repeat;
	left:27.2em;
	top:14.7em;
}
.gz-pop {display:none;}

.game-zone:hover img.gz-pop {display:block; position: absolute; left:-11.2em; top:3.2em;}

.storyland{
	position:absolute;
	left:29.2em;
	top:28.2em;
}

.storyland:hover{
	background:url(../images/storyland_hover.png) no-repeat;
	left:29.2em;
	top:28.2em;
}
.st-pop { display:none;}
.storyland:hover img.st-pop {display:block; position: absolute; left:8.5em; top:1em;}

.sazzy-school{
	position:absolute;
	left:38.8em;
	top:18.9em;
}

.sazzy-school:hover{
	background:url(../images/sazzy_school_hover.png) no-repeat;
	left:38.8em;
	top:18.9em;
}
.ss-pop {display:none;}
.sazzy-school:hover img.ss-pop {display:block; position: absolute; left:-11.2em; top:3em; z-index:100;}

.sazzy-zoo{
	position:absolute;
	left:49.7em;
	top:16.9em;
}

.sazzy-zoo:hover{
	background:url(../images/sazzy_zoo_hover.png) no-repeat;
	left:49.7em;
	top:16.9em;
}
.sz-pop { display:none;}
.sazzy-zoo:hover img.sz-pop {display:block; position: absolute; left:-11.2em; top:3em; z-index:100;}

/** Jigsaw Puzzle css**/

.puzzle-house-wrapper {
	background: url(../images/puzzle-bg.png);
	width:800px;
	height: 600px;
	position: relative;
	}

.jigsaw-puzzle{
	position:absolute;
	left:4.5em;
	top:10.3em;
}

.jigsaw-puzzle-hover{
	display:none;
	left:4.5em;
	top:10.3em;
	position:absolute;
}
.jigsaw-puzzle-play-btn{
	position:absolute;
	left:11.4em;
	top:18.3em;
}
.memorize-recall-play-btn {
	position:absolute;
	left:26.4em;
	top:18.3em;
}

.tower-hanoi{
	position:absolute;
	left:19em;
	top:10.3em;
}

.tower-hanoi-hover{
	display:none;
	position:absolute;
	left:19em;
	top:10.3em;
}
.tower-hanoi-play-btn{
	position:absolute;
	left:25.8em;
	top:18.3em;
}
.swap-letters-play-btn{
	position:absolute;
	left:40.3em;
	top:18.3em;
}

.exit-btn{
	position:absolute;
	/*left:44em;*/
	left:43.5em;
	top:0.3em;
}

/** Sazzy Drinks css**/

.sazzy-drinks-wrapper {
	background: url(../images/sazzy_drinks-bg.png);
	width:800px;
	height: 600px;
	position: relative;
	}
	
.memorize-recall{
	position:absolute;
	left:19.5em;
	top:10em;
}

.memorize-recall-hover{
	display:none;
	left:19.5em;
	top:10em;
	position:absolute;
}

.swap-letters{
	position:absolute;
	left:33.5em;
	top:10em;
}

.swap-letters-hover{
	display:none;
	position:absolute;
	left:33.5em;
	top:10em;
}

/** Game Zone css**/

.game-zone-wrapper {
	background: url(../images/game_zone-bg.png);
	width:800px;
	height: 600px;
	position: relative;
	}
	
.mine-gold{
	position:absolute;
	left:19em;
	top:10em;
}

.mine-gold-hover{
	display:none;
	position:absolute;
	left:19em;
	top:10em;
}

.recall-repair{
	position:absolute;
	left:31em;
	top:10em;
}

.recall-repair-hover{
	display:none;
	position:absolute;
	left:31em;
	top:10em;
}

.aim-shoot{
	position:absolute;
	left:26em;
	top:21em;
}

.aim-shoot-hover{
	display:none;
	position:absolute;
	left:26em;
	top:21em;
}

.mine-gold-play-btn{
	position:absolute;
	left:21.7em;
	top:17.3em;
}

.recall-repair-play-btn{
	position:absolute;
	left:34.2em;
	top:17.3em;
}

.aim-shoot-play-btn{
	position:absolute;
	left:29.2em;
	top:28em;
}

/** Storyland css**/

.storyland-wrapper {
	background: url(../images/storyland-bg.png);
	width:800px;
	height: 600px;
	position: relative;
}

.flip-book{
	position:absolute;
	left:30em;
	top:10em;
}

.flip-book-hover{
	display:none;
	position:absolute;
	left:30em;
	top:10em;
}

.flip-book-play-btn{
	position:absolute;
	left:36.7em;
	top:17.8em;
}

/** Sazzy School css**/

.sazzy-school-wrapper {
	background: url(../images/sazzy_school-bg.png);
	width:800px;
	height: 600px;
	position: relative;
}

.sazzy-sequence{
	position:absolute;
	left:15em;
	top:12em;
}

.sazzy-sequence-hover{
	display:none;
	position:absolute;
	left:15em;
	top:12em;
}

.grader-game{
	position:absolute;
	left:30em;
	top:12em;
}

.grader-game-hover{
	display:none;
	position:absolute;
	left:30em;
	top:12em;
}

.grader-game-play-btn{
	position:absolute;
	left:35.5em;
	top:21.5em;
}

.sazzy-sequence-play-btn{
	position:absolute;
	left:20.8em;
	top:20.5em;
}

/** Sazzy Zoo css**/

.sazzy-zoo-wrapper {
	background: url(../images/sazzy_zoo-bg.png);
	width:800px;
	height: 600px;
	position: relative;
}

.explore{
	position:absolute;
	left:17em;
	top:11em;
}

.explore-hover{
	display:none;
	position:absolute;
	left:17em;
	top:11em;
}

.jungle_king{
	position:absolute;
	left:30.5em;
	top:11em;
}

.jungle_king-hover{
	display:none;
	position:absolute;
	left:30.5em;
	top:11em;
}

.explore-btn{
	position:absolute;
	left:20.3em;
	top:20em;
}

.jungle-king-play-btn{
	position:absolute;
	left:36.3em;
	top:20em;
}