/* Based on http://code.tutsplus.com/tutorials/build-an-auto-scrolling-slideshow-that-works-with-and-without-javascript--net-4915 */

#slideshowOUTa {
width: 450px;
/* if less than 549px,
left margin 549px minus content
divided by 2 */
margin-left: 49.5px;
background-color: #ffffff;}
 
#slideshowOUTa ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}
 
#slideshowOUTa ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            


#slideshowOUTa .slides {
overflow: hidden;
width: 450px;}
 
#slideshowOUTa .slides ul {
/* total width of all slides -
450px multiplied by 5 */
width: 2250px;}
 
#slideshowOUTa .slides li {
width: 450px;
float: left;
padding: 0px;
margin-bottom: 10px;}
 

#slideshowOUTa .slides-nav {
background-color: #ffffff;
/* width of content minus
buttons multiplied by 37px
divided by 2 */
margin-left: 132.5px;}
 
#slideshowOUTa .slides-nav li {
float: left;}
 
#slideshowOUTa .slides-nav li a {
display: block;
padding: 5px 5px;
outline: none;}