@charset "utf-8";
/* CSS Document */



/* choose a suitable font and center the #container div in Internet Explorer */
body {
   text-align:center; /* to center #gallery*/
   /*font-family: tahoma; arial, sans-serif;
  letter-spacing:0.05em;*/
   }

#container {
height:980px;
}
/* added in from other style sheet #content */
#gallery {
	margin-top:10px;
	margin-bottom:10px;
	padding:0px 10px 10px 10px;
	 width:780px; /* alter size ? */
	 
	 /* The containing box for the gallery. */
    position:relative;/*makes overflow*/
    /*width:770px;*/
    height:400px; /* ?alter size */
    /*margin:20px auto 0 auto;*/
   
    }

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

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

/* Adding the thumbnail images */
#gallery a, #gallery a:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:2px 2px 2px 2px;
    text-align:left;
    cursor:default;
    }
	#gallery a.image_a {
    background:url(20090517_thumbnails/DSC00541.jpg);
    height:66px;
    width:100px;
    }
	#gallery a.image_b {
    background:url(20090517_thumbnails/DSC00542.jpg);
    height:66px;
    width:100px;
    }
	#gallery a.image_c {
    background:url(20090517_thumbnails/DSC00543.jpg);
    height:66px;
    width:100px;
    }
	#gallery a.image_d {
    background:url(20090517_thumbnails/DSC00546.jpg);
    height:66px;
    width:100px;
    }
	#gallery a.image_e {
    background:url(20090517_thumbnails/DSC00548.jpg);
    height:66px;
    width:100px;
    }
	#gallery a.image_f {
    background:url(20090517_thumbnails/DSC00553.jpg);
    height:66px;
    width:100px;
    }
	#gallery a.image_g {
    background:url(20090517_thumbnails/DSC00562.jpg);
    height:66px;
    width:100px;
    }
	#gallery a.image_h {
    background:url(20090517_thumbnails/DSC00574.jpg);
    height:66px;
    width:100px;
    }
	#gallery a.image_i {
    background:url(20090517_thumbnails/DSC00598.jpg);
    height:66px;
    width:100px;
    }
	#gallery a.image_j {
    background:url(20090517_thumbnails/DSC00614.jpg);
    height:66px;
    width:100px;
    }
	#gallery a.image_k {
    background:url(20090517_thumbnails/DSC00626.jpg);
    height:66px;
    width:100px;
    }
	#gallery a.image_l {
    background:url(20090517_thumbnails/DSC00630.jpg);
    height:66px;
    width:100px;
    }
		/* set the size of the unordered list to neatly house the thumbnails */
#gallery ul {
    width:212px;
    height:576px;
    }
#gallery li {
    float:left;
    }


/* move the thumbnails into the correct position */
#gallery ul {
    margin:0px 10px 10px 10px;
    float:right;

    }


/* change the thumbnail border color */
#gallery a:hover {
    border:1px solid #fff;
    }
	
	/* styling the :hover span */
#gallery a:hover span {
    position:absolute;
    width:505px;
    height:400px;
    top:220px;
    left:20px;
    color:#000;
    background:#fff;
    }