/* CSS Document */


   
/* The containing box for the gallery. */
#container {
	position:relative;
	width:590px;
	height:390px;
	background:#6699CC  url(../photo/IMG_9311.jpg) 3px 3px no-repeat;
	font: "Times New Roman", Times, serif;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;	
	
    }
	
	

	
/* Removing the list bullets and indentation */
#container ul {
   width:140px;
	   height:390px;
     padding:0; 
     margin:3px;
	 list-style-type:none;
    float:right;
    }
	
	
/* set the size of the unordered list to neatly house the thumbnails */
#container li {

    float:left;
    }
		

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



#container a.gallery {
	display:block;
	color:#000033;
	text-decoration:none;
	border:none;
	margin:1px 2px 1px 2px;
	text-align:left;
	cursor:default;
	 }	
	

#container a.gallery:visited {
	display:block;
	color:#000033;
	text-decoration:none;
	border:none;
	margin:1px 2px 1px 2px;
	text-align:left;
	cursor:default;
	
    }
	

	
	
	

#container a.slidea {
    background:url(pics/IMG_a.jpg);
    height:93px; 
    width:42px;
    }

#container a.slideb {
    background:url(pics/IMG_b.jpg);
    height:93px; 
    width:42px;
    }

#container a.slidec {
    background:url(pics/IMG_c.jpg);
    height:93px; 
    width:42px;
    }

#container a.slided {
    background:url(pics/IMG_d.jpg); 
    height:93px; 
    width:42px;
    }


#container a.slidee {
    background:url(pics/IMG_e.jpg); 
    height:93px; 
    width:42px;
    }

#container a.slidef {
    background:url(pics/IMG_f.jpg); 
    height:93px; 
    width:42px;
    }	

	
#container a.slideg {
    background:url(pics/IMG_g.jpg);
    height:93px; 
   width:42px;
    }


#container a.slideh {
    background:url(pics/IMG_h.jpg); 
    height:93px; 
   width:42px;
    }
	
#container a.slidei {
    background:url(pics/IMG_i.jpg); 
    height:93px; 
   width:42px;
    }
	
#container a.slidej {
    background:url(pics/IMG_j.jpg);
    height:93px; 
   width:42px;
    }


	
#container a.slidek {
    background:url(pics/IMG_k.jpg);
    height:93px; 
   width:42px;
    }
	
#container a.slidel {
    background: url(pics/IMG_l.jpg);
    height:93px; 
   width:42px;
    }
	
	



#container a.gallery:hover {
   margin:1px 2px 1px 2px;
    }
	
	
#container a.gallery:hover span {
	position:absolute;
	width:440px;
	height:400px;
	top:3px;
	left:3px;
	color:#000033;
	background: #6699CC;
    }
	
#container a.gallery:hover img {
    border:none; 
    float:left; 
    margin-right:3px;
    }
	
#container a.slided:hover img {
float:right;
}
 
#container a.slideg:hover img 	{
float:right;
}