@charset "UTF-8";
html,body{margin:0 0 0 0; padding:0 0 0 0; background:#000;}

@font-face
{
	font-family:"luckiestGuy";
	src: url("../fonts/LuckiestGuy.ttf");
	
}

#gameplay_container{
	position:relative;
	width:1024px;
	height:550px;
	margin:0 auto;
	overflow:hidden;
}

/* LOADER */
#loader{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:550px;
	background:url(../images/ui_loader_bg.jpg) no-repeat;
	
	overflow:hidden;
	display:none;
	
	z-index:1;
}

#loader_indicator
{
	position:absolute;
	width:217px;
	height:479px;
	
	left:405px;
	top:-479px;
	background:url(../images/ui_loader_indicator.png);
}

#loader_end
{
	position:absolute;
	width:369px;
	height:173px;
	
	left:335px;
	top:350px;
	background:url(../images/ui_loader_end.png);
	display:none;
}

#loader_text
{
	position:absolute;
	width:400px;
	height:80px;
	
	left:380px;
	top:430px;
	
	font-family:"luckiestGuy", sans-serif;
	text-shadow:1px 2px 0px #000000;
	letter-spacing:1px;
	font-size:43px;
	color:#b3c931;
}

/* COVER */
#cover{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:550px;
	background:url(../images/cover_bg.jpg) no-repeat;
	
	display:none;
}

#cover_play{
	position:absolute;
	left:290px;
	top:347px;
	width:103px;
	height:37px;
	background:url(../images/ui_cover_play.png) no-repeat;
	
	cursor:pointer;
}

#cover_instructions{
	position:absolute;
	left:137px;
	top:351px;
	width:136px;
	height:25px;
	background:url(../images/ui_cover_instructions.png) no-repeat;
	
	cursor:pointer;
}

/* LEVEL SIGNS */
#level_sign_container
{
	position:relative;
	z-index:3;
	width:1024px;
	height:133px;
	overflow:hidden;
	
	display:none;
}

.level_sign
{
	position:absolute;
	/*top:-133px;*/
	width:122px;
	height:133px;
}

/* GAME */
#game_container{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:550px;
	background:url(../images/level_bg.jpg) no-repeat;
	display:none;
}

#level_container
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:550px;
	
	overflow:hidden;
}

#fg_top
{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:377px;
	background:url(../images/level_fg_top.png) no-repeat;
}

#fg_left
{
	position:absolute;
	left:0px;
	top:0px;
	width:99px;
	height:1650px;
	background:url(../images/level_fg_left.png) no-repeat;
}

#fg_right
{
	position:absolute;
	right:0px;
	top:0px;
	width:107px;
	height:1650px;
	background:url(../images/level_fg_right.png) no-repeat;
}

.level
{
	position:absolute;
	left:0px;
	width:1024px;
	height:550px;
}

.level_display_item
{
	position:absolute;
}

.level_instance
{
	position:absolute;
	left:0px;
	width:1024px;
	height:550px;
	
	overflow:hidden;
}

/* SUCCESS */
#success{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:550px;
	background:url(../images/ui_success_bg.jpg) no-repeat;
	display:none;
	
	z-index:1;
}

#success_title
{
	position:absolute;
	width:381px;
	height:81px;
	left:525px;
	top:55px;
	background:url(../images/ui_success_title.png);
}

#success_subtitle
{
	position:absolute;
	width:350px;
	height:100px;
	left:548px;
	top:145px;
	
	font-family:"luckiestGuy", sans-serif;
	letter-spacing:1px;
	text-align:center;
	font-size:18px;
	color:#fa8e00;
	text-shadow:1px 2px 0px #000000;
}

#success_redeem
{
	position:absolute;
	width:350px;
	height:100px;
	left:548px;
	top:265px;
	
	font-family:"luckiestGuy", sans-serif;
	letter-spacing:1px;
	text-align:center;
	font-size:18px;
	color:#fa8e00;
	text-shadow:1px 2px 0px #000000;
}

#success_redeem a:link
{
	color:#FFFFFF;
	text-shadow:1px 2px 0px #000000;
	
	text-decoration:none;
}

