/*
body, div, ul, li, img {
	margin: 0; padding: 0; border: 0;
}
*/

#slideshow {
	width: 700px; height: 440px;
	overflow-x: scroll; overflow-y: hidden;
	/* margin: 20px auto 10px auto;*/
        margin: 10px auto 10px auto;
        border-style: solid;
        border-color: #777777;
        border-width: 2px;
        border-radius: 20px 20px 20px 20px;
	box-shadow: 0px 0px 80px #000;
	-moz-box-shadow: 0px 0px 80px #000;
	-webkit-box-shadow: 0px 0px 80px #000;
}


#slideshow ul {
	width: 11000px; list-style: none; 
	
}
	#slideshow ul li {
		float: left;
                margin-top: -20px;
	}
  
            #slideshow ul li img{
                /* to fix the flickering of image right before it slides */
		border: 1px solid transparent;
            }
	

#slideshow-nav {
	width: 800px; margin: 0 auto 20px auto; visibility: hidden;
}	
	#slideshow-nav ul {
		list-style: none; 
	}
		#slideshow-nav ul li {
			float: left;
		}
			#slideshow-nav ul li a {
				display: block; width: 20px; height: 20px;
				float: left; margin: 0 12px;
				background-color: #202020; text-indent: -9999px;
				border-radius: 20px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				box-shadow: 0px 0px 5px #000;
				-moz-box-shadow: 0px 0px 5px #000;
				-webkit-box-shadow: 0px 0px 5px #000;
			}
				#slideshow-nav ul li a:hover, #slideshow-nav ul li a.active {
					/* background-color: #a89d8a; */
                                        background-color: #f0f0f0;
				}
/*

a {
	outline: none;
}
a:focus {
	background-color: #a89d8a;
}

*/

#slideshow-nav ul li img {
margin-left: -20px;
margin-right: 14px;
border-radius: 10px 10px 10px 10px; 
cursor: pointer}
#slideshow ul li img:hover {cursor: pointer;}