/* THINGS TO KEEP IN MIND

	-- CSS Rules! When building your slideshows, remember that animation effects work best when both the container and slide have a fixed box.
	
*/

#jqslideshow-container {
	margin: 0px;
	padding: 0;
	width: 710px; /* equal .slideshow */
	height: 280px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	display: block;
	position: absolute;
	z-index: 1;
}

.jqslideshow {
	height: 280px; /* took image dimensions & added 20px to both height and width to reflect IF padding paragraph added in .slideshow img*/
	width: 710px;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.jqslideshow * {
	margin: 0;
	padding: 0;
	outline: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
}

.jqslideshow  img {
	height: 280px;
	width: 710px;
	padding: 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.jqslideshow  p {
	margin: 0px;
	padding: 0px;
}

#nav a {
	background: #4A4A4A;
	text-decoration: none;
	margin: 0;
	padding: 5px 10px;
	color: #C8C5AF;
	font-size: 10px;
}
#nav a.activeSlide {
	background: #D14814;
	color: #FFF;
}
#nav a:focus { outline: none; }

#nav {
	margin: 0px;
	position: absolute;
	bottom: 1px; /* would normally be zero, but adding in 5px from #nav a + additional 5px for "padding" */
	z-index: 10;
	display: block;
	line-height: 20px;
	right: 20px;
}