/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow { width: 640px; background-color: #363636; color: #ffffff; height: 280px; _border: 1px solid #ddd;}
#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 { position:absolute; top:30px; left:10px; background-color:#363636; overflow:hidden; width:620px; height:230px;}
#slideshow .slides ul { width:640px;}
#slideshow .slides li { width:600px; float:left; padding:5px;}
.block { padding:0px; height:230px;}
#slideshow .slides ul li .block img{ position:absolute; left:0px;}
#slideshow .slides .block h2 { position:absolute; left:310px; color:#ffff66;}
#slideshow .slides .block p { position:absolute; left:310px; top:40px;}
#slideshow .slides .block em { position:absolute; left:500px; top:210px;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav { background-color:#363636;}
#slideshow .slides-nav li { float:left;}
#slideshow .slides-nav li a { display:block; padding:5px 5px; outline:none; color:#ffffff;}
.js #slideshow .slides-nav li.on, .js #slideshow .slides-nav li.on a { background-color:#ffffff;}
.js #slideshow .slides-nav li.on a { position: relative; color: #363636; top: -0px;}
