/*###############################################################

SLIDER
- css pre slider

###############################################################*/

#slider-content, 
#slider-content .slide {
	width: 300px ;
	height: 334px ;
	position: relative;
	display: block;
}
#slider-content { position: relative;}
#slider-content .slide { 
	position: absolute;
	top: 0;
	left: 0;
}

#slider-content .slide .sliderPhoto,
#slider-content .slide .sliderPhoto a {
	width: 298px;
	height: 228px;
	display: block;
}
#slider-content .slide .sliderPhoto { border: 1px solid #070707; }
#slider-content .slide .sliderPhoto a { text-decoration: none; }

#slider-content .slide .sliderInfo {
	width: 284px;
	height: 105px;
	display: block;
	padding: 0 8px;
	background: url('../img/sprite_backgrounds.png') 0 -218px repeat-x;
}
#slider-content .slide .sliderInfo h1 {
	color: white;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	line-height: 13pt;
}
#slider-content .slide .sliderInfo a { /*text-decoration: none;*/}
#slider-content .slide .sliderInfo p {
	color: #878787;
	font-size: 8pt;
	text-align: left;
	line-height: 11pt;
	margin-top: 5px;
}

#slider .sliderNav {
	width: 300px;
	height: 80px;
	display: block;
}
#slider .sliderNav .slider-tab1,
#slider .sliderNav .slider-tab2,
#slider .sliderNav .slider-tab3 {
	width: 80px;
	height: 58px;
	padding: 10px;
	float: left;
}
.sliderNav .slider-tab1 { background: url('../img/sprite_slider_nav.png') 0px 0px no-repeat; }
.sliderNav .slider-tab2 { background: url('../img/sprite_slider_nav.png') -100px 0px no-repeat; }
.sliderNav .slider-tab3 { background: url('../img/sprite_slider_nav.png') -100px 0px no-repeat; }
.sliderNav .slider-tab1:hover, .sliderNav .slider-tab1.active { background: url('../img/sprite_slider_nav.png') 0px -82px no-repeat; }
.sliderNav .slider-tab2:hover, .sliderNav .slider-tab2.active { background: url('../img/sprite_slider_nav.png') -100px -82px no-repeat; }
.sliderNav .slider-tab3:hover, .sliderNav .slider-tab3.active { background: url('../img/sprite_slider_nav.png') -100px -82px no-repeat; }
#slider .sliderNav img {
        max-width: 80px;
        max-height: 60px;
}
