body {
background: #0da8d6 url('bg.gif') repeat-x top;
margin: 0px;
font-family: "Georgia";
}

#container {
background: url('bottle.gif') no-repeat bottom;
width: 750px;
height: 444px;
position: relative;
margin: auto;
top: 0;
}

#crab {
background: url('crab.gif') no-repeat;
width: 166px;
height: 124px;
position: absolute;
top: 356px;
right: 34px;
}

#contactform {
background: url('paper.gif') no-repeat;
width: 234px;
height: 352px;
position: absolute;
top: 10px;
right: 50px;
}

#contactform h1 {
background: url('con_title.gif');
width: 167px;
height: 39px;
margin: 0px auto;
padding: 0px;
position: relative;
top: 15px;
}


#name {
 background: url('name.gif');
 width: 70px;
 height: 12px;
 position: absolute;
 top: 70px;
 left: 39px;
 }

#email {
 background: url('email.gif');
 width: 99px;
 height: 16px;
 position: absolute;
 top: 90px;
 left: 10px;
 }

.inputfield {
border: 0px;
background: #daae62;
width: 88px;
height: 14px;
position: absolute;
padding: 0 4px;
font-family: "Georgia";
font-size: 9px;
}

#namfield {
top: 67px;
left: 115px;
}

#mailfield {
top: 94px;
left: 115px;
}

#comment {
 background: url('message.gif');
 width: 55px;
 height: 13px;
 position: absolute;
 top: 137px;
 left: 30px;
}

#submit {
border: 0px;
background: url('send.gif') no-repeat;
width: 69px;
height: 40px;
position: absolute;
bottom: 40px;
right: 25px;
font-size: 1px;
line-height: 40px;
color: #daae62;
}

#message {
border: 0px;
background: #daae62;
width: 167px;
height: 85px;
position: absolute;
padding: 8px;
font-family: "Georgia";
font-size: 9px;
top: 150px;
left: 23px;
}

#cloud {
background: url('cloud.gif') no-repeat;
width: 233px;
height: 193px;
position: absolute;
top: 10px;
}

#cloud p {
width: 175px;
position: absolute;
top: 31px;
left: 30px;
font-size: 12px;
padding: 0px;
margin: 0;
}

#footer {
position: relative;
top: 430px;
left: 35px;
font-size: 11px;
font-weight: 900;
color: white;
}

#water {
background: url('bg_wtr.gif') repeat-x bottom;
height: 154px;
}

#footer a {
color: #e2e7ec;
}

#footer .remix {
color: #ff2c9b;
}

.brno {
display: none;
}

fieldset {
border: 0px solid white;
}

#contactform h1 span, #contactform #name span, #contactform #email span, #contactform #comment span, .brno {
display: none;
}

#navicons #home span, #navicons #work span, #navicons #about span {
display: none;
}

#navicons {
background: url('nav_base.gif');
width: 194px;
height: 108px;
position: absolute;
top: 313px;
left: 245px;
}

#navicons #home {
background: url('home.gif');
width: 70px;
height: 24px;
position: absolute;
display: block;
left: 64px;
top: 20px;
}

#navicons #home:hover {
background: url('home_on.gif');
}

#navicons #work {
background: url('work.gif');
width: 63px;
height: 31px;
position: absolute;
top: 59px;
left: 32px;
}

#navicons #work:hover {
background: url('work_on.gif');
}

#navicons #about {
background: url('about.gif');
width: 57px;
height: 29px;
position: absolute;
top: 61px;
right: 37px;
}

#navicons #about:hover {
background: url('about_on.gif');
}

#mailsent {
width: 298px;
height: 137px;
position: absolute;
top: 180px;
font-size: 18px;
font-weight: 900;
color: white;
left: 50px;
}

#mailsent p {
height: 41px;
border: 0px solid red;
padding: 14px;
margin: 0px;
position: relative;
top: 32px;
left: 10px;
width: 210px;
}

.bad {
background: url('arrow_red.gif');
}

.good {
background: url('arrow_green.gif');
}

#fishes {
background: url('fishes.gif');
width: 600px;
height: 39px;
margin: 0px auto;
}