/* SLIDESHOW */

#slideshow {width:456px;overflow: hidden;margin: 0 0 18px 0;padding: 6px 0 0 0;background:#5A1C14;border: solid 2px #42150F ;}

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

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


/* SLIDESHOW > SLIDES */

#slideshow .slides {
overflow: hidden;width:456px ;height: 400px;}

#slideshow .slides ul {
/* total width of all slides -
456px multiplied by 5 in this case */
width: 2200;height: 400px;margin:0;padding:0;position:relative;}

#slideshow .slides li {
width:  440px;height: 400px;

padding:7px 0 7px 14px;margin:0;}
  

#slideshow .slides ul li img {width:428px; height:348px;margin:0;padding:0;}


#slideshow .slides ul li  p {float:left;width:98%;padding:2px 0;border:solid 0px #170805;color: #dad7cc;font-size:14px;line-height: 1.42;}
#slideshow .slides ul li  p strong {font-weight:normal;padding-left:4px;}
#slideshow .slides ul li  p em {font-weight:bold;}
/* SLIDESHOW > NAVIGATION */

#slideshow .slides-nav {
width:456px;
border-top: 2px solid #892B1E;background:#5A1C14;padding-right:1px;padding: 0;margin: 0 auto;text-align:center;}

#slideshow .slides-nav li {
float: right;border-left:solid 1px #b9431a;background-color:#12161D;}

#slideshow .slides-nav li a {
display: block;
padding: 8px ;font-size:12px;
outline: none;border-bottom:0;text-decoration:none;}

/* HIGHLIGHT ACTIVE TAB */
#slideshow .slides-nav li.on,
#slideshow .slides-nav li.on a {
background-color: #b9431a;color:#dad7cc;font-weight:bold;}

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

/*Then prepend the CSS we just added with the new .js class:*/

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background: #12161D;color:#dad7cc;}

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