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

/* The containing box for the gallery. */ 
	#photos { 
	    position:relative; 
	    width:500px; 
	    height:950px; 
	    margin:20px auto 0 auto; 
	    
	    }

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

/* set the size of the unordered list to neatly house the thumbnails -- add these lines to the #photos ul above with this one after creating the thumbnails*/ 
	#photos ul { 
	    width:100px; 
	    height:950px; 
	margin:15px; 
	    float:right; 
	    } 
	#photos li { 
	    float:left; 
	    } 


/* Remove the images and text from sight -- note that this will make everything disappear-- this is OK */ 
	#photos a.gallery span { 
	    position:absolute; 
	    width:1px; 
	    height:1px; 
	    top:5px; 
	    left:5px; 
	    overflow:hidden; 
	    background:#fff; 
	    }


/* Adding the thumbnail images */ 
	#photos a.gallery, #photos a.gallery:visited { 
	    display:block; 
	    color:#000; 
	    text-decoration:none; 
	    border:1px solid #000; 
	    margin:1px 2px 1px 2px; 
	    text-align:left; 
	    cursor:default; 
	    } 
	#photos a.slidea { 
	    background:url(../images/Blackgrl2-thumbnail.jpg); 
	    width:100px;
		height:59px; 
	    } 
	#photos a.slideb { 
	    background:url(../images/Feebed-thumbnail.jpg); 
	    width:100px; 
		height:88px;
	    } 
	#photos a.slidec { 
	    background:url(../images/Feebed2-thumbnail.jpg); 
	    width:100px; 
		height:90px;
	    } 	
	#photos a.slided { 
	    background:url(../images/Puppies2-thumbnail.jpg); 
	    width:100px; 
		height:67px;
	    }
	#photos a.slidee { 
	    background:url(../images/val-fee-union-thumbnail.png); 
	    width:100px; 
		height:132px;
	    } 
	#photos a.slidef { 
	    background:url(../images/fee-front-thumbnail.png); 
	    width:100px; 
		height:131px;
	    } 	
	#photos a.slideg { 
	    background:url(../images/P1030632-thumbnail.jpg); 
	    width:100px; 
		height:70px;
	    } 
	#photos a.slideh { 
	    background:url(../images/P1030609-thumbnail.jpg); 
	    width:100px; 
		height:97px;
	    } 	
	#photos a.slidei { 
	    background:url(../images/1Fee4-09-thumbnail.jpg); 
	    width:100px; 
		height:82px;
	    } 	
	#photos a.slidej { 
	    background:url(../images/2Fee4-09-thumbnail.jpg); 
	    width:100px; 
		height:92px;
	    } 	
	#photos a.slidek { 
	    background:url(../images/3Fee4-09-thumbnail.jpg); 
	    width:100px; 
		height:80px;
	    } 	
	#photos a.slidel { 
	    background:url(../images/4Fee4-09-thumbnail.jpg); 
	    width:100px; 
		height:79px;
	    } 	
	#photos a.slidem { 
	    background:url(../images/5Fee4-09-thumbnail.jpg); 
	    width:100px; 
		height:88px;
	    } 		


/* change the thumbnail border color */ 
	#photos a.gallery:hover { 
	    border:1px solid #fff; 
	    } 

/* styling the :hover span */ 
	#photos a.gallery:hover span { 
	    position:absolute; 
		
	   width:372px;
	   height:900px;
	    top:10px; 
	    left:-10px; 
	    color:#000; 
	    background:#fff; 
	    } 

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