.a, .a:visited {color:#000;}
#container {position:relative; width:600px; height:550px; 
background:#888; 
border:1px solid #000; 
margin:10px auto;}
#container b {font-weight:normal; width:600px; 
text-align:center; 
position:absolute; bottom:250px; left:0; 
color:#eee; 
font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; 
letter-spacing:1px; 
line-height:1.7em; z-index:1;}

a.gallery, a.gallery:visited {
	display:inline;
	color:#000;
	text-decoration:none;
	border:1px solid #000;
	width:75px;
	height:75px;
	float:left;
	margin:7px 21px;
	position:relative;
	cursor:default;
}
a.slidea {background-image: url(../gallery/packhorsebridge3_400_75.jpg);
}
a.slideb {background-image: url(../gallery/bridge_street_400_75.jpg);
}
a.slidec {background-image: url(../gallery/c_post_box_400_75.jpg);
}
a.slided {background-image: url(../gallery/d_post_office_400_75.jpg);
}
a.slidee {background-image: url(../gallery/e_hatched_cottages_400_75.jpg);
}
a.slidef {background-image: url(../gallery/f_bridge_street_400_75.jpg);
}
a.slideg {background-image: url(../gallery/g_brookside_400_75.jpg);
}
a.slideh {background-image: url(../gallery/h_church_400_75.jpg);
}
a.slidei {background-image: url(../gallery/j_kings_head_400_75.jpg);
}
a.slidej {background-image: url(../gallery/k_bridge_street6_400_75.jpg);
}

a.gallery span {visibility:hidden; display:block; position:absolute; width:580px; height:350px; top:189px; left:9px; 
color:#000; background:#ccc; text-align:center; border:1px solid #fff; 
font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.slidea span {left:-13px; top:180px;}
a.slideb span {left:-132px; top:180px;}
a.slidec span {left:-251px; top:180px;}
a.slided span {left:-370px; top:180px;}
a.slidee span {left:-489px; top:180px;}
a.slidef span {left:-13px; top:89px;}
a.slideg span {left:-132px; top:89px;}
a.slideh span {left:-251px; top:89px;}
a.slidei span {left:-370px; top:89px;}
a.slidej span {left:-489px; top:89px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}
a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}
a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}
a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}