/* CSS Document */
 /*this is the start of the animal planet and jessie james photo gallery styles*/  
#container {
	position:relative;
	width:610px;
	height: 550px;
	border:1px solid #aaa;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #A09285;
	background-image: url(../images/filming_BG.jpg);
	background-repeat: no-repeat;
	background-position: 40px 30px;
	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;
	width: 323px;
	height:77px;
	overflow: auto;
	margin-top:460px;
	margin-bottom: 10px;
	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.slidee {
	height:75px;
	width:100px;
	background-image: url(../tv_show_images/TN/TN-DSC02869.jpg);
    }
#container a.slidef {
	height:75px;
	width:100px;
	background-image: url(../tv_show_images/TN/TN-DSC02873.jpg);
    }
	#container a.slideg {
	height:75px;
	width:100px;
	background-image: url(../tv_show_images/TN/TN-DSC02875.jpg);
    }
	#container a.slideh {
	height:75px;
	width:100px;
	background-image: url(../tv_show_images/TN/TN-DSC03092.jpg);
    }
	#container a.slidei {
	height:75px;
	width:100px;
	background-image: url(../tv_show_images/TN/TN-DSC03104.jpg);
    }		




    #container a.slidej {
	height:75px;
	width:100px;
	background-image: url(../tv_show_images/TN/TN_100_0080.jpg);
    }
	#container a.slidek {
	height:75px;
	width:100px;
    background-image: url(../tv_show_images/TN/TN_1a.jpg);
    }
	#container a.slidel {
	height:75px;
	width:100px;
	background-image: url(../tv_show_images/TN/TN_2a.jpg);    
    }			
    #container a.slidem {
	height:75px;
	width:100px;
	background-image: url(../tv_show_images/TN/TN_3a.jpg);
    }				
	
/*end of thumbnail style*/	


#container a.gallery:hover {
    border:1px solid #fff; 
    }
#container a.gallery:hover span {
	position:absolute;
	width:500px;
	height:450px;
	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*/