/* CSS Document */

#gallery1 {
	position:relative;
	width:800px;
	border:1px solid #aaa;
	margin-top: 20px;
	margin-bottom: 0;
	background-repeat: no-repeat;
	background-position: 50px 300px;
	background-image: url(../rancho09/gallery_bg.png);
	height: 500px;
	
    }
	/*if you add more images and need scroller make sure to change width to accomodate for the scroll bar*/
#gallery1 ul {
	list-style-type:none;
	float: right;
	width:320px;
	height:450px;
	overflow: auto;
	margin-top:10px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 3px;
	border: 1px solid #000000;
	padding: 0;
    }
#gallery1 li {
	float:left;
	padding: 0px;	
    }	

#gallery1 a.gallery span {
	position:absolute;
	width:1px;/*make img pixel 1px by 1px to hide image, but will allow them to preload...see below*/
	height:1px;
	top:5px;/*this is where I can make to a minus so that dot will not show*/
	left:5px;
	overflow:hidden;
	visibility: visible;
    }
#gallery1 a.gallery, #gallery1 a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:0px; 
    text-align:left; 
    cursor:default;
    }
	/*start of thumbnail style*/
#gallery1 a.slide1 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh1.jpg);	
	
    }

#gallery1 a.slide2 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh2.jpg);
    }
#gallery1 a.slide3 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh3.jpg);
    }
#gallery1 a.slide4 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh4.jpg);
    }
#gallery1 a.slide5 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh5.jpg);
    }
	#gallery1 a.slide6 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh6.jpg);    }
	#gallery1 a.slide7 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh7.jpg);
    }
	#gallery1 a.slide8 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh8.jpg);
    }		
	#gallery1 a.slide9 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh9.jpg);
    }		
	
/*end of thumbnail style*/	




	/*start of thumbnail 1 style*/
#gallery1 a.slide10 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh10.jpg);
    }
#gallery1 a.slide11 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh11.jpg);
    }
#gallery1 a.slide12 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh12.jpg);
    }
#gallery1 a.slide13 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh13.jpg);
    }
#gallery1 a.slide14 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh14.jpg);
    }
#gallery1 a.slide15 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh15.jpg);
    }
	#gallery1 a.slide16 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh16.jpg);
    }
	#gallery1 a.slide17 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh17.jpg);
    }
	#gallery1 a.slide18 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh18.jpg);
    }		
	#gallery1 a.slide19 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh19.jpg);
    }		
	
/*end of thumbnail 1 style*/
#gallery1 a.slide20 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh20.jpg);
    }
#gallery1 a.slide21 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh21.jpg);
    }
#gallery1 a.slide22 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh22.jpg);
    }

#gallery1 a.slide23 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh23.jpg);
    }
	
#gallery1 a.slide24 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh24.jpg);
    }
	#gallery1 a.slide25 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh25.jpg);
    }
	#gallery1 a.slide26 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh26.jpg);
    }
	#gallery1 a.slide27 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh27.jpg);
    }		
	#gallery1 a.slide28 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh28.jpg);
    }		
	
/*end of thumbnail  2 style*/	



	/*start of thumbnail 3 style*/
#gallery1 a.slide29 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh29.jpg);
    }
#gallery1 a.slide30 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh30.jpg);
    }
#gallery1 a.slide31 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh31.jpg);
    }
#gallery1 a.slide32 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh32.jpg);
    }
#gallery1 a.slide33 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image:url(../rancho09/horz/TN/TNh33.jpg);
    }
#gallery1 a.slide34 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh34.jpg);
    }
	#gallery1 a.slide35 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh35.jpg);
    }
	#gallery1 a.slide36 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh36.jpg);
    }
	#gallery1 a.slide37 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh37.jpg);







    }		
	#gallery1 a.slide38 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh38.jpg);
    }		
	
/*end of thumbnail  3 style*/	



	/*start of thumbnail 4 style*/
#gallery1 a.slide39{
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh39.jpg);
    }
#gallery1 a.slide40 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh40.jpg);
    }
#gallery1 a.slide41 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh41.jpg);
    }
#gallery1 a.slide42 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh42.jpg);
    }





#gallery1 a.slide43 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh43.jpg);
    }#gallery1 a.slide44 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh44.jpg);
    }#gallery1 a.slide45 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh45.jpg);
    }#gallery1 a.slide46 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh46.jpg);
    }#gallery1 a.slide47 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh47.jpg);
    }#gallery1 a.slide48 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh48.jpg);
    }#gallery1 a.slide49 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh49.jpg);
    }#gallery1 a.slide50 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh50.jpg);
    }
	
/*end of thumbnail 4 style*/	

/*start of thumbnail 5 style*/

	#gallery1 a.slide51 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh51.jpg);
    }
	#gallery1 a.slide52 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh52.jpg);
    }
	#gallery1 a.slide53 {
	height:48px;
	width:72px;
	padding: 0px;
	background-image: url(../rancho09/horz/TN/TNh53.jpg);
    }		
	
/*end of thumbnail 5 style*/	



#gallery1 a.gallery:hover {
    border:1px solid #fff; 
    }
#gallery1 a.gallery:hover span {
	position:absolute;
	width:500px;
	height:450px;
	top:20px;
	left:20px;
	color:#000000;
	font-size: 1.1em;
	font-weight: normal;
    }
#gallery1 a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }

#gallery1 a.slideb:hover img, #gallery1 a.slidei:hover img {
    float:right;
    }

/*End of gallery style*/