/*

// "Frontpage Slideshow" by JoomlaWorks - Version 1.7.2

// Copyright (c) 2006 - 2008 JoomlaWorks, a Komrade LLC company.

// 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

// Developers: Fotis Evangelou - George Chouliaras

// ***Last update: May 4th, 2008***

*/



/* --- Slideshow Containers --- */

#fpss-outer-container {overflow:hidden;width:730px;height:250px; margin-bottom:5px; margin-top:15px;float: left;}

/* This element controls the slideshow spacing and border */

#fpss-container {position:relative;margin:0;padding:0;clear:both;}

#fpss-slider {float:left;background:none;overflow:hidden;width:730px;height:250px;}

#slide-loading {background:#000 url(loading_black.gif) no-repeat center center;width:800px;height:350px;}

#slide-wrapper {display:none;}

#slide-wrapper #slide-outer .slide {/*right:200px;*/width:730px;height:250px;}



/* --- Slideshow Block --- */

#slide-wrapper #slide-outer .slide {position:absolute;overflow:hidden;}

#slide-wrapper #slide-outer .slide .slide-inner {position:relative;margin:0;color:#fff;overflow:hidden;text-align:left;z-index:8;}

#slide-wrapper #slide-outer .slide .slide-inner a.fpss_img span span span {background:none;}



/* --- Content --- */

.fpss-introtext {width:100%;height:30%;font-size:11px;margin:0;padding:0;position:absolute;top:20;bottom:0;background:url(transparent_bg.png);left:0}

.fpss-introtext .slidetext {margin:0;padding:0;}



/* --- Navigation Buttons --- */

#pseudobox {display:none;}

#navi-outer {float:left;margin:0/* 0 0 -20px*/;padding:0;background:#3a3a3a;overflow:hidden;position:relative;z-index:9;height:350px;width:200px; display:none;}

#navi-outer ul {margin:-1px 0 0 0;padding:0;list-style:none;background:none;text-align:left;}

#navi-outer li {display:inline;padding:0;margin:0;border:none;height:70px;list-style:none;background:none;}

#navi-outer li.noimages {display:none;}

#navi-outer li a {display:block;padding:0px;margin:0;text-decoration:none;font-size:11px;color:#fff;background:#000;height:70px;overflow:hidden;}

#navi-outer li a:hover,#navi-outer li a.navi-active {display:block;margin:0;text-decoration:none;font-size:11px;color:#fff;height:70px;overflow:hidden;}

#navi-outer li a span.navbar-img,#navi-outer li a:hover span.navbar-img,#navi-outer li a.navi-active span.navbar-img {display:block;width:200px;height:70px;overflow:hidden;margin:0px 0px 0 0;padding:0;float:left;}

#navi-outer li a span.navbar-img img {opacity:0.4;-moz-opacity:0.6;filter:alpha(opacity=60);width:200px;height:70px;}

#navi-outer li a:hover span.navbar-img img,#navi-outer li a.navi-active span.navbar-img img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);width:200px;height:70px;}

#navi-outer li a span.navbar-key {display:none;}

#navi-outer li a span.navbar-title {font-weight:bold;font-size:12px;display:block;margin:0;padding:0;color:#fff;line-height:28px;}

#navi-outer li a span.navbar-tagline {font-weight:normal;color:#f2f2f2;margin:0;padding:0;font-size:11px;line-height:12px;}

#navi-outer li a:hover span.navbar-tagline,

#navi-outer li a.navi-active span.navbar-tagline {font-weight:normal;color:#333;}

span.navbar-clr {display:block;clear:both;}



/* --- Notice: Add custom text styling here to overwrite your template's CSS styles! --- */

.fpss-introtext .slidetext h2 {
    color: #FFFFFF;
    font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
    font-size: 28px;
    line-height: 28px;
    margin: 0;
    padding: 20px 8px 2px;
}
.fpss-introtext .slidetext h2 a {
    color: #FFFFFF;
    font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
    font-size: 28px;
    margin: 0;
    padding: 0;
}
.fpss-introtext .slidetext h2 a:hover {
    color: #FFDF04;
    font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
    font-size: 28px;
    margin: 0;
    padding: 0;
}
.fpss-introtext .slidetext h3 {
    color: #BBBBBB;
    font-size: 11px;
    font-weight: normal;
    margin: 0 8px;
    padding: 0;
}
.fpss-introtext .slidetext h4 {
    display: none;
    font-size: 11px;
    margin: 0 0 4px;
    padding: 0;
}

.fpss-introtext .slidetext p {margin:0 8px;padding:8px 0;background:url(dotted.gif) repeat-x bottom;color:#fff;}

.fpss-introtext .slidetext a.readon {position:absolute;left:620px;bottom:0px;width:100px;margin:0;padding:3px 0 6px 12px;background:url(readmore.png) no-repeat;color:#fff;border:none;}

.fpss-introtext .slidetext a.readon:hover {position:absolute;left:620px;bottom:0px;width:100px;margin:0;padding:3px 0 6px 12px;background:url(readmore-hover.png) no-repeat;color:#fff;border: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;}



.fpss-block{ z-index:0; position:relative;}



/* --- End of stylesheet --- */