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

body { 
		/* padding: 40px; */
	 }
/* begin gallery styling */
#jgal { 
		list-style: none; 
		width: 200px; 
	  }

#jgal li { 
		opacity: .5; 
		float: left; 
		display: block; 
		width: 45px; 
		height: 45px; 
		background-position: 10% 10%;
		 
		cursor: pointer; 
		border: 3px solid #fff; 
		outline: 1px solid #ddd; 
		margin-right: 14px; 
		margin-bottom: 14px; 
		
		}
		
#jgal li img { 
		position: absolute;
		top: 50%; 
		left: 50%; 
		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: 0 20px 20px 0; 
		}