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

body { padding: 20px; }
*/
/* begin gallery styling */
#jgal 
{ 
	list-style: none;
	width: 80px; 
	float:right;
	/*border:1px solid orange;*/
}
#jgal li 
{ 
	opacity: .5; 
	float: left;
	display: block;
	width: 60px;
	height: 60px; 
	background-position: 50% 50%; 
	cursor: pointer;
	border: 3px solid #fff;
	outline: 2px solid #ddd; 
	/*margin-right: 14px;*/
	margin-bottom: 12px;
}
#jgal li img 
{ 
	position: absolute; 
	top: 9px;
	right: 88px;
	display: none;
	width: 402px;
	height: auto;
}
#jgal li.active img
{ 
	display: block; 
}
#jgal li.active, #jgal li:hover
{ 
	outline-color: #bbb;
	opacity: .99; /* safari bug */ 
}
/*img { 
	width: 345px; height: auto; 
	}*/

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