html, body {
     height:100%;
     width: 100%;
     margin: 0px;
     padding: 0px;
     text-align: center;
     font-family: Lucida Sans, Lucida Sans Unicode, Arial, Verdana, Helvetica, sans-serif;
     color: #BB5F38;
     font-size: 12px;
     }

/*------------------------*/
/*----- container --------*/
/*------------------------*/
/*#container {
        margin: 0 auto;
        text-align: left;
        display: block;
        width: 950px;
        height: 590px;
        valign: middle;
        }*/

#container {
position:absolute;
height: 590px;
width: 950px;
margin:-295px 0px 0px -475px;
padding: 0px;
top: 50%;
left: 50%;
text-align: left;
}
.home{
     background: #fff url(../images/bg.antelope.jpg) no-repeat;
     }
.bio{
     background: #fff url(../images/bg.lion.jpg) no-repeat;
     }
.photos{
     background: #fff url(../images/bg.elephant.jpg) no-repeat;
     }
.contact{
     background: #fff url(../images/bg.giraffe.jpg) no-repeat;
     }
.guest{
     background: #fff url(../images/bg.zebra.jpg) no-repeat;
     }

/*------------------------*/
/*----- header  ----------*/
/*------------------------*/
#header {
        margin-top: 60px;
        margin-left: 225px;
        padding-left: 10px;
        padding-top: 5px;
        width: 480px;
        height: 30px;
        position: absolute;
        font-size: 16px;
        font-family: Lucida Sans, Lucida Sans Unicode, Arial, Verdana, Helvetica, sans-serif;
        color: #BB5F38;
        }

/*------------------------*/
/*----- content ----------*/
/*------------------------*/
#content {
        margin-top: 90px;
        margin-left: 225px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 10px;
        width: 480px;
        height: 432px;
        position: absolute;
        overflow: auto;
        }

a:link, h3, td{
        color: #BB5F38;
        font-size: 12px;
        }

a:visited{
        color: #BB5F38;
        font-size: 12px;
        }

a:hover{
        color: #BB5F38;
        font-size: 12px;
        background-color: none;
}

a:active{
        color: #BB5F38;
        font-size: 12px;
}


.inputfield{
        border-width: 1px;
        border-style: solid;
        border-color: #BB5F38;
        background-color: #FFFFFF;
        font-size: 11px;
        color: #BB5F38;
        }

.button, .button:link, .button:active, .button:visited{
        border-width: 1px;
        border-style: solid;
        border-color: #BB5F38;
        font-size: 11px;
        color: #BB5F38;
        height: 20px;
        text-decoration: none;
        background-color: #FFEAB5;
        padding-left: 4px;
        padding-right: 4px;
        padding-bottom: 2px;
        padding-top: 1px;
        }
a.button:hover{
        font-size: 11px;
        color: #FFEAB5;
        height: 20px;
        text-decoration: none;
        background-color: #BB5F38;
        padding-left: 4px;
        padding-right: 4px;
        padding-bottom: 2px;
        padding-top: 1px;
}

.detailImg{
        border-width: 1px;
        border-style: solid;
        border-color: #BB5F38;
        }

.detailDiv{
        margin-top: 0px;
        margin-left: 0px;
        position: absolute;
        height:300px;
        width:460px;
        text-align: center;
        }

.docDiv{
        margin-top: 95px;
        margin-left: 700px;
        width: 200px;
        position:absolute;
        background: #FFEAB5;
        visibility: hidden;
        }

.thumbnailDiv{
        margin-top: 305px;
        margin-left: 0px;
        position: absolute;
        height:100px;
        width:460px;
        }

/*------------------------*/
/*----- navigation -------*/
/*------------------------*/
#nav {
     margin-top: 545px;
     margin-left: 168px;
     height: 35px;
     width: 600px;
     padding-top: 5px;
     position: absolute;
     text-align: center;
     }

span.navitem{
     padding-left: 5px;
     padding-right: 5px;
     width: 100px;
     height: 34px;
     }