/* photo gallery */

#main-content li{
width:212px;
border:0px solid #999999;
background:#FFF;
padding:1px;
position:relative;
float:left;
display:inline;
margin:0px;
}

#main-content img{
border:0px none;
}



/* test gallery */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color:transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding:2px;
left: -1000px;
border: 1px solid #CCCCCC;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 212px; /*position where enlarged image should offset horizontally */
}








.gallery_box{
color:#FFFFFF;
line-height:1.5em;
letter-spacing:0.1em;
padding:20px;
margin:15px auto;
text-align:left;
width:580px;
border-left:1px solid #1E1E1E;
}
.reflect{
/* joining cells messes it up? */
background-image:url(../gallery1/mirror.jpg);
background-repeat:no-repeat;
background-position:top;
height:110px;
}
.gallery_box h1{
color:#FFFFFF;
font-size:18px;
font-weight:normal;
padding-bottom:5px;
border-bottom:1px solid #1B1B1B;
letter-spacing:0.4em;
}
.gallery_box a{
color:#FFFFB0;
font-style:italic;
border-bottom:1px dotted #999999;
text-decoration:none;
padding-bottom:3px;
}
/* oouter */
.gallery_bg{
background-color:#000000;
padding:20px;
text-align:center;
color:#FFFFFF;
}
.credits{
font-size:12px;
color:#999999;
letter-spacing:0.1em;
}