/*
TITLE:      Splash Page Styles for Carol Reach
AUTHOR:     Dan Boland, dan@danzigner.com
CREATED:    September 10, 2006
NOTES:      Hand-crafted in Los Angeles, CA
*/

* {margin: 0; padding: 0; }

.alt {display: none; }

body {background: #42261c; }

#wrapper {
    width: 966px;
    margin: 0 auto;
    }

#header {
    padding: 70px 0 0 370px;
    height: 75px !important;
    height /**/:145px; /* for IE5/Win only */
    background: url(../img/logo.gif) top left no-repeat;
    }

#nav {
    height: 75px;
    list-style: none;
    display: inline;
    overflow: hidden;
    }

#nav li {
    list-style: none; 
    display: inline;
    }
    
#nav a {
    float: left;
    padding: 75px 0 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:75px; /* for IE5/Win only */
    }
    
#nav a:hover {
    background-position: 0 -75px;
    }
    
#nav a.here {
    background-position: 0 -75px;
    }
    
#tchildren a {
    width: 71px;
    background: url(../img/tchildren.gif) top left no-repeat; 
    }
    
#tfamily a {
    width: 56px;
    background: url(../img/tfamily.gif) top left no-repeat; 
    }
    
#tweddings a {
    width: 79px;
    background: url(../img/tweddings.gif) top left no-repeat; 
    }
    
#tgallery a {
    width: 64px;
    background: url(../img/tgallery.gif) top left no-repeat; 
    }
    
#tdocumentary a {
    width: 106px;
    background: url(../img/tdocumentary.gif) top left no-repeat; 
    }
    
#tand a {
    width: 65px;
    background: url(../img/tand.gif) top left no-repeat; 
    }
    
#tcontact a {
    width: 71px;
    background: url(../img/tcontact.gif) top left no-repeat; 
    }
    
#tlinks a {
    width: 84px;
    background: url(../img/tlinks.gif) top left no-repeat; 
    }
    
#photo table {
    margin: 0 auto;
    }
    
.topframe {background: url(../img/top-frame.gif) top left repeat-x; }
.rightframe {background: url(../img/right-frame.gif) top right repeat-y; }
.bottomframe {background: url(../img/bottom-frame.gif) bottom left repeat-x; }
.leftframe {background: url(../img/left-frame.gif) top left repeat-y; }

#backnav, #nextnav {
    height: 22px;
    list-style: none;
    display: inline;
    overflow: hidden;
    }

#backnav li, #nextnav li {
    list-style: none; 
    display: inline;
    }
    
#backnav a {
    float: left;
    padding: 22px 0 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:22px; /* for IE5/Win only */
    width: 66px;
    background: url(../img/back.gif) top left no-repeat;
    }
    
#nextnav a {
    float: left; 
    padding: 22px 0 0 0;
    overflow: hidden;
    height: 0px!important;
    height /**/:22px; /*for IE5/Win only */
    width: 66px;
    background: url(../img/next.gif) top right no-repeat;
    }
    
#backnav a:hover, #nextnav a:hover {
    background-position: 0 -22px;
    }
        
#photonavwrap {
    margin: 0 auto;
    }

#photonav {
    height: 66px;
    list-style: none;
    display: inline;
    overflow: hidden;
    }

#photonav li {
    list-style: none; 
    display: inline;
    }
    
#photonav a {
    float: left;
    padding: 66px 0 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:66px; /* for IE5/Win only */
    width: 22px;
    background: url(../img/photonav.gif) top left no-repeat;
    }
    
#photonav a:hover {
    background-position: 0 -66px;
    }

#photonav a:visited {
    background-position: 0 -132px;
    }
    
#photonav a.here {
    background-position: 0 -66px;
    }