.thumbsleft

{
	margin: 11px;
	

}

#gallerycontent

{
float:left;
z-index:-1;
}

.a, .a:visited {}
#photogallery {
	width:315px;
	height:400px;
}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #fff; width:90px; height:72px; float:left; margin:5px 5px; position:relative; cursor:default;}

a.slidea {
	background-image: url(http://www.cambridge-steiner-school.co.uk/resources/images/our_community/gallery/thumbs/opening_thumb.jpg);
}
a.slideb {
	background:url(http://www.cambridge-steiner-school.co.uk/resources/images/our_community/gallery/thumbs/man_with_painting_thumb.jpg);
}
a.slidec {
		background:url(http://www.cambridge-steiner-school.co.uk/resources/images/our_community/gallery/thumbs/display_thumb.jpg);
}
a.slided {
		background:url(http://www.cambridge-steiner-school.co.uk/resources/images/our_community/gallery/thumbs/dolls_thumb.jpg);
}
a.slidee {
		background:url(http://www.cambridge-steiner-school.co.uk/resources/images/our_community/gallery/thumbs/girl_with_cake_thumb.jpg);
}

a.slidef {
		background:url(http://www.cambridge-steiner-school.co.uk/resources/images/our_community/gallery/thumbs/plasticine_thumb.jpg);
	}
a.slideg {
		background:url(http://www.cambridge-steiner-school.co.uk/resources/images/our_community/gallery/thumbs/queue_for_paint_thumb.jpg);
}
a.slideh {
		background:url(http://www.cambridge-steiner-school.co.uk/resources/images/our_community/gallery/thumbs/cakes_thumb.jpg);
}
a.slidei {
	background:url(http://www.cambridge-steiner-school.co.uk/resources/images/our_community/gallery/thumbs/school_band_thumb.jpg);
}

a.gallery span 
{
	visibility:hidden;
	display:block;
	position:absolute;
	width:500px;
	height:400px;
	text-align:center;
	
}


a.slidea span {left: 330px; top:-10px;}
a.slideb span {left: 228px; top:-10px;}
a.slidec span {left: 126px; top:-10px;}
a.slided span {left: 330px; top:-94px;}
a.slidee span {left: 228px; top:-94px;}
a.slidef span {left: 126px; top:-94px;}
a.slideg span {left: 330px; top:-178px;}
a.slideh span {left: 228px; top:-178px;}
a.slidei span {left: 126px; top:-178px;}


a.gallery:hover {white-space:normal; border:1px solid #ff0000; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #fff; 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;}