/* CSS Document */

#container {
	position:relative;
	width:860px;
	height:650px;
	border:1px solid #FF0000;
	margin-top: 20px;
	margin-bottom: 0;
	background-color: #000000;
	float: right;
	margin-right: 50px;
	background-image: url(../images/FINEART/fineartBG.jpg);
	background-repeat: no-repeat;
	background-position: 70px 70px;
    }
	/*if you add more images and need scroller make sure to change width to accomodate for the scroll bar*/
#container ul {
	list-style-type:none;
	float: right;
	width:205px;
	height:615px;
	overflow: auto;
	margin-top:10px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 3px;
	border: 1px solid #FF0000;
	padding: 0;
    }
#container li {
    float:right;
	
    }	

#container 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:0px;/*this is where I can make to a minus so that dot will not show*/
	left:0px;
	overflow:hidden;
	visibility: visible;
	background-color: #000000;
    }
#container a.gallery, #container 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*/
#container a.slideA {
	height:100px;
	width:100px;
	background-image: url(../images/FINEART/TN/TNB%20Little%20Zen%20Riki%20Colby%20530-265-8405.jpg);
	background-repeat: no-repeat;
    }
#container a.slideB {
	height:100px;
	width:100px;
	background-image: url(../images/FINEART/TN/TNDance%20of%20the%20Sunflower%20Linda%20Roemisch%20530-265-9213.jpg);
	background-repeat: no-repeat;
    }
#container a.slideC {
	height:100px;
	width:100px;
	background-image: url(../images/FINEART/TN/TNDawn%20over%20Tahoe%20Riki%20Colby%20530-265-8405.jpg);
	background-repeat: no-repeat;
    }
#container a.slideD {
	height:100px;
	width:100px;
	background-image: url(../images/FINEART/TN/TNEarls%20Olds%20Riki%20Colby%20530-265-8405.jpg);
	background-repeat: no-repeat;
    }
#container a.slideE {
	height:100px;
	width:100px;
	background-image: url(../images/FINEART/TN/TNEarly%20morning%20alone%20Riki%20Colby%20530-265-8405.jpg);
	background-repeat: no-repeat;
    }
#container a.slideF {
	height:100px;
	width:100px;
	background-image: url(../images/FINEART/TN/TNGrandpa%27s%20Woody%20Riki%20Colby%20530-265-8405.jpg);
	background-repeat: no-repeat;
    }
	#container a.slideG {
	height:100px;
	width:100px;
	background-image: url(../images/FINEART/TN/TNMammoth%20Valley%20Linda%20Roemisch%20530-265-9213.jpg);
	background-repeat: no-repeat;
    }
	#container a.slideH {
	height:100px;
	width:100px;
	background-image: url(../images/FINEART/TN/TNPouring%20Study%20Linda%20Roemisch%20530-265-9213.jpg);
	background-repeat: no-repeat;
    }
	#container a.slideI {
	height:100px;
	width:100px;
	background-image: url(../images/FINEART/TN/TNRed%20Lilly%20Riki%20Colby%20530-265-8405.jpg);
	background-repeat: no-repeat;
    }		
	#container a.slideJ{
	height:100px;
	width:100px;
	background-image: url(../images/FINEART/TN/TNRussian%20Gultch%20Linda%20Roemisch%20530-265-9213.jpg);
	background-repeat: no-repeat;
    }
	#container a.slideK {
	height:100px;
	width:100px;
	background-repeat: no-repeat;
	background-image: url(../images/FINEART/TN/TNSpring%20Aspins%20Linda%20Roemisch%20530-265-9213.jpg);
    }
	#container a.slideL{
	height:100px;
	width:100px;
	background-image: url(../images/FINEART/TN/TNYuba%20Canyon%20Glow%20Linda%20Roemisch%20530-265-9213.jpg);
	background-repeat: no-repeat;
	
    }		
/*end of thumbnail style*/	


#container a.gallery:hover {
	border:1px solid #FF0000;
    }
#container a.gallery:hover span {
	position:absolute;
	width:510px;
	height:610px;
	top:30px;
	left:20px;
	font-weight: normal;
	color: #FF0000;
	background-color: #000000;
	font-size: 12px;
    }
	

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

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

/*End of gallery style*/