#slider							{ 
									/* background-color: #323232; */
									background-color: #2f2f2f;
									/* background: url(../images/slideshow/slider-bg.jpg) repeat; */
									backgroud-position: -10px 0; 
									height: 210px; overflow: hidden;
								  position: relative;}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 40px 30px; width: 940px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #dd0000;  text-align: left; margin-bottom: 20px; position: absolute; top: 40px; left: 95px;}
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 320px; text-align: justify; position: absolute; top: 80px; left: 100px;}
.slide img						{ position: absolute; top: 10px; left: 470px; }
#slider-stopper					{ position: absolute; top: 0px; right: 1px; background: #444; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
								  
		
/* Slideshow FAQ */						  

#faq {
    width: 200px;  /* important to be same as image width */
    height: 360px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#faqContent {
    width: 200px;  /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.faqImage {
    float: left;
    position: relative;
	display: none;
}
.faqImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 38px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.faqImage p{
	overflow: hidden;
	height: 205px;
}
.faqImage div.detaljnije{
	float: right;
	}
.faqImage div.detaljnije a{
	color: #FF5D5D;
	}	
.faqImage div.detaljnije a:hover{
	color: #FF0000;	
	}	

.clear {
	clear: both;
}
.faqImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}			  

/* Slideshow Slike */						  

#gallery {
    position: absolute;
    float: left;
    display: block;
    clear: left;
    margin: 0px;
}

#gallery-text{
		border-top: 1px dashed #ccc;
		width: 200px;
		position: absolute;
		top: 200px;
	}


#gallery IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#gallery IMG.active {
    z-index:10;
}

#gallery IMG.last-active {
    z-index:9;
}