/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
	width: 980px;
	margin: 0 auto;
}

#slideshow ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 256px;
	height: 1%; /* IE fix */
	position:absolute;
	z-index:1;
}

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

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: 978px;
z-index:0;}

#slideshow .slides ul {

}

#slideshow .slides li {
	width: 978px;
	float: right;
	padding: 0;}

#slideshow .slides h2 {
	margin-top: 0;}

#slideshow .slides img {
	float: right;
	position:relative;
	top: 4px;
	right: 2px;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
	width: 250px;
	margin:0;
	float: left;
	text-decoration: none;}

#slideshow .slides-nav li {
	float: left;
	width: 250px;
	height: 75px;
	text-decoration: none;
}

#slideshow .slides-nav li a {
	display: block;
	width: 250px;
	height: 75px;
	padding: 0;
	outline: none;
	text-decoration: none;
	text-indent: -9999px;
}

#slideshow .slides-nav:after { height:0; visibility: hidden; content: ".";   display: block; clear: both;}

#mn01 a {display: block; background:url(../images/main-nav01.jpg) no-repeat; width: 250px; height: 75px; overflow: hidden;}
#mn02 a {display: block; background:url(../images/main-nav02.jpg) no-repeat; width: 250px; height: 75px;overflow: hidden;}
#mn03 a {display: block; background:url(../images/main-nav03.jpg) no-repeat; width: 250px; height: 75px;overflow: hidden;}
#mn04 a {display: block; background:url(../images/main-nav04.jpg) no-repeat; width: 250px; height: 75px;overflow: hidden;}

#mn01.on a {background:url(../images/main-nav01-on.jpg) no-repeat; width: 250px; height: 75px; overflow: hidden;}
#mn02.on a {background:url(../images/main-nav02-on.jpg) no-repeat; width: 250px; height: 75px;overflow: hidden;}
#mn03.on a {background:url(../images/main-nav03-on.jpg) no-repeat; }
#mn04.on a {background:url(../images/main-nav04-on.jpg) no-repeat; }

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
}

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