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

body {
	text-align:center;
	arial, sans-serif;
   }  

/* The containing box for the gallery. */ 

#container {
	position:relative;
	width:685px;
	height:270px;
	margin:20px auto 0 auto;
	border:1px solid;
	overflow: auto;
    }  

#container ul {
	list-style-type:none;
    }  

#container a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	top:5px;
	left:5px;
	overflow:hidden;
	background-color: #F6F1ED;
    }  

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

/* set the size of the unordered list to neatly house the thumbnails */  
#container ul {
	width:372px;
	height:240px;
	    }  
		
#container li {
	float:right;
	    }  
		
/* move the thumbnails into the correct position */  
#container ul {
	margin:5px;
	float:right;
	overflow: auto;
    }  

/* change the thumbnail border color */  
#container a.gallery:hover {  
    border:1px solid #3fafe6;  
    }  

/* styling the :hover span */  
#container a.gallery:hover span {
	position:absolute;
	width:372px;
	height:240px;
	text-align:center;
	top:10px;
	left:0px;
	background-color: #F6F1ED;
    }  

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

#container {
	background-color: #F6F1ED;
	background-image: url(file:///C|/Users/Administrator/My%20Documents/My%20Websites/WestPro/gbkgimage.jpg);
	background-repeat: no-repeat;
	background-position: 75px 10px;
    }  

#container a.slide1 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/1.jpg);
    }  
#container a.slide2 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/2.jpg);
    }  
#container a.slide3{
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/3.jpg);
    }  
#container a.slide4 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/4.jpg);
    }  
#container a.slide5 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/5.jpg);
	}  
#container a.slide6 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/6.jpg);
	}  
#container a.slide7 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/7.jpg);
	}  
    
#container a.slide8 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/8.jpg);
	}  
#container a.slide9 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/9.jpg);
	}  
#container a.slide10 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/10.jpg);
	}  
#container a.slide11 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/11.jpg);
	}  
#container a.slide12 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/12.jpg);
	}  
	
#container a.slide13 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/13.jpg);
	}  
#container a.slide14 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/14.jpg);
	}  
#container a.slide15 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/15.jpg);
	}  

#container a.slide16 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/16.jpg);
	}  
#container a.slide17 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/17.jpg);
	}  
#container a.slide18 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/18.jpg);
	}  
#container a.slide19 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/19.jpg);
	}  
#container a.slide20 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/20.jpg);
	}  
#container a.slide21 {
	height:60px;
	width:93px;
	background-image: url(image/thumbnails/21.jpg);
	}