.a, .a:visited {
	color:#000;
}

#thumbnails {
	position: relative; 
	float: left; 
	top: 40px; 
	left: 40px; 
	height: 470px; 
	width: 225px; 
	background-color: #010066;
}

/* With these width and margin settings, only three 50x50 images can fit in a row */
#container {
	position:relative; 
	width:190px; 
	margin: 25px 23px 10px 23px; 
	background:#010066;
}

a.gallery, a.gallery:visited {
	display:inline; 
	color:#000; 
	text-decoration:none; 
	width:50px; 
	height:50px; 
	float:left; 
	border: 1px solid gray; 
	margin:5px 5px 5px 5px; 
	position:relative; 
	cursor:default;
}

/* The container for the large images when displayed */
a.gallery span {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	cursor:default;
}

a.gallery:hover {
	border:1px solid #66cafb; 
	z-index:100;
}

/* Makes the span tag visible */
a.gallery:hover span {
	visibility:visible; 
	z-index:100;
}

/* Large picture when displayed */
a.gallery:hover span img {
	position:relative; 
	z-index:100;
	border: 3px solid #fff;
}

#pictureFrame {
	position: relative; 
	top: 40px; 
	float: right; 
	margin-right: 25px; 
	height: 470px; 
	width: 500px; 
	background-color: transparent; 
}