﻿/*  Simple Css Gallery */

#gallery_container {
	background-color: #99CC99;
	height: 700px;
	width: 900px;
	padding: 10px;
	margin: auto;
	position: relative;
}

/* Drak Grey container that holds gallery */

#simple_gallery {
	height: 400px;
	width: 100%;
	position: relative;
	margin: auto;
}


#simple_gallery img {border: 5px solid #FFFFFF;}

/* Thumbnails styles */
.simple_thumbnails {
	margin: 1px;
	float: left;
}



/* Large rollover image styles */
#simple_gallery span img {
margin-bottom: 10px
}



#simple_gallery span{
	visibility: hidden;
	position: absolute;
	top: 120px;
	color: #FFFFFF;
	font-size: 12px;
	width: 435px;
	left: -1000px; /* prevents the browser to show scroll bar at bottom*/
}

#simple_gallery a:link span {
color:#FFFFFF;
text-decoration: none;
visibility:hidden;
}

#simple_gallery a:visited span {
text-decoration: none;
color:#FFFFFF;
visibility:hidden;
}

#simple_gallery a:hover span{
	/*CSS for enlarged image*/
visibility: visible;
	position: absolute;
	left: 1px; /*position where enlarged image is placed horizontally */;
	top: 150px;
	z-index: 50;
	color: #FFFFFF;
}

#simple_gallery a:active span {
text-decoration: none;
color:#FFFFFF;
visibility:hidden;
}
