@charset "UTF-8";
body {
        background-color: #000000;
        height: 100%;
        margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
        padding: 0;
        text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
}


/* #secondtone{
        position: fixed;
        top: 0;
        left: 0;
        width: 50%;
        height: 400%;
        background: #72CACB;
        margin: 0;
        z-index: 1;
}

#newbody {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        }

*/

#container {
        width: 832px;
        height: 624px;
        margin: 0 auto;
        background: #000000 url(images/magic-fish.jpg) no-repeat;
        }

#fishspot {
        position: relative;
        top: 145px;
        left: 160px;
        width: 100px;
        height: 65px;
        }

#photospot  {
        position: relative;
        top: 400px;
        left: 35px;
        width: 150px;
        height: 35px;
        }

#moviespot  {
        position: relative;
        top: 365px;
        left: 210px;
        width: 150px;
        height: 35px;
        }

#archivespot  {
        position: relative;
        top: 330px;
        left: 385px;
        width: 150px;
        height: 35px;
        }

#sign {
        position: relative;
        top: 205px;
        left: 65px;
        width: 300px;
        height: 70px;
        background: url(images/magic-fish.png) no-repeat center;
        }


/* #fishtext {
        position: relative;
        visibility: hidden;
        font-family: cursive, Helvetica, sans-serif;
        top: 55px;
        height: 50px;
        left: 50px;
        width: 300px;
        line-height: 1.4em;
        color: #FFFFFF;
        }   */

#phototext {
        position: relative;
        visibility: hidden;
        font-family: cursive, Helvetica, sans-serif;
        top: 100px;
        left: 55px;
        width: 300px;
        height: 90px;
        line-height: 1.4em;
        color: #C0C0C0;
        }

#movietext {
        position: relative;
        visibility: hidden;
        font-family: cursive, Helvetica, sans-serif;
        top: 35px;
        left: 55px;
        width: 300px;
        height: 90px;
        line-height: 1.4em;
        color: #C0C0C0;
        }

#archivetext {
        position: relative;
        visibility: hidden;
        font-family: cursive, Helvetica, sans-serif;
        bottom: 55px;
        left: 55px;
        width: 300px;
        height: 90px;
        line-height: 1.4em;
        color: #C0C0C0;
        }

ul#buttons{
        position: relative;
        top: 450px;
        left: 35px;
        padding: 0px;
        }

#buttons li {
        list-style-type: none;
        display: inline;
        white-space: nowrap;
        font-size: 1.4em;
        line-height: 1.5em;
        padding: 0;
}


#buttons a:link, #buttons a:visited {
        text-decoration: none;
        float: left;
        font-family: fantasy, Times New Roman, sans-serif;
        background: url(images/lightbutton.png) no-repeat;
        margin: 0px 25px 0px 0px;
        font-size: 1.2em;
        line-height: 1.4em;
        width: 150px;
        height: 35px;
        color: #C0C0C0;
        }


#buttons a:hover {
        background: url(images/darkbutton.png) no-repeat;
        }

#sunbutton {
        position: relative;
        font-family: cursive, Helvetica, sans-serif;
        font-size: 1.3em;
        background: url(images/lightbutton.png) no-repeat;
        bottom: 134px;
        left: 210px;
        width: 150px;
        height: 35px;
        line-height: 1.4em;
        color: #FFFFFF;
        }

#shorebutton {
        position: relative;
        font-family: cursive, Helvetica, sans-serif;
        font-size: 1.3em;
        background: url(images/lightbutton.png) no-repeat;
        bottom: 170px;
        left: 385px;
        width: 150px;
        height: 35px;
        line-height: 1.4em;
        color: #FFFFFF;
        }


/* .parchment {
        position: relative;
        top: 25px;
        left: 15px;
        width: 300px;
        height: 200px;
        background: url(images/parchment.gif) center no-repeat;
        }

*/