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

/* begin gallery styling */
#jgal{
	list-style: none;
	width: 350px;
}
#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: 5px; 
	margin-bottom: 5px;
}

#jgal li img {
	position: absolute;
	top: 20px;
	left: 375px;
	display: none;
}

#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-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}