/* general styling for this example */

/* begin gallery styling */
#jgal  {
	list-style: none;
	height: 25px;
	width: 440px;
}
#jgal li   {
	opacity: .5;
	float: left;
	display: block;
	width: 60px;
	height: 60px;
	background-position: 50% 50%;
	cursor: pointer;
	border: 3px solid #fff;
	outline: 1px solid #ddd;
	margin-right: 6px;
	margin-bottom: 12px;
	margin-top: 320px;
}
#jgal li img {
	float: right;
	display: none;
	border: 3px solid #fff;
	outline: 1px solid #ddd;
	margin-right: 12px;
	margin-bottom: 12px;
	position: absolute;
	top: 880px;
}
#jgal li.active img {
	display: block;
}
#jgal li.active, #jgal li:hover     { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery {
	list-style: none;
	display: block;
}
#gallery li { float: left; margin: 0 10px 10px 0; }