/* begin gallery styling */
#box-gallery {
	
}
#jgal { 
	list-style: none;
	width: 240px;
	margin: 5px 0 0 5px;
	padding: 10px 0;
}
#jgal li {
	opacity: .5;
	float: left;
	display: block;
	width: 80px;
	height: 80px;
	background-position: 50% 50%;
	cursor: pointer;
	border: 3px solid #fff;
	outline: 1px solid #ddd;
	margin-right: 20px;
	margin-bottom: 20px;
}
#jgal li img {
	position: absolute;
	top: 200px;
	left: 360px;
	display: none;
}
#jgal li.active img {
	display: block;
}
#jgal li.active, #jgal li:hover {
	outline-color: #226D44;
	opacity: .99 /* safari bug */
} 
/* styling without javascript */
#gallery {
	list-style: none;
	
}
#gallery li {
	float: left;
	margin: 0 10px 10px 0;
	
}
<!--[if lt IE 8]>
<style media="screen,projection" type="text/css">
	#jgal li { filter: alpha(opacity=50); }
	#jgal li.active, #jgal li:hover { filter: alpha(opacity=100); }
</style>
<![endif]-->