@charset "UTF-8";
/* CSS Document */

/* general styling for this example */
* {
	margin: 0;
	padding: 0;
}

/* begin gallery styling */
#jgal {
	list-style: none;
	width: 400px;
}
#jgal li {
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	float: left;
	display: block;
	width: 80px;
	height: 57px;
	cursor: pointer;
	border: 1px solid #666666;
	margin-right: 15px;
	margin-bottom: 7px;
	background-position: 50% 50%;
	padding: 1px;
}
#jgal li img {
	position: absolute;
	display: none;
	border: 1px solid #333333;
	padding: 2px;
	top: -342px;
	left: 0px;
}
#jgal li.active img {
	display: block;
}
#jgal li.active, #jgal li:hover {
	outline-color: #bbb;
	opacity: .99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
	-khtml-opacity: 0.99;
}

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