.gallery {
	display: block;
	left: 0;
	top: 0;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	height: 100%;
	width: 90%;
	border: 0px;
	background-position: right top;
	background-image: url('../images/gallery_icon.gif');
	background-repeat: no-repeat;
}

 .gallery li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

 .gallery li a 
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#FFFFFF; border:1px solid #888;}

 .gallery li a img 
{display:block; width:100px; height:75px; border:5px solid #eee;}

 .gallery li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

 .gallery li a:hover 
{white-space:normal; position:relative;}

 .gallery li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

 .gallery li a:focus, 
 .gallery li a:active 
{position:static; outline:0;}

 .gallery li a:focus img, 
 .gallery li a:active img 
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}

 .gallery li a:focus img.large, 
 .gallery li a:active img.large {
	position: fixed;
	left:170px; 
 	top:20px;
	width: 640px;
	height: 480px;
	padding: 0;
	background: #FFFFFF;
	border:5px solid #eee;
	z-index: 10;
}