/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer
 {
 width:545px;
 height:75px; /*height:140px;*/
 position:absolute;left:10px;top:474px;/*top:450px;*/
 /*Add a height attribute and set to largest image's height to prevent overlaying*/
 }

.thn /* replaces width height and border on each thumbnail in html */
 {
 width:100px;
 height:65px;
 border:0;
 }

.thumbnail img
 {
 border:1px solid #0c5f55;
 margin:0 3px 5px 0;
 }

.thumbnail:hover
 {
 background-color: transparent;
 }

.thumbnail:hover img
 {
 border: 1px solid blue;
 }

.thumbnail span /*CSS for enlarged image*/
 {
 position:absolute;
 background-color:#ffffe0;
 padding: 5px;
 left: -1000px;
 border: 1px solid gray;
 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: -330px;
 left: 60px; /*position where enlarged image should offset horizontally */
 z-index: 50;
 }