/*

// "Frontpage Slideshow" Module for Joomla! 1.5.x - Version 2.0.0

// Copyright (c) 2006 - 2008 JoomlaWorks. All rights reserved.

// This code cannot be redistributed without permission from JoomlaWorks - http://www.joomlaworks.gr.

// More info at http://www.joomlaworks.gr and http://www.frontpageslideshow.net

// Designed and developed by the JoomlaWorks team

// ***Last update: September 1st, 2008***

*/

/* --- Slideshow Containers --- */

#fpss-outer-container {padding:0;margin:0px;width:900px; background-color:#61874e;} /*204a1a*/

#fpss-container {/*clear:both;*/padding:0;margin:0;position:relative;text-align:left;width:900px;}

#fpss-slider {overflow:hidden;background:none;/*clear:both;*//*width:500px;height:300px;*/ width:650px; height:360px;}


#slide-loading {background:#000 url(../../images/loading_black.gif) no-repeat center;margin:0;padding:0;/*width:500px;height:300px;*/ width:650px; height:360px;}

#slide-wrapper {display:none;font-size:11px;text-align:left;}
	#slide-wrapper #slide-outer {height:300px;}
	#slide-wrapper #slide-outer .slide {position:absolute;overflow:hidden;width:/*width:500px;height:300px;*/ width:650px; height:360px;}
		#slide-wrapper #slide-outer .slide .slide-inner {position:relative;margin:0;color:#fff;overflow:hidden;background:#141414;text-align:left;/*height:300px;*/ height:px;}
			#slide-wrapper #slide-outer .slide .slide-inner a.fpss_img span span span {background:none;}

/* --- Content --- */

.fpss-introtext {width:auto;width:100%;margin:0;padding:0;position:absolute;bottom:0;left:0;right:0;}
.fpss-introtext .slidetext {margin:0;padding:4px 12px;}

/* --- Navigation Buttons --- */

#navi-outer {position:absolute;top:0;right:0;/*clear:both;*/margin:0;padding:0;color:#fff;background:#363636;overflow:hidden; /*width:137px;height:300px;*/ width:245px; height:360px;}
	#navi-outer ul {padding:0;margin:0;background:none;text-align:left;}
	#navi-outer li {display:inline;padding:0;margin:0;border:none;/*height:56px;*/height:360px;list-style:none;background:none;}
	#navi-outer a {display:block;padding:0px;margin:0;text-decoration:none;/*background:#141414 url(nav.gif) repeat-x bottom;height:52px;*/height:120px;overflow:hidden;font-weight:normal;font-size:9px;color:#ffffff;}
		#navi-outer a:hover,
		#navi-outer a.navi-active {display:block;padding:0px;margin:0;text-decoration:none;/*background:#005696;height:52px;*/height:120px;overflow:hidden;font-weight:normal;color:#ffffff;}

/*#navi-outer li a span.navbar-img {display:none;}*/
#navi-outer li a div.navbar-key {display:none;}
/*#navi-outer li a span.navbar-title {display:block;font-size:13px;font-weight:bold;color:#fff;}*/
/*#navi-outer li a span.navbar-tagline {font-weight:normal;font-size:10px;color:#fff;margin:0;padding:0;}*/
	
.thumbnail-1 { position:relative; }
/*.thumbnail-1 .image { width:245px; height:120px; z-index:1; overflow:hidden; position:relative; }*/
.thumbnail-1 .navbar-title { position: absolute; top:103px; left:0px; z-index:3; margin:0 0 0 3px; }
.thumbnail-1 .caption-bg { width:245px; margin:0; height:20px; z-index:2; position: absolute; top:100px; left:0px; background-color:#367c2b; text-decoration:none; opacity: .6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
#navi-outer a.navi-active .thumbnail-1 .caption-bg { width:245px; margin:0; height:20px; z-index:2; position: absolute; top:100px; left:0px;  background-color:#005696;  text-decoration:none; opacity: .6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}

.thumbnail-2 { position:relative; }
/*.thumbnail-2 .image { width:245px; height:120px; z-index:1; overflow:hidden; position:relative; }*/
.thumbnail-2 .navbar-title { position: absolute; top:103px; left:0px; z-index:3; margin:0 0 0 3px; }
.thumbnail-2 .caption-bg { width:245px; margin:0; height:20px; z-index:2; position: absolute; top:100px; left:0px; background-color:#367c2b; text-decoration:none; opacity: .6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
#navi-outer a.navi-active .thumbnail-2 .caption-bg { width:245px; margin:0; height:20px; z-index:2; position: absolute; top:100px; left:0px;  background-color:#005696;  text-decoration:none; opacity: .6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}

.thumbnail-3 { position:relative; }
/*.thumbnail-3 .image { width:245px; height:120px; z-index:1; overflow:hidden; position:relative; }*/
.thumbnail-3 .navbar-title { position: absolute; top:103px; left:0px; z-index:3; margin:0 0 0 3px; }
.thumbnail-3 .caption-bg { width:245px; margin:0; height:20px; z-index:2; position: absolute; top:100px; left:0px; background-color:#367c2b; text-decoration:none; opacity: .6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
#navi-outer a.navi-active .thumbnail-3 .caption-bg { width:245px; margin:0; height:20px; z-index:2; position: absolute; top:100px; left:0px;  background-color:#005696;  text-decoration:none; opacity: .6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}

#navi-outer li a:hover span.navbar-tagline,
#navi-outer li a.navi-active span.navbar-tagline {font-weight:normal;font-size:10px;color:#fff;margin:0;padding:0;line-height:12px;}

span.navbar-clr {display:block;/*clear:both;*/}
#navi-outer li a span.navbar-clr {display:none;}
#navi-outer li.noimages {display:none;}

/* --- Notice: Add custom text styling here to overwrite your template's CSS styles! --- */
.fpss-introtext { position:relative; }
.fpss-introtext .caption-bg { width:650px; margin:0; height:40px; z-index:2; position: absolute; top:-40px; left:0px; background:url(../../images/feature-caption-bg.png) top left; /*background-color:#367c2b; text-decoration:none; opacity: .6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";*/ }
.fpss-introtext .slidetext h1 { width:640px;position: absolute; top:-38px; left:0px; z-index:3; margin:0 0 0 5px;}
	.fpss-introtext .slidetext h1 a {color:#ffffff;font-size:20px;margin:0;padding:0; text-decoration:none;}
		.fpss-introtext .slidetext h1 a:hover {color:#CCE6F9;font-size:20px;margin:0;padding:0;}
.fpss-introtext .slidetext h2 {display:none;}
.fpss-introtext .slidetext h3 {display:none;}
.fpss-introtext .slidetext p {margin:4px 0;padding:0;color:#fff;}
.fpss-introtext .slidetext a.readon {display:none;}
	.fpss-introtext .slidetext a.readon:hover {display:none;}

/* --- 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;}