@charset "UTF-8";

<style type="text/css">


	.gallerycontainer {
	position: relative;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	}


	.thumbnail img {
	border: 1px solid #b5ac96;
	margin: 0 5px 5px 0;
	}
	
	.thumbnail:hover {
	background-color: transparent;
	}
	
	.thumbnail:hover img {
	border: 1px solid;
	border-color: #4C4C4C;
	}
	
	.thumbnail span {
	/*CSS for enlarged image*/
	position: fixed;
	background-color: #dedad2;
	padding: 5px; 
	border: 1px dashed gray;
	visibility: hidden;
	color: #4C4C4C;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: .8em;
	font-style: italic;
	}

	.thumbnail span img { 
	/*CSS for enlarged image*/
	border-width: 0px;
	padding: 2px;
	}
	
	.thumbnail:hover span { 
	/*CSS for enlarged image*/
	visibility: visible;
	top: 20px;
	left: 530px; /*position where enlarged image should offset horizontally */
	z-index: 1000;
	}

</style>