/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
	width:700px;
	height:300px;
	margin:0;
	padding:0;
	float:left;
}

#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;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides a {
 overflow: hidden;
	width:700px;
	height:300px;
 display : block;
}

#slideshow .slides ul {
	width:700px;
	height:300px;
 margin: 0;
 padding: 0;
}

#slideshow .slides li {
	width:700px;
	height:300px;
 float: left;
 padding: 0;
 margin: 0;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
 background-color: #d7f2ff;
 border-bottom : 1px solid #008fd4;
 margin: 0;
 padding: 0;
 clear : both;
}


#slideshow .slides-nav li {
 float: left;
 width : 117px;
 margin: 0;
 padding: 0;
 font-size : 75%;
 text-align : center;
}

#slideshow .slides-nav li a {
 display: block;
 padding: 6px 0;
 outline: none;
 margin : 0;
 text-decoration : none;
 color : #444;
}

#slideshow .slides-nav li a:hover {
 text-decoration : underline;
 color : #e00;
}


.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
 background-color: #3ec0ff;
}

.js #slideshow .slides-nav li.on a {
 position: relative;
}