<style type="text/css">

#wrapper {}


#gallerycontainer{position: relative; width:255px; height:302px; float:left; display:inline; background-color:#000000;
}
/*Add a height attribute and set to largest image's height to prevent overlaying*/


/*THUMBNAILS IN MIDDLE 3 ROWS OF PANEL*/
.thumbnail img{border-top: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF; float: left; display: inline;}
.thumbnail:hover{border-top: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF; float: left; display: inline;}
.thumbnail:hover img{border-top: solid 0px #FFFFFF; border-left: solid 0px #FFFFFF; float: left; display: inline;}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
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*/
visibility: visible;
top: 84px;
left: -475px; /*position where enlarged image should offset horizontally */
z-index: 50;
}




/*THUMBNAILS IN LEFT-END OF PANEL*/
.thumbnailleft img{border-top: solid 1px #FFFFFF; border-left: solid 0px #FFFFFF; float: left; display: inline;}
.thumbnailleft:hover{border-top: solid 1px #FFFFFF; border-left: solid 0px #FFFFFF; float: left; display: inline;}
.thumbnailleft:hover img{border-top: solid 0px #FFFFFF; border-left: solid 0px #FFFFFF; float: left; display: inline;}

.thumbnailleft span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailleft:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 84px;
left: -475px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*THUMBNAILS IN RIGHT-END OF PANEL*/
.thumbnailright img{border-top: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF;  border-right: solid 0px #FFFFFF;float: left; display: inline;}
.thumbnailright:hover{border-top: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF;  border-right: solid 0px #FFFFFF;float: left; display: inline;}
.thumbnailright:hover img{border-top: solid 0px #FFFFFF; border-left: solid 0px #FFFFFF;  border-right: 0px #FFFFFF;float: left; display: inline;}

.thumbnailright span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailright:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 84px;
left: -475px; /*position where enlarged image should offset horizontally */
z-index: 50;
}




/*THUMBNAILS AT TOP*/
/*THUMBNAILS IN MIDDLE 3 ROWS OF PANEL*/
.thumbnailtop img{border-left: solid 1px #FFFFFF; float: left; display: inline;}
.thumbnailtop:hover{border-left: solid 1px #FFFFFF; float: left; display: inline;}
.thumbnailtop:hover img{border-left: solid 0px #FFFFFF; float: left; display: inline;}


.thumbnailtop span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailtop:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 84px;
left: -475px; /*position where enlarged image should offset horizontally */
z-index: 50;
}




/*THUMBNAILS IN LEFT-END OF PANEL*/
.thumbnailtopleft img{border-top: solid 0px #FFFFFF; border-left: solid 0px #FFFFFF; float: left; display: inline;}
.thumbnailtopleft:hover{border-top: solid 0px #FFFFFF; border-left: solid 0px #FFFFFF; float: left; display: inline;}
.thumbnailtopleft:hover img{border-top: solid 0px #FFFFFF; border-left: solid 0px #FFFFFF; float: left; display: inline;}

.thumbnailtopleft span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailtopleft:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 84px;
left: -475px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*THUMBNAILS IN RIGHT-END OF PANEL*/
.thumbnailtopright img {border-left: solid 1px #FFFFFF;  border-right: solid 0px #FFFFFF;float: left; display: inline;}
.thumbnailtopright:hover {border-left: solid 1px #FFFFFF;  border-right: solid 0px #FFFFFF;float: left; display: inline;}
.thumbnailtopright:hover img {border-left: solid 0px #FFFFFF;  border-right: 0px #FFFFFF;float: left; display: inline;}

.thumbnailtopright span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailtopright:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 84px;
left: -475px; /*position where enlarged image should offset horizontally */
z-index: 50;
}




/*THUMBNAILS AT BOTTOM*/
/*THUMBNAILS IN MIDDLE 3 ROWS OF PANEL*/
.thumbnailbottom img{border-bottom: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF; float: left; display: inline;}
.thumbnailbottom:hover{border-bottom: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF;  border-left: solid 1px #FFFFFF; float: left; display: inline;}
.thumbnailbottom:hover img{border-bottom: solid 0px #FFFFFF; border-top: solid 0px #FFFFFF; border-left: solid 0px #FFFFFF; float: left; display: inline;}


.thumbnailbottom span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailbottom:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 84px;
left: -475px; /*position where enlarged image should offset horizontally */
z-index: 50;
}




/*THUMBNAILS IN LEFT-END OF PANEL*/
.thumbnailbottomleft img{border-bottom: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-left: solid 0px #FFFFFF; float: left; display: inline;}
.thumbnailbottomleft:hover{border-bottom: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-left: solid 0px #FFFFFF; float: left; display: inline;}
.thumbnailbottomleft:hover img{border-bottom: solid 0px #FFFFFF; border-top: solid 0px #FFFFFF; border-left: solid 0px #FFFFFF; float: left; display: inline;}

.thumbnailbottomleft span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnailbottomleft:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 84px;
left: -475px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*THUMBNAILS IN RIGHT-END OF PANEL*/
.thumbnailbottomright img {border-left: solid 1px #FFFFFF;  border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF;float: left; display: inline;}
.thumbnailbottomright:hover {border-left: solid 1px #FFFFFF;  border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF;float: left; display: inline;}
.thumbnailbottomright:hover img {border-left: solid 0px #FFFFFF;  border-top: solid 0px #FFFFFF; border-bottom: solid 0px #FFFFFF;float: left; display: inline;}

.thumbnailbottomright span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}    

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

.thumbnailbottomright:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 84px;
left: -475px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
</style>
