@charset "utf-8";

/*Gallery styles courtesy of Stu Nicholls*/


#main img {
margin: 0;
}

#gallery {
	width:718px;
	height:480px;
	padding:10px;
	border:1px solid #666;
	background: #888;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

#gallery b.default {
position:absolute; 
left:10px; 
top:10px; 
width:548px; 
height:380px; 
text-align:center;
}

#gallery b.default img {
display:block;
margin:0 auto 10px auto;
border:1px solid #eee; 
border-color:#555 #ddd #eee #333;
width: 380px;


}

#gallery b.default span {
display:block; 
color:#fff; 
font-family:verdana, arial, sans-serif; 
font-weight:normal; 
font-size:11px; 
width:350px; 
margin:0 auto;
text-decoration: none;
}

#gallery ul {
list-style:none; 
padding:0; 
margin:0; 
width:180px; 
position:relative; 
float:right;
}

#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; 
border:1px solid #000; 
border-color:#eee #555 #333 #ddd;
}

#gallery ul li a span {
display:none;
}

#gallery ul li a img {
display:block; 
width:50px; 
height:50px; 
border:0;

}

#gallery ul li a:hover {
white-space:normal; 
border-color:#555 #ddd #eee #333; 
background: url(../images/structure/galHover.gif) no-repeat left center;
text-decoration: none;
}

#gallery ul li a:hover b {
position:absolute; 
left:-548px; 
top:0; 
width:548px; 
height:380px; 
text-align:center; 
background:#888; 
z-index:20;
}

#gallery ul li a:hover span {
display:block; 
color:#fff; 
font-family:verdana, arial, sans-serif; 
font-weight:normal; 
font-size:11px; 
width:350px; 
margin:0 auto;
}

#gallery ul li a:hover img {
margin:0 auto 10px auto; 
width:auto; 
height:auto; 
border:1px solid #eee; 
border-color:#555 #ddd #eee #333;

}

#gallery ul li a:active, #gallery ul li a:focus {
white-space:normal; 
border-color:#555 #ddd #eee #333; 
background: url(../images/structure/galHover.gif) no-repeat left center;
text-decoration: none;
}

#gallery ul li a:active b, #gallery ul li a:focus b {
position:absolute; 
left:-548px; 
top:0; 
width:548px; 
height:380px; 
text-align:center; 
background:#888; 
z-index:10;

}

#gallery ul li a:active span, #gallery ul li a:focus span {
display:block; 
color:#fff; 
font-family:verdana, arial, sans-serif; 
font-weight:normal; 
font-size:11px; 
width:350px; 
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;

}