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

body
{
width:800px;
height:480px;
padding:0px;
margin:0px;
overflow:hidden;
font-family:cursecasual;
font-size:24px;
color:#ffffff;
}

#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;
}

#code_div
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-image:url(images/code_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;
}

#map_div
{
position:absolute;
top:0px;
left:0px;
width:800px;
height:480px;
background-image:url(images/map_background.png);
display:none;
}

#game_div
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
display:none;
}

#game_over_div
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
text-align:center;
font-size:30px;
background-image:url(images/game_over_background.png);
display:none;
z-index:9;
}

#game_over_win_div
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
text-align:center;
font-size:30px;
background-image:url(images/game_over.gif);
display:none;
z-index:9;
}

#score_div
{
position:absolute;
top:10px;
left:20px;
color:#fff;
z-index:8;
}

#lives_div
{
position:absolute;
top:10px;
right:20px;
color:#fefe00;
z-index:8;
}

#menu_popup
{
position:absolute;
top:150px;
left:50%;
margin-left:-151px;
width:302px;
height:167px;
background-image:url(images/menu_popup.png);
display:none;
z-index:10;
}

#game_over_popup
{
position:absolute;
top:150px;
left:50%;
margin-left:-150px;
width:302px;
height:145px;
background-image:url(images/game_over_popup.png);
display:none;
z-index:10;
}

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

#level_end_div
{
position:absolute;
top:65px;
left:0px;
width:100%;
height:100%;
text-align:center;
font-size:30px;
display:none;
z-index:10;
}

#level_end_inner
{
position:absolute;
top:136px;
left:200px;
width:409px;
height:90px;
text-align:center;
font-size:51px;
color:#01349a;
}

#level_end_code
{
position:absolute;
top:295px;
left:240px;
width:150px;
height:90px;
font-size:24px;
color:#9a0101;
font-family:Times;
font-weight:bold;
}

#password_input
{
position:absolute;
top:124px;
left:173px;
width:448px;
height:75px;
border:none;
outline:none;
background:none;
font-size:65px;
font-family:cursecasual;
text-align:center;
}

#password_error_div
{
position:absolute;
top:220px;
left:173px;
width:448px;
height:75px;
border:none;
outline:none;
background:none;
font-size:35px;
text-align:center;
color:#f00;
display:none;
}

#boat_footer
{
position:absolute;
bottom:0px;
left:0px;
width:800px;
height:180px;
background-image:url(images/boat_footer2.png);
z-index:3;
}

#boat_barrier
{
position:absolute;
top:285px;
left:0px;
width:800px;
height:54px;
background-image:url(images/barrier.png);
z-index:5;
}

#question_div
{
position:absolute;
top:6px;
left:177px;
width:459px;
height:43px;
background-image:url(images/question_header.png);
font-size:20px;
color:#fff;
text-align:center;
}

.boat_1
{
width:287px;
height:201px;
padding-top:172px;
//padding-left:109px;
background-repeat:no-repeat;
color:#fff;
font-size:24px;
font-weight:bold;
cursor:pointer;
text-align:center;
}

.boat_2
{
width:223px;
height:201px;
padding-top:172px;
//padding-left:109px;
background-repeat:no-repeat;
color:#fff;
font-size:24px;
font-weight:bold;
cursor:pointer;
text-align:center;
}

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

#cannon_sprite
{
position:absolute;
top:267px;
left:254px;
width:300px;
height:301px;
background-image:url(images/cannon_1.png);
z-index:10;
}

#cannonball_sprite
{
position:absolute;
top:155px;
left:-500px;
width:80px;
height:80px;
z-index:9;
}

#explode_div
{
position:absolute;
width:113px;
height:118px;
left:-400px;
background-image:url(images/explode.png);
z-index:8;
}

#bird_head
{
position:absolute;
bottom:163px;
left:43px;
width:112px;
height:111px;
z-index:8;
}

#speech_bubble_div
{
position: absolute;
font-size:20px;
color:#000000;
text-align:center;
padding-top:68px;
padding-left:40px;
padding-right:40px;
bottom:50px;
left:122px;
width:201px;
height:119px;
background-image:url(images/speech_bubble.png);
background-repeat:no-repeat;
z-index:11;
}