html {height: 100%;}

body 
{ 
        margin: 0;
        padding: 0;                
        font-family: arial, helvetica, sans-serif;
        font-size: 12px;
        color: #000;
        background: #C0C598 url(../images/bg_page.gif) repeat-y 10px 0;
        height: 100%;
}



/*-----[HEADER STYLES]----------*/

.wrapper
{
        position: relative;
        width: 738px;
        margin-left: 10px;
        min-height: 100%;          
}

* html .wrapper { height: 100%; }

#bgPlane
{
        background: transparent url(../images/bg_plane.jpg) no-repeat 382px 109px;
}
#bgFish
{
        background: transparent url(../images/bg_fish.jpg) no-repeat 382px 94px;
}
#bgFlag
{
        background: transparent url(../images/bg_flag.jpg) no-repeat 412px 100px;
}

#bgMars
{
        background: transparent url(../images/bg_marscycle.gif) no-repeat 482px 94px;
}

#bgRadio
{
        background: transparent url(../images/bg_radio.jpg) no-repeat 432px 110px;
}

#bgTypewriter
{
        background: transparent url(../images/bg_typewriter.gif) no-repeat 472px 90px;
}




#masthead
{        
        width: 738px;
        height: 83px;
        margin-bottom: 8px; 
        background: transparent url(../images/bg_masthead.gif) no-repeat 0 0;
}

#logo
{
        margin-bottom: 40px;
        width: 316px;
        height: 68px;
}



/*-----[MENU STYLES]----------*/

#menuContainer
{
        float: left;
        width: 100px;
}

ul#menu
{
        margin:0;
        padding: 0;
        list-style: none;
        width: 80px;
}

ul#menu li
{
        text-align: right;
        line-height: 32px;
        font-family: serif;
        font-size: 130%;
        color: #C43234;
}

ul#menu li a 
{
        color: #C43234;
        text-decoration: none;
}

ul#menu li a:hover 
{
        text-decoration: underline;
}

ul#menu li.menuOn a
{
        color: #3554C5;
        text-decoration: underline;
}

ul#menu li.menuOn a:visited
{
        color: #3554C5;
}







/*-----[CONTENT STYLES]----------*/

#contentContainer
{
        float: left;
        width: 739px;
}

.content
{
        float: right;
        position: relative;
        margin-right: 40px;
        width: 550px;
        display: inline; /*IE doubled float margin hack*/
}


/*content styles*/
.content#home{ margin-top: 70px; }
.content#engravings, .content#paintings { margin-top: 70px; }
.content#engravings img, .content#paintings img 
{ 
        display: inline;
        margin: 0 20px 20px 0;
        cursor: pointer;  
}

.content#books{ margin-top: 70px; }
.content#booksFish{ margin-top: 70px; }
.content#booksAmerica{ margin-top: 58px; }
.content#booksmars{ margin-top: 70px; }
.content#bio{ margin-top: 12px; }
.content#contact{ margin-top: 32px; }


#announcement
{
        margin-top: 30px;
}


#announceImages img
{
        margin: 0 40px 20px 0;
}

#announceImages p
{
        width: 475px;
}

/*fish book page*/
#fishHeader
{
        position: absolute;
        top: -33px;
        left: 100px;
}

#fishLetter
{
        position: absolute;
        top: 56px;
        left: 284px;
}

#fishSeal
{
        position: absolute;
        top: 280px;
        left: 338px;
}

#fishSeeInside
{
        position: absolute;
        width: 240px;
        height: 65px;       
        top: 445px;
        left: 338px;
        background: transparent url(../images_books/fish_see_inside.gif) no-repeat 0 0;
}

#fishSeeInside a#baseball, #fishSeeInside a#octopus, #fishSeeInside a#shark
{
        position: absolute;
        top: 31px;
}

#fishSeeInside a#baseball 
{ 
        left: 3px; 
}
#fishSeeInside a#octopus 
{ 
        left: 84px;
}
#fishSeeInside a#shark 
{ 
        left: 170px; 
}


#fishBooksigning
{
        position: absolute;
        top: 540px;
        left: 375px;
}

#fishBuy
{
        position: absolute;
        top: 580px;
        left: 405px;
}







/*mars book page*/
#marsHeader
{
        position: absolute;
        top: -33px;
        left: 100px;
}

#marsComing2007
{
        position: absolute;
        top: -48px;
        left: 105px;
}

#marsLetter
{
        position: absolute;
        top: 56px;
        left: 284px;
}

#marsSeal
{
        position: absolute;
        top: 280px;
        left: 338px;
}

#marsSeeInside
{
        position: absolute;
        width: 240px;
        height: 65px;       
        top: 355px;
        left: 338px;
        background: transparent url(../images_books/mars_see_inside.gif) no-repeat 0 0;
}

#marsSeeInside a#mars1, #marsSeeInside a#mars2, #marsSeeInside a#mars3
{
        position: absolute;        
        top: 31px;
}

