/* CSS Document */
/***********************************************/
/* template - gallery.css                            */
/* Use to display pics with rollover abilities */
/* Pics will be thumbs with larger image on rollover */
/* Ron Williams 1-2007
/*************************************************/

#container {
 	position:relative;
	text-align:center; 
    width:650px; 
    height:250px; 
    margin:20px 150px 0 auto;
	background-color:#000000;
}	

/* Removing the list bullets and indentation - add size - and position */
#container ul {
	padding-left: 10px;
    list-style-type:none; 
    width:282px; 
    height:332px;
	margin:5px; 
    float:right;
    }
	
#container li {
	float:left;
	}

/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:8px; 
    left:18px; 
    overflow:hidden; 
    background:#000;
    }
	
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#fff; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
	
/* styling the hovers */
#container a.gallery:hover {
    border:1px solid #D20000; 
    }
/*#container a.gallery:hover span {position:absolute; width:372px; height:372px; top:10px; left:75px; color:#000; background:#fff;}*/
#container a.gallery:hover span {
    position:absolute; 
    width:350px; 
    height:300px; 
    top:25px; 
    left:50px; 
    color:#FFF; 
    background:#000;
    }

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