/* --- Slideshow Containers --- */
#fpss-outer-container {overflow:hidden;width:<?php echo $width; ?>px;}
/* This element controls the slideshow spacing and border */
#fpss-container {position:relative; clear:both;width:<?php echo $width+$sidebarWidth; ?>px;}
#fpss-slider {float:left; background:none;overflow:hidden;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;}
#slide-loading {background:#FFF url(../images/loading_black.gif) no-repeat center center;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;}
#slide-wrapper:hover {opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);}
#slide-wrapper {display:none;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;}
#slide-wrapper #slide-outer {height:<?php echo $height; ?>px;}
#slide-wrapper #slide-outer .slide {right:<?php echo $sidebarWidth; ?>px;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;}

/* --- Slideshow Block --- */
#slide-wrapper #slide-outer .slide {position:absolute;overflow:hidden;}
#slide-wrapper #slide-outer .slide .slide-inner {color:#fff;overflow:hidden;background:#FFF;text-align:left;z-index:8;height:<?php echo $height; ?>px;}
#slide-wrapper #slide-outer .slide .slide-inner a.fpss_img span span span {background:none;}

/* --- Content --- */
.fpss-introtext {width:50%;height:auto;margin:0;padding:0;position:absolute;top:0;bottom:0; right: 0; background:url(../images/transparent_bg.png);}
.fpss-introtext .slidetext {margin:0;padding:0 8px;}

/* --- Navigation Buttons --- */
#navi-outer {clear:both;background:url(../images/black_stripes.gif) repeat top;overflow:hidden;width:<?php echo $width; ?>px;}
#navi-outer ul {list-style:none;background:none;}
#navi-outer li {border:none;list-style:none;display:inline; margin: 0; padding: 0;}
#navi-outer li.noimages {display:none;}

#navi-outer li a {float:left; max-height: 90px; margin: 5px; text-decoration:none;font-size:11px;color:#444;overflow:hidden;}
#navi-outer li a:hover,
#navi-outer li a.navi-active {float: left; display:block;text-decoration:none;font-size:11px;color:#000;overflow:hidden;}

.ul_container {text-align: center; position: relative; left: -15px;}

#navi-outer li a span.navbar-img,
#navi-outer li a:hover span.navbar-img,
#navi-outer li a.navi-active span.navbar-img {overflow:hidden;}
#navi-outer li a span.navbar-img img {display:block;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);width:120px;height:90px;}
#navi-outer li a:hover span.navbar-img {display:block;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);width:120px;height:90px;}

#navi-outer li a span.navbar-key, #navi-outer li a navbar-tagline {display:none;}

#navi-outer li a span.navbar-title {width: 120px; display: block; position: relative; bottom:70px; line-height: 12px; background:url(../images/transparent_bg.png); font-family:'OldStandard', serif; font-size:11pt; padding: 2px 0 2px 0; font-style: italic; font-weight: bold; color:#FFF; text-shadow: 1px 1px 0 #000;}
span.navbar-clr {display:block;clear:both;}

/* --- Notice: Add custom text styling here to overwrite your template's CSS styles! --- */
.fpss-introtext .slidetext h1 {margin:0;padding:25px 0 8px 0; border: 0;;
}
.fpss-introtext .slidetext h1 a {font-family:'OldStandard', serif;font-size:26pt;line-height:28px; color:#fff; text-shadow: 1px 1px 0 #000;
}
.fpss-introtext .slidetext h1 a:hover {color:#FFF; text-shadow: 1px 1px 0 #000;}
.fpss-introtext .slidetext h2 {font-size:11px;margin:0;padding:0;color:#bbb;font-weight:normal;}
.fpss-introtext .slidetext h3 {font-size:11px;margin:0 0 4px 0;padding:0;display:none;}
.fpss-introtext .slidetext p {font-family: Arial, Helvetica, Sans-serif; font-size:10pt; margin:0;padding:2px 0; color:#fff;text-shadow: 1px 1px 0 #000}
.fpss-introtext .slidetext a.readon {position:absolute;left:8px;bottom:12px;width:100px;margin:0;padding:6px 0 6px 12px;background:url(../images/readmore.png) no-repeat;color:#fff;border:none;}
.fpss-introtext .slidetext a.readon:hover {position:absolute;left:8px;bottom:12px;width:100px;margin:0;padding:6px 0 6px 12px;background:url(../images/readmore-hover.png) no-repeat;color:#fff;border:none;}

/* --- Generic Styling (highly recommended) --- */
#fpss-outer-container a:active,
#fpss-outer-container 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;}