/* slideshow */

.slideshow {
	float: left;
	position: relative;
	display: inline;
	width: 310px; height: 350px;
	margin: 10px 0 0 10px; padding: 0;
	background: url(../img/bg-slideshow.jpg) no-repeat;
	background-position: top left;
	overflow: hidden;
	z-index: 1;
}

	.slideshow ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 1%; /* IE fix */
	}

	.slideshow ul:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
	}
   

/* slides */

.slideshow .slides {
	overflow: hidden;
	float: left;
	display: inline;
	width: 282px;
	margin: 14px 0 0 14px; padding: 0;
}

	.slideshow .slides ul {
		width: 846px;
	}

		.slideshow .slides li {
			float: left;
			margin: 0; padding: 0;
		}
			.slideshow .slides li div {
				float: left;
				width: 282px; height: 176px;
				margin: 0; padding: 0;
				overflow: hidden;
			}

/* navigation */

.slideshow .slides-nav {
	position: absolute;
	top: 224px; right: 0;
	z-index: 2;
}

	.slideshow .slides-nav li {
		float: left;
	}

		.slideshow .slides-nav li a {
			display: block;
			outline: none;
			padding: 2px 4px; margin: 0;
			font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
			font-size: 13px;
			line-height: 15px;
			text-decoration: none;
			color: #6b6a65;
			background: #fff;
		}
		.slideshow .slides-nav li a:hover {
			color: #262626;
		}

		.js .slideshow .slides-nav li.on,
		.js .slideshow .slides-nav li.on a {
			color: #262626;
			font-weight: bold;
		}