@charset "UTF-8";
/* CSS Document */
/* These styles apply only to the Gallery pages. */


a img {border:0;}

b {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	}

#gallery {
	width:500px; 
	height:400px; 
	padding:10px; 
	border: none; 
	position:relative; 
	margin:20px auto 20 px auto;
	}
	
#gallery b.default {
	position:absolute; 
	left:80px; 
	top:10px; 
	width:600px; 
	height:400px; 
	text-align:center;
	}
	
#gallery b.default img {
	display:block; 
	margin:0 auto 10px auto;

	}

#gallery ul {
	list-style:none; 
	padding:0;
	margin:0; 
	width:180px; 
	position:relative; 
	float:left;
	}
	
#gallery ul li {
	display:inline; 
	width:52px; 
	height:52px; 
	float:left; 
	margin:0 0 5px 5px;
	}
	
#gallery ul li a {
	display:block; 
	width:50px; 
	height:50px; 
	text-decoration:none; 
	}
	
#gallery ul li a span {
	display:none;
	}
	
#gallery ul li a img {
	display:block; 
	width:50px; 
	height:50px; 
	border:1px solid #fff;
	}
	
#gallery ul li a:hover {
	white-space:normal;
	}

#gallery ul li a:hover b {
	position:absolute; 

	top:0; 
	width:600px; 
	height:400px; 
	text-align:center; 

	z-index:20;
	}
	
#gallery ul li a:hover span {
	display:block;
	width:350px;
	margin:0 auto;
	}
	
#gallery ul li a:hover img {
	margin:0 auto 10px auto; 
	width:auto; 
	height:auto; 
	border:1px solid #fff; 
	}

#gallery ul li a:active, #gallery ul li a:focus {
	white-space:normal; 
	
	}
	
#gallery ul li a:active b, #gallery ul li a:focus b {
	position:absolute; 
	left:80px; 
	top:0; 
	width:500px; 
	height:400px; 
	text-align:center; 

	z-index:10;
	}
	
#gallery ul li a:active span, #gallery ul li a:focus span {
	display:block;
	width:500px; 
	margin:0 auto;
	}
	
#gallery ul li a:active img, #gallery ul li a:focus img{
	margin:0 auto 10px auto; 
	width:auto; 
	height:auto; 
	border:1px solid #eee; 
	border-color:#555 #ddd #eee #333;
	}