/* --- Slideshow Containers --- */
#fpss-outer-container { padding: 4px; margin: 0px auto 8px auto; overflow: hidden; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 560px; }
/* This element controls the slideshow spacing and border */
#fpss-container { position: relative; margin: 0; padding: 0; clear: both; width: 560px; }
#fpss-slider { background: none; overflow: hidden; clear: both; text-align: left; width: 560px; height: 350px; }
/* Add bg color if using bg image on #fpss-outer-container */
#slide-loading { background: #fff url(loading.gif) no-repeat center; text-align: center; width: 560px; height: 350px; }
#slide-wrapper { display: none; width: 560px; height: 350px; }
#slide-wrapper #slide-outer { height: 350px; }
#slide-wrapper #slide-outer .slide { position: absolute; overflow: hidden; right: 0; width: 560px; height: 350px; }
#slide-wrapper #slide-outer .slide .slide-inner { position: relative; margin: 0; color: #fff; overflow: hidden; background: #3a3a3a; text-align: left; z-index: 8; height: 350px; }
#slide-wrapper #slide-outer .slide .slide-inner a.fpss_img span span span { background: none; }

/* --- Content --- */
.fpss-introtext { width: 100%; margin: 0; padding: 0; position: absolute; left: 0; right: 0; bottom: 0; background: url(transparent_bg.png); }
.fpss-introtext .slidetext { padding: 4px 8px 2px 8px; }

/* --- Navigation Buttons --- */
#navi-outer { clear: both; margin: 0; padding: 0; border-top: 2px solid #404040; background: url(nav-bg.gif) no-repeat right top; overflow: hidden; position: relative; z-index: 9; width: auto; }
#navi-outer ul { margin: 0; padding: 0 16px 0 34px; list-style: none; background: url(corner.png) no-repeat left top; text-align: right; float: right; }
#navi-outer li { display: inline; padding: 2px 0; margin: 0; border: none; list-style: none; background: #222; float: left; line-height: 14px; text-align: center; }
#navi-outer li a { font-size: 10px; font-family: Arial, sans-serif; text-align: center; text-decoration: none; color: #fff; padding: 1px; margin: 0 3px; }
#navi-outer li a:hover, #navi-outer li a.navi-active { font-size: 10px; font-family: Arial, sans-serif; text-align: center; text-decoration: none; color: #f00; border: 1px solid #505050; padding: 0; margin: 0 3px; }
#navi-outer li a span.navbar-img { display: none; }
#navi-outer li a span.navbar-key { padding: 2px; }
#navi-outer li a span.navbar-title { display: none; }
#navi-outer li a span.navbar-tagline { display: none; }
#navi-outer li a span.navbar-clr { display: none; }
#navi-outer li.noimages a, #navi-outer li.noimages a.navi-active, #navi-outer li.noimages a:hover { border: none; padding: 1px; }

/* --- Notice: Add custom text styling here to overwrite your template's CSS styles! --- */
.fpss-introtext .slidetext h1 { font-family: Arial, Times, serif; font-size: 24px; line-height: 26px; margin: 0; padding: 0; color: #fff;  }
.fpss-introtext .slidetext h1 a { font-family: Arial, Times, serif; font-size: 24px; margin: 0; padding: 0; color: #fafafa; text-decoration:none;}
.fpss-introtext .slidetext h1 a:hover { font-family: Arial, Times, serif; font-size: 24px; margin: 0; padding: 0; color: #f00; }
.fpss-introtext .slidetext h2 { font-size: 11px; margin: 0; padding: 0; color: #999; font-weight: normal; }
.fpss-introtext .slidetext h3 { font-size: 11px; margin: 0; padding: 0; display: none; }
.fpss-introtext .slidetext p { margin: 4px 0; padding: 0; color: #fff; }
.fpss-introtext .slidetext a.readon { margin: 0; padding: 1px 8px; background: url(readmore.png) repeat-x center; color: #fff; line-height: 20px; border: 1px solid #505050; text-decoration: none; display: inline; }
.fpss-introtext .slidetext a.readon:hover { margin: 0; padding: 1px 8px; background: url(readmore-hover.png) repeat-x center; color: #222; line-height: 20px; border: 1px solid #505050; text-decoration: none; display: inline; }

/* --- Generic Styling (highly recommended) --- */
a:active, a:focus { outline: 0; }
#fpss-container img { border: none; }
.fpss-introtext .slidetext img, .fpss-introtext .slidetext p img { display: none; }
/* this will hide images inside the introtext */
.fpss-clr { clear: both; height: 0; line-height: 0; }

/* --- End of stylesheet --- */