/* CSS Document */
 /*this is the start of the gallery styles*/  
#container {
	position:relative;
	width:660px;
	height:425px;
	border:1px solid #aaa;
	margin-top: 20px;
	margin-bottom: 0;
	background-color: #A09285;
	background-image: url(../images/nonpoiBGimage1.jpg);
	background-repeat: no-repeat;
	background-position: 20px 10px;
	float: right;
	margin-right: 10px;
	
    }
	/*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:187px;
	height:250px;
	overflow: auto;
	margin-top:10px;
	margin-right: 30px;
	margin-bottom: 3px;
	margin-left: 3px;
	border: 1px solid #000000;
	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:5px;/*this is where I can make to a minus so that dot will not show*/
	left:5px;
	overflow:hidden;
	visibility: visible;
	background-color: #A09285;
    }
#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:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_001NP.jpg);
    }
#container a.slideb {
	height:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_002NP.jpg);
    }
#container a.slidec {
	height:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_003NP.jpg);
    }
#container a.slided {
	height:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_004NP.jpg);
    }
#container a.slidee {
	height:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_005NP.jpg);
    }
#container a.slidef {
	height:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_006NP.jpg);
    }
	#container a.slideg {
	height:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_007NP.jpg);
    }
	#container a.slideh {
	height:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_008NP.jpg);
    }
	#container a.slidei {
	height:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_009NP.jpg);
    }		
	#container a.slidej {
	height:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_010NP.jpg);
    }		
	#container a.slidek {
	height:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_011NP.jpg);
    }		
	#container a.slidel {
	height:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_012NP.jpg);
    }			
	#container a.slidem {
	height:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_013NP.jpg);
    }				
	
	#container a.sliden {
	height:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_014NP.jpg);
    }				
	#container a.slideo {
	height:60px;
	width:60px;
	background-image: url(../non%20poi%20images/TN/TN_015NP.jpg);
    }								
/*end of thumbnail style*/	


#container a.gallery:hover {
    border:1px solid #fff; 
    }
#container a.gallery:hover span {
	position:absolute;
	width:410px;
	height:400px;
	top:10px;
	left:10px;
	color:#000000;
	background-color: #A09285;
	font-size: 1.1em;
	font-weight: normal;
    }
#container a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }

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

/*End of gallery style*/