#success_redeem a:visited
{
	color:#FFFFFF;
	text-shadow:1px 2px 0px #000000;
	
	text-decoration:none;
}

#success_redeem a:hover
{
	color:#fa8e00;
	text-shadow:1px 2px 0px #000000;
	
	text-decoration:none;
}

#success_code
{
	position:absolute;
	width:242px;
	height:34px;
	left:595px;
	top:199px;
	padding-top:14px;
	font-family:"luckiestGuy", sans-serif;
	letter-spacing:1px;
	text-align:center;
	font-size:28px;
	color:#b4cd3a;
	text-shadow:1px 2px 0px #000000;
	
	background:#063e4d;
	border:2px #b4cd3a solid;
}

#success_play{
	position:absolute;
	left:617px;
	top:314px;
	width:199px;
	height:100px;
	background:url(../images/ui_success_play.png) no-repeat;
	
	cursor:pointer;
}

#success_instructions{
	position:absolute;
	left:483px;
	top:295px;
	width:180px;
	height:68px;
	background:url(../images/ui_cover_instructions.png) no-repeat;
	
	cursor:pointer;
}

#success_scooby
{
	position:absolute;
	left:66px;
	top:0px;
	width:467px;
	height:534px;
	background:url(../images/ui_success_scooby.png) no-repeat;
}

/* FAIL */
#fail{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:550px;
	background:url(../images/ui_fail_bg.jpg) no-repeat;
	
	display:none;
	
	z-index:1;
}

#fail_title

{
	position:absolute;
	width:317px;
	height:80px;
	left:548px;
	top:80px;
	background:url(../images/ui_fail_title.png);
}

#fail_subtitle
{
	position:absolute;
	width:350px;
	height:100px;
	left:600px;
	top:180px;
	
	font-family:"luckiestGuy", sans-serif;
	letter-spacing:1px;
	text-align:center;
	font-size:16px;
	color:#fa8e00;
	text-shadow:1px 2px 0px #000000;
}

#fail_link
{
	position:absolute;
	width:350px;
	height:100px;
	left:548px;
	top:295px;
	
	font-family:"luckiestGuy", sans-serif;
	letter-spacing:1px;
	text-align:center;
	font-size:18px;
	color:#8bbb4a;
	text-shadow:1px 2px 0px #000000;
}

#fail_link a:link
{
	color:#8bbb4a;
	text-shadow:1px 2px 0px #000000;
	
	text-decoration:none;
}

#fail_link a:visited
{
	color:#8bbb4a;
	text-shadow:1px 2px 0px #000000;
	
	text-decoration:none;
}

#fail_link a:hover
{
	color:#ffffff;
	text-shadow:1px 2px 0px #000000;
	
	text-decoration:none;
}

#fail_code
{
	position:absolute;
	width:242px;
	height:34px;
	left:595px;
	top:230px;
	padding-top:14px;
	font-family:"luckiestGuy", sans-serif;
	letter-spacing:1px;
	text-align:center;
	font-size:28px;
	color:#b4cd3a;
	text-shadow:1px 2px 0px #000000;
	
	background:#063e4d;
	border:2px #b4cd3a solid;
}

#fail_again
{
	position:absolute;
	width:300px;
	height:100px;
	left:600px;
	top:320px;
	
	font-family:"luckiestGuy", sans-serif;
	letter-spacing:1px;
	text-align:center;
	font-size:18px;
	color:#fa8e00;
	text-shadow:1px 2px 0px #000000;
}

#fail_play{
	position:absolute;
	left:606px;
	top:360px;
	width:199px;
	height:100px;
	background:url(../images/ui_success_play.png) no-repeat;
	
	cursor:pointer;
}

#fail_scooby
{
	position:absolute;
	left:66px;
	top:0px;
	width:467px;
	height:550px;
	background:url(../images/ui_fail_scooby.png) no-repeat;
}

/* INSTRUCTIONS */
#instructions{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:550px;
	background:url(../images/ui_instructions_bg.jpg) no-repeat;
	
	display:none;
}

#instructions_play
{
	position:absolute;
	width:103px;
	height:37px;
	left:788px;
	top:312px;
	
	background:url(../images/ui_cover_play.png);
	
	cursor:pointer;
}