html { background: #FFFFFF; }

body { width: 775px; margin-left: auto; margin-right: auto; padding: 0; position: relative; left: 0; }

#backdrop { 
width: 800px; height: 550px; 
background-color: #454545;
padding: 0;
position: absolute; 
left: 0; top: -25px;
z-index: -10; 
}

#logo {
padding: 0;
position: absolute; 
left: 0; top: -20px;
z-index: 3;
border: none;
 }

a:link { color: #FFFFFF; }
a:visited { color: #FFFFFF; }
a:hover { color: #ab0000; }
a:focus, a:active { color: #CF907F; }

#navigation {
position: absolute; 
left: 294px; top: 0px;
z-index: 5;
margin: 0;
padding: 0;
list-style: none;
	}

#navigation li {
font-family: "century gothic", arial, sans;
font-size: 70%;
padding: 0px 0 7px 35px;
letter-spacing: .2em;
	}

#art {
color: #D3D3D3}

#topics { font-weight: bold}
	
#navigation a { text-decoration: none; }


#navigation li.current {
	font-style: italic;
	color: #ab0000; }

#copyright {
position: relative; 
left: 690px;
top: 525px;
font-size: 9pt;
font-family: "century gothic", arial, sans;
color: #000000;
padding-top: 15px;
z-index: 7; }

/* content******************************************************************************/ 

#main-content { 
width: 800px;
height: 410px;
position: relative ;
left: -1px;
top: 87px;
border-top: 1px solid #ffffff; 
z-index: 9;

font-family: "century gothic", arial, sans;
color: #FFFFFF}

/* photo gallery styling****************************************************************/
#gallery-list { text-align:center; }

p.description { 
font-size:76%; 
letter-spacing:0.05em; 
font-style: italic;
} 

p.materials {
font-size:60%; 
letter-spacing:0; 
} 

p.photographer {  
font-size:60%; 
letter-spacing:0.05em; 
} 

#main-content ul { 
padding:0; 
margin:0; 
list-style-type:none; } 

#main-content a.gallery span { 
position:absolute; 
width:1px; 
height:1px; 
top:5px; 
left:5px; 
overflow:hidden;
background:#000000; }

/* Adding the thumbnail images */ 

#main-content a.gallery, #main-content a.gallery:visited { 
display:block; 
color:#000; 
text-decoration:none; 
border:1px solid #000; 
margin:1px 2px 1px 2px; 
text-align:left; 
cursor:default; 
} 


/* thumnail position****************************************/
#main-content ul { 
width:802px; 
height:64px; 
position: absolute;
top:325px;
border-top: 4px solid #FFFFFF; 
} 
#main-content li { 
float:left; 
} 

/* change the thumbnail border color */ 
#main-content a.gallery:hover { 
border:1px solid #fff; }

/* styling the :hover span */ 
#main-content a.gallery:hover span { 
position:absolute; 
width:320px; 
height:320px; 
top:-329px; 
left:405px; 
color:#000; 
background:#454545; 
} 

/*formatting the write-up**********************************************************/

div.write-up {
position:absolute ;
width: 314px;
height: 315px;
top:-1px ;
left:-1px;
overflow:auto ;
border: 1px solid #FFFFFF;
padding: 5px;
font-size: 75%;
text-align: right;
font-family: arial, sans; }

#title {
font-size: 10pt;
text-align: right;
letter-spacing: .3em; }

#year {
position:absolute ;
width: 305px;
height:20px;
top:2px ;
left:0px;
font-weight: normal;
font-size: 87%;
float: left; 
margin-left:75px;

 }

a.years {
margin-left:9px;}