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

#container{
		height: 645px;
		width: 890px;
		margin-left: 20px;
		}
#pix_holder{
		float: left;
		width: 494px;
		height: 551px;
		background-image: url(images/gallery_bg.gif);
		background-repeat:no-repeat;
		}
#navgal ul{
		background-image: url(images/gallery_nav1.gif);
		background-repeat:no-repeat;
		margin:0 auto;
		display:block;
		height:32px;
		width:460px;
		font-size:0px;
					
		}

			
#navgal span{
		visibility:hidden;
		overflow:hidden;
		}
		
#navgal a{		
		text-decoration:none;
		}
#navgal li{
	    
		float:left;
		list-style-type:none;
		padding: 10px 0px 5px 5px;
				
		}
#navgal li a{
		display:block;
		width:12px;
		height:12px;
		overflow:hidden;
		padding: 0px;
		
}		

.active {
	background-position: 0px 12px;
}
						
#gallery {
		
		padding: 18px 18px 10px 18px;
		}
.img1 a{
		
		background-image: url(images/1.gif);
		background-position: top;
		margin-left: 10px;
		}
.img1 a:hover{	
		background-position: 0px 12px;
		
		}

				
.img2 a{
		background-image: url(images/2.gif);
		background-position:top;
		
		}
.img2 a:hover{	
	background-position: 0px 12px;
	
	}	
.img3 a{
		background-image: url(images/3.gif);
		background-position:top;
		
		}
.img3 a:hover{	
	background-position: 0px 12px;
	}
.img4 a{
		background-image: url(images/4.gif);
		background-position:top;
		
		}
.img4 a:hover{	
	background-position: 0px 12px;
	}
.img5 a{
		background-image: url(images/5.gif);
		background-position:top;
		
		}
.img5 a:hover{	
		background-position: 0px 12px;
		}								
	
.img6 a{
		background-image: url(images/6.gif);
		background-position:top;
		
		}
.img6 a:hover{	
		background-position: 0px 12px;
		}
.img7 a{
		background-image: url(images/7.gif);
		background-position:top;
		
		}
.img7 a:hover{	
		background-position: 0px 12px;
		}
.img8 a{
		background-image: url(images/8.gif);
		background-position:top;
		
		}
.img8 a:hover{	
		background-position: 0px 12px;
		}	
.img9 a{
		background-image: url(images/9.gif);
		background-position:top;
		}
.img9 a:hover{	
		background-position: 0px 12px;
		}
.img10 a{
		background-image: url(images/10.gif);
		background-position:top;
		}
.img10 a:hover{	
		background-position: 0px 12px;
		}
.img11 a{
		background-image: url(images/11.gif);
		background-position:top;
		}
.img11 a:hover{	
		background-position: 0px 12px;
		}
.img12 a{
		background-image: url(images/12.gif);
		background-position:top;
		}
.img12 a:hover{	
		background-position: 0px 12px;
		}	
.img13 a{
		background-image: url(images/13.gif);
		background-position:top;
		}
	
#back a{
		background-image: url(images/prev.gif);
		background-position:top;
		margin-left: 150px;
		}						
#back a:hover{	
		background-position: 0px 12px;
		}	
#next a{
		background-image: url(images/next.gif);
		background-position:top;
				}						
#next a:hover{	
		background-position: 0px 12px;
		}	
		
.right_products{
		float: left;
		width: 350px;
		height: 640px;
		margin-left: 30px;
		}			
	
.right_products img {
		float: left;
		}
.right_products #first{
		margin-left: 50px;
		}			
.right_products h4 {
		clear: both;
		padding-top: 20px;
		}			
.right_products h4 span {
		color: #333432;
		}