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

/* begin gallery styling */


#jgal { list-style: none; width:350px; padding-left: 590px; padding-top: 5px;}
#jgal li { opacity: .5; float: left; display: block;  width: 106px; height: 62px; background-position: 50% ; cursor: pointer; border: 1px solid #666; outline: 1px solid #666;  margin-right: 10px; margin-bottom: 10px; }
#jgal li.active { cursor: default; }
#jgal li img { position: absolute; top: 0px; left: 0px; display: none; border: #666666 solid 2px; }



#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; outline: solid 1px #DF0003; opacity: .99 /* safari bug */ }


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