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

               
.thumbnail{
position: relative;
z-index: 0;
}
                
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
                
.thumbnail span{ /*CSS for enlarged image*/
                position: absolute;
                background-color: black;
                padding: 5px;
                left: -1000px;
                border: 1px solid white;
                visibility: hidden;
                color: white;
                text-decoration: none;
}
                
.thumbnail span img{ /*CSS for enlarged image*/  
                border-width: 0; 
                padding: 2px;
                width: 340px;
		height:244px;
                }
                
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
                visibility: visible;
                top: 30px;
                left: 105px; /*position where enlarged image should offset horizontally */
                
}