/* begin gallery styling */
#jgal { list-style: none; width: 300px; }
#jgal li { opacity: 0.5; filter: alpha(opacity=50); float: left; display: block; width: 50px; height: 50px; background-position: 50% 50%; cursor: pointer; border: 1px solid #ccc; margin-right: 10px; margin-bottom: 10px; }
#jgal li img { position: absolute; top: 0; left: 20px; display: none; cursor: auto;}
#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 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]-->