@charset "utf-8";
/* CSS Document */

/* General slideshow style */
#slideshow{ width: 100%; max-width:675px; height: 300px; margin: 0 auto; padding: 0; background-color: #CCCCCC; padding-top: 5px; }
/* Slides style */
#slideshow #slides{ width: 99%; height: 255px; margin: 0 auto; background: #000000; }
#slideshow #slides .slide{ width: 591px; height: 255px; }
#slideshow #slides .slide .slide-content-background{ background-color: #000000; width: 100%; height: 75px; filter: alpha(opacity=60); opacity: .6; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; background: #000000; position: relative; top: 180px; }
#slideshow #slides .slide .slide-content{ position: relative; height: 75px; width: 491px; top: 105px; padding-left: 15px; padding-top: 10px; }
#slideshow #slides .slide .slide-content h2{ margin: 0; padding: 0; line-height: 18px; }
#slideshow #slides .slide .slide-content h2 a{ color: #71CAEF; font-size: 20px; text-decoration: none; font-weight: normal; }
#slideshow #slides .slide .slide-content h2 a:hover{ text-decoration: underline; }
#slideshow #slides .slide .slide-content p{ color: #FFFFFF;padding:0; margin:0; padding-top: 5px; padding-left: 3px; }

/* Progressbar style */
#slideshow #progressbar{ margin: 0 auto; margin-top: 2px; margin-bottom: 2px; width: 99%; height: 10px; }

/* Buttons style */
#slideshow #buttons{ width: 100%; margin-left: 4.5px; height: 20px; }
#slideshow #buttons ul{ margin: 0; padding: 0; }
#slideshow #buttons ul li{ cursor: pointer; float: left; list-style-image: none; list-style-position: outside; list-style-type: none; margin-right: 2px; padding:0; position: relative; width: 25px; height: 25px; }
#slideshow #buttons ul li span{ margin: 4px 4px; }
#slideshow #buttons ul li div { width: 100%; text-align: center; font-size: 14px; margin-top: 2px; }