/* The containing box for the gallery. */
#subgallcontain {
    background: url(images/subgallery_hover_img.jpg) no-repeat;
    position:relative;
    width:502px;
    height: 520px;
    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*/
#subgallcontain ul {
    padding:0;
    margin:0;
    list-style-type:none;
    width:102px;
    height:408px;
    float: right;
}

#subgallcontain li {
    float:right;
}

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

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

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

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

/* styling the :focus span */
#subgallcontain a.subgallery:hover span {
    position:absolute;
    width:400px;
    height:520px;
    top:-15px;
    left:0px;
    color:#fff;
    background:#202020;
}

#subgallcontain a.subgallery:hover img {
    border: none;
    float:left;
    margin-right: 0px;
}