/* The containing box for the gallery. */
#gallcontain {
/*   background: url(images/gallery_hover_img.jpg) 40px 300px no-repeat; */
    position:relative;
    width:510px;
    height:320px;
/*    height: 902px; with the hover capability*/
    margin:0 auto 0 auto;
    border: none;
}

/* Removing the list bullets and indentation */
/* move the thumbnails into the correct position */
/* set the size to compactly house images*/
#gallcontain ul {
    padding:0;
    margin:0;
    list-style-type:none;
    width:510px;
    height:306px;
    float: right;
}

#gallcontain li {
    float:left;
}

/* Remove the images and text from sight */
#gallcontain a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background: none;
}

/* Adding the thumbnail images */
#gallcontain a.gallery, #gallcontain a.gallery:visited {
    display:block;
    color:#fff;
    text-decoration:none;
    border:1px solid #000;
    margin: 0px 0px 0px 0px;
    text-align:left;
    cursor:default;
}

#gallcontain a.slide {
    height:100px;
    width:100px;
}

/* change the thumbnail border color */
#gallcontain a.gallery:hover {
    border:1px solid #F80049;
}

/* take this out because no hover capability needed
styling the :hover span
#gallcontain a.gallery:hover span {
    position:absolute;
    width:400px;
    height:550px;
    top:0px;
    left:510px; 
    color:#fff;
    background: #202020;
}

#gallcontain a.gallery:hover img {
    border: none;
    float:left;
    margin-right: 0px;
} */