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

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

@media (orientation: portrait)
{ /* tablet and smaller */
#overlay
	{
	position: absolute;
	z-index: 9999;
	width: 100%;
	height:100%;
	top: 0;
	bottom: 0;
	content: "";
	background: #212121 url(images/turndevice.png) 0 0 no-repeat;
	background-size: 100% auto;
	}
}

body
{
width:800px;
height:480px;
padding:0px;
margin:0px;
overflow:hidden;
font-family:cursivecasual;
font-size:20px;
background:#212121;
}

#main_div
{
position:absolute;
top:0px;
left:0px;
width:800px;
height:480px;
overflow:hidden;
padding:0;
margin:0;
}

#frontpage_div
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-image:url(images/frontpage_background.png);
display:none;
}

#info_div
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-image:url(images/info_background.png);
display:none;
}

#game_div
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
display:none;
background:url(images/game_background.png);
}

#game_over_div
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
display:none;
color:#fff;
z-index:10;
}

#game_over_message_div
{
position:absolute;
top:129px;
left:113px;
width:570px;
font-size:22px;
text-align:center;
color:#fff;
}

.sound_button
{
position:absolute;
top:400px;
left:4px;
width:112px;
height:64px;
background-image:url(images/sound_off.png);
background-size:112px 64px;
cursor:pointer;
opacity:0;
}

#menu_popup
{
position:absolute;
top:127px;
left:259px;
width:300px;
height:165px;
background-image:url(images/menu_popup.png);
display:none;
}

.button
{
position:absolute;
cursor:pointer;
background-image:url(images/blank.gif);
}

#sound_off_icon
{
position:absolute;
top:5px;
left:718px;
display:none;
cursor:pointer;
}

#greyout
{
background-color: #fff;
filter:alpha(opacity=40);
opacity: 0.4;
-moz-opacity:0.4;
z-index: 0;
height: 100%;
width: 100%;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top: 0px;
left: 0px;
display:none;
}

#left_options
{
position:absolute;
color:#fcf9be;
font-size:21px;
top:63px;
left:50px;
text-align:center;
line-height:42px;
}

#left_options a
{
cursor:pointer;
}

#left_options a:hover
{
color:#01ff01;
}

.menu_bg
{
position:absolute;
top:97px;
left:152px;
width:382px;
height:276px;
}

.menu_bg_0_button
{
position:absolute;
width:108px;
height:68px;
border:3px solid #0f0;
border-radius:4px;
cursor:pointer;
opacity:0;
}

.menu_bg_1_button
{
position:absolute;
cursor:pointer;
opacity:0;
}

.menu_bg_2_button
{
position:absolute;
cursor:pointer;
opacity:0;
}

.menu_bg_3_button
{
position:absolute;
cursor:pointer;
opacity:0;
color:#0f0;
font-size:36px;
}

.menu_bg_4_button
{
position:absolute;
cursor:pointer;
opacity:0;
}

.menu_bg_5_button
{
position:absolute;
width:53px;
height:53px;
border:3px solid #0f0;
border-radius:4px;
cursor:pointer;
opacity:0;
}

#menu_bg_6_1
{
position:absolute;
top:35px;
left:16px;
width:349px;
height:23px;
border:none;
outline:none;
background:#a89a67;
font-family:cursivecasual;
color:#000;
text-align:center;
font-size:20px;
}

#menu_bg_6_2
{
position:absolute;
top:76px;
left:76px;
width:235px;
height:164px;
border:none;
outline:none;
font-family:cursivecasual;
background:rgba(0,0,0,0);
color:#000;
font-size:20px;
text-align:center;
resize:none;
overflow:hidden;
}

#canvas_preview
{
position:absolute;
top:120px;
left:539px;
width:220px;
height:200px;
}

#canvas_preview_crop
{
display:none;
}

#cert_text
{
position:absolute;
top:50px;
left:400px;
width:350px;
text-align:center;
}

#cert_pic
{
position:absolute;
width:1px;
height:1px;
}

#canvas_final
{
position:absolute;
top:0px;
left:0px;
width:800px;
height:480px;
}