@charset "UTF-8";
/* CSS Document */
/* general styling for this example */



/* begin gallery styling */
#jgal { list-style: none; width: 390px; margin-left:105px;}
#jgal li { opacity: ; float:left; display: block; width: 40px; height: 40px; background-position: 50% 60%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #0066CC; margin-right: 6px; margin-bottom: 6px; }
#jgal li img { position: absolute; top: 180px; left:285px; display: none;  border: 3px solid #fff; outline: 1px solid  #FF0033; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #0066FF ; opacity: .99 /* safari bug */ }

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

 [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]
	
	    [if lt IE 6]><style media="screen,projection" type="text/css">#gallery { display: block; }</style><![endif]#photoGallery {
	margin-right: 0px;
	margin-left: 100px;
	margin-top: 40px;
}
#photoGallery {
	margin-top: 40px;
	margin-right: 0px;
	margin-left: 100px;
}
#videoGallery {
	margin-right: 0px;
	margin-left: 30px;
}