@charset "iso-8859-1";
 
/* The containing box for the gallery */
#container {width: 550px; height: 100%; display: table; margin: 20px auto 0 auto; border: none;}  

/* Removing the list bullets and indentation */
#container ul {padding: 0; margin: 0; list-style-type: none; }	  

/* Remove the images and text from sight */
#container a.gallery span {position: absolute; width: 1px; height: 1px; top: 5px; left: 7px; overflow: hidden; background: #fff }  

/* Disable background picture for now */		
#container {background: url(images/gallery/_________.jpg) 75px 280px no-repeat; }

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display: block; color: #000; text-decoration: none; border: 1px solid #000; margin: 1px 1px 1px 1px; text-align: left; cursor: default; }

#container a.slidea {background: url(images/gallery/R22s_smaller.jpg); height: 64px; width: 100px;}
#container a.slideb {background: url(images/gallery/traffic_smaller.jpg); height: 64px; width: 100px;}
#container a.slidec {background: url(images/gallery/big_cloud_smaller.jpg); height: 64px; width: 100px;}
#container a.slided {background: url(images/gallery/ehms_smaller.jpg); height: 63px; width: 100px;}
#container a.slidee {background: url(images/gallery/ep_final_24_smaller.jpg); height: 64px; width: 100px;}
#container a.slidef {background: url(images/gallery/rupert_smaller.jpg); height: 103px; width: 100px;} 
#container a.slideg {background: url(images/gallery/spot_smaller.jpg); height: 51px; width: 100px;}
							   
/* Set the size of the unordered list to neatly house the thumbnails */
#container ul {width: 550px; height: 500px; }
#container li {float: left; }
		  
/* Move the thumbnails into the correct position */
#container ul {margin: 20px 5px 5px 5px; }
							  
/* Change the thumbnail border color */
#container a.gallery:hover {border: 1px solid #fff; }

/* Styling the :hover span */
#container a.gallery:hover span {position: absolute; top: 330px; left: 190px; width: 372px; height: 410px; color: #000; background: #fff;}

#container a.gallery:hover img {border: 1px solid #fff; float: left; margin-right: 5px; }