@font-face
{
font-family: "anime";
src: url("fonts/anime.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:600px;
padding:0px;
margin:0px;
overflow:hidden;
font-family:anime;
font-size:18px;
background:#212121;
color:#fff;
}

#main_div
{
position:absolute;
top:0px;
left:0px;
width:800px;
height:600px;
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;
}

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

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

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

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

.animal_highlight
{
top:169px;
width:199px;
height:250px;
background-size:100% 100%;
}

#greyout
{
background-color: #000000;
filter:alpha(opacity=70); /* IE */
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.7; /* FireFox */
z-index: 6;
height: 100%;
width: 100%;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top: 0px;
left: 0px;
display:none;
}

#game_over_div
{
position: absolute;
top: 110px;
left: 40px;
width: 720px;
height: 360px;
background-image: url(images/game_over_background.png);
z-index: 7;
background-size: 100% 100%;
display: none;
text-align: center;
}

#game_over_text
{
position: absolute;
top: 32px;
left: 32px;
width: 656px;
height: 305px;
text-align: center;
font-size: 35px;
}

#keyboard_div
{
position:absolute;
top:200px;
left:90px;
text-align:center;
line-height:55px;
display:none;
}

.keyboard_key
{
border:1px solid #fff;
border-radius:4px;
font-size:35px;
margin-left:15px;
padding:2px 9px 2px 9px;
cursor:pointer;
}

#missing_letter_div
{
position:absolute;
top:530px;
left:376px;
width:50px;
height:45px;
font-size:32px;
text-align:center;
outline:none;
border:none;
background:none;
font-family:anime;
color:#fff;
}