/* CSS Image Gallery Styles */

/* Note thumbs should be 100px high */

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

/* Styles left justified to make 700px wide photos centered on page */

.thumbnailh img{
	border: 1px solid black;
	margin: 0px 0px 5px 0px;
}

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

.thumbnailh:hover img{
	border: 1px solid black;
}

.thumbnailh span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: DimGray;
	padding: 5px;
	left: -1000px;
	visibility: hidden;
	color: white;
	text-decoration: none;
}

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

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

/* Styles to make squarish photos almost centered on page*/

.thumbnailv img{
	border: 1px solid black;
	margin: 0px 0px 5px 0px;
}

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

.thumbnailv:hover img{
	border: 1px solid black;
}

.thumbnailv span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: DimGray;
	padding: 5px;
	left: -1000px;
	visibility: hidden;
	color: white;
	text-decoration: none;
}

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

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

/* End CSS Image Gallery Styles */