@charset "utf-8";
/* Peter edited this through WP admin! */
/* Simple CSS Image Gallery */
/* Many thanks to Stu Nicholls - http://www.cssplay.co.uk/menu/gallery.html */

/* image sizes: thumbnails 75x75; images 300x450 & 450x300*/

.a, .a:visited {color:#000;}

#container {position:relative; width:600px; height:700px; margin:10px 0 10px -20px;}

a.gallery, a.gallery:visited {
	display:inline; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #000; 
	width:75px; 
	height:75px; 
	float:left; 
	margin:0 21px; 
	position:relative; 
	cursor:default;
	}

/* thumnails - row one */
a.slidea {background:url(http://quillisascut.com/wp-content/uploads/photos/tnQFarm0548.jpg);}
a.slideb {background:url(http://quillisascut.com/wp-content/uploads/photos/tnQFarm1886.jpg); margin-top: -18px;}
a.slidec {background:url(http://quillisascut.com/wp-content/uploads/photos/tnQFarmKidding0376.jpg); margin-top: -36px;}
a.slided {background:url(http://quillisascut.com/wp-content/uploads/photos/tnQFarmKidding1135.jpg); margin-top: -54px;}
a.slidee {background:url(http://quillisascut.com/wp-content/uploads/photos/tnQFarmSpring0573A.jpg); margin-top: -72px;}

/* thumnails - row two */
a.slidef {background:url(http://quillisascut.com/wp-content/uploads/photos/tnQFarmSpring0675A.jpg);}
a.slideg {background:url(http://quillisascut.com/wp-content/uploads/photos/tnQFarmSummerStumbleGoat1787.jpg); margin-top: -18px;}
a.slideh {background:url(http://quillisascut.com/wp-content/uploads/photos/tnQFarmSummerStumbleGoat4723.jpg); margin-top: -36px;}
a.slidei {background:url(http://quillisascut.com/wp-content/uploads/photos/tnQFarmSummerStumbleGoat5102.jpg); margin-top: -54px;}
a.slidej {background:url(http://quillisascut.com/wp-content/uploads/photos/tnSPp61.jpg); margin-top: -72px;}

a.gallery span {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	width:580px; 
	height:500px; 
	top:189px; 
	left:9px; 
	color:#000; 
	text-align:center;  
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	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 #ccc; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img {margin:0px; border:none; 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;}

