<style type="text/css">


.gallerycontainer{

	
position: relative;
text-decoration:none;


/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 15px 15px 0;
text-decoration:none;

 



}

.thumbnail:hover{
	background-color: transparent;
	text-decoration:none;
}



.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #FFFFFF;
	padding: 15px;
	visibility: hidden;
	color: #898989;
	text-decoration: none;
	margin-top:08%;
	font-size:11px;
	left: 20%;

}

.thumbnail span img{ /*CSS for enlarged image*/

float: left;
text-decoration:none;

}

.thumbnail:hover span{ /*CSS for enlarged image text position*/
	visibility: visible;
	top: 0;
	text-decoration: none;
	text-align: left;
	
	font-family: Futura, Georgia, Helvetica, Arial, serif;
	
	/*position where enlarged image should offset horizontally */
	

	

}

</style>