#marsSeeInside a#mars1 
{ 
        left: 3px; 
}
#marsSeeInside a#mars2
{ 
        left: 84px;
}
#marsSeeInside a#mars3
{ 
        left: 170px;
}


#marsBooksigning
{
        position: absolute;
        top: 540px;
        left: 375px;
}

#marsBuy
{
        position: absolute;
        top: 440px;
        left: 405px;
}









/*america book page*/

#americaHeader
{
        position: absolute;
        top: -40px;
        left: 100px;
}

#americaLetter
{
        position: absolute;
        top: 188px;
        left: 329px;
}

#americaSeal
{
        position: absolute;
        top: 35px;
        left: 358px;
}

#americaSeeInside
{
        position: absolute;
        width: 240px;
        height: 65px;       
        top: 475px;
        left: 330px;
        background: transparent url(../images_books/ab_see_inside.gif) no-repeat 0 0;
}

#americaSeeInside a#wtc, #americaSeeInside a#mountains, #americaSeeInside a#amberwaves
{
        position: absolute;
        top: 31px;
}

#americaSeeInside a#wtc 
{ 
        left: 170px; 
}
#americaSeeInside a#mountains 
{ 
        left: 84px; 
}
#americaSeeInside a#amberwaves
{ 
        left: 3px; 
}

#americaBuy
{
        position: absolute;
        top: 570px;
        left: 397px;
        padding-bottom: 30px;
}






/*picture gallery styles*/
#largePicDiv
{
        position: absolute; 
        float: left;
        margin: -10px 0 0 -10px;      
        display: none;
        border: 2px solid #000;
        background-color: #fff;
        padding: 10px;
        z-index: 99;
}

#largePicDiv img
{
        z-index: 99;
}

#largePicDiv p
{
        position: absolute;
        top: 49%;
        left: 49%;
        z-index: 1;
}

#largePicDiv h1
{
        float: left;
        margin: 0 0 20px 0;        
        font-size: 15px;
        color: #c00;
}

* html #largePicDiv h1 {  margin-left: 10px; }

#largePicDiv h5
{
        margin: 4px 0 16px 0;
        float: right;
        font-size: 11px;
}

#largePic
{
        display: inline;        
}

* html #largePic {padding-left: 20px;}




#popupWindow
{
        position: absolute;
        float: left;         
        width: 450px;
        margin: -10px 0 0 -10px;      
        display: none;
        border: 2px solid #000;
        background-color: #fff;
        padding: 10px;
        z-index: 99;
        background-color: #fff;
}

#popupWindow h1
{
        float: left;
        margin: 0 0 20px 0;        
        font-size: 15px;
        color: #c00;
}

#popupWindow h5
{
        margin: 4px 0 16px 0;
        float: right;
        font-size: 11px;
}

#popupCopy
{
        float: left;
        width: 100%;
}



/*misc*/


.booksLeftColumn
{
        float: left;
        width: 250px;
        margin-right: 30px;
}


.booksRightColumn
{
        float: left;
        width: 250px;
}

dl.books
{
        margin: 0 0 18px 0;
        padding: 0; 
}

dl.books dt
{
        margin: 0 0 6px 0;
        padding: 0;
}

dl.books dd
{
        margin: 0 0 24px 0;
        padding: 0;
}

dl.books dd p
{
        width: 250px;
}



#backToBooks
{
        position: absolute;
        top: -28px; 
        left: 0;
        width: 94px;
        height: 20px;
        background: transparent url(../images/icons_backtobooks.gif) no-repeat 0 0;       

}

#backToBooks a
{
        display: block;
        width: 100%;
        height: 100%;
}


/*anchor styles*/

a 
{
        color: #C43234;
        text-decoration: none;
}

a:hover 
{
        text-decoration: underline;
}



/*footer styles*/

#footer
{
        clear: both;
        margin: 30px 0 20px 147px;
        padding-bottom: 10px;
}

#footer p 
{
        margin: 0;
        font-size: 11px;
        color: #CDB875;
}


.portrait
{
        margin: 0 0 18px 0;
}

h1
{
        font-size: 13px;
        font-weight: bold;
        margin: 0;
}

h1 span
{
        display: none;
}


/*contact page styles*/
h1#prints
{
        width: 150px;
        height: 23px;
        background: transparent url(../images/hdr_prints.gif) no-repeat 0 0;
        margin-bottom: 12px;
}

p#printsCopy {width: 280px;}

h1#visits
{
        width: 150px;
        height: 23px;
        background: transparent url(../images/hdr_visits.gif) no-repeat 0 0;
        margin-bottom: 12px;
}

p#visitsCopy {width: 370px;}


h1#email
{
        width: 150px;
        height: 23px;
        background: transparent url(../images/hdr_email.gif) no-repeat 0 0;
        margin-bottom: 12px;
}




h2
{
        font-size: 12px;
        font-weight: bold;
        margin: 0;
        color: #C43234;
}

p
{
        margin: 0 0 18px 0;
}