/* begin gallery styling */
#jgal {
	list-style: none; width: 358px; float: left;
	padding: 360px 0 0;
}
#jgal li { 
	opacity: 0.5; filter: alpha(opacity=50); float: left; 
	display: block; width: 70px; height: 70px; 
	background-position: 50% 50%; cursor: pointer; border: 1px solid #2f2f2f; 
	margin: 0 17px 17px 0;
}
#jgal li img { 
	position: absolute; top: 0; left: 0; 
	display: none; cursor: pointer;
}
#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: 10px 10px 0; 
}
</style>
<!--[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]-->