/*
	Slider
*/

#slider{width: 663px; height: 300px; position: relative; left: 0;margin-top: 10px;}
#slider_container{
	height: 300px;
	margin: 0 auto;
	overflow: hidden;
	width: 663px;
	position: relative;
	}
#slider li{float: left;width:663px;height: 300px;position: relative;}
#slider img{padding: 5px; background: #ffffff; border: 1px solid #b2b3b3; -moz-border-radius: 3px;
			border-radius: 3px; -webkit-border-radius: 3px;position: absolute;z-index: 1;}
#slider_elements{width: 960px; margin: 0 auto 60px; position: relative;}
#pipe{position: absolute;left:0;bottom:0;}
#spade{position: absolute;right:0;bottom:0;}

#slider h1{position:absolute;z-index: 2;background: red;padding:10px 5px;
			background: #133c46;width:641px;left:6px;top:24px;opacity:0.8;color: #FFFFFF; font-size: 14px; font-style: italic;}
#slider a{position: absolute;z-index: 2;right:15px;bottom:30px; background: url(../images/slider-btn.png) no-repeat 0 0; width: 165px; height: 31px;}
#slider a:hover{background-position: 0 bottom;}

.plusSlider-controls{
	margin: 0 auto;
	padding: 15px 0;
}
.plusSlider-controls a{
	outline: none;
	background: url(../images/plus-slider/plus-sprite.png) no-repeat left top;
	display: block;
	float: left;
	height: 10px;
	margin: 0 3px;
	width: 10px;
	text-indent: -9999px; /*IE6 fix */
	font-size: 0;
}
.plusSlider-controls a.current, .plusSlider-controls a:hover{
	background-position: -10px 0;
}
.plusSlider a.arrow{
	background: url(../images/plus-slider/plus-sprite.png) no-repeat left top;
	display: block;
	height: 32px;
	opacity: 0;
	width: 32px;
	position: absolute;
	top: 120px;
	z-index: 200;
	text-indent: -9999px;
	/* Fade in/out .arrows on hover */
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-property: opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
}
.plusSlider:hover  a.arrow{opacity: 1;}
.plusSlider a.prev{background-position: 0 -10px; left: 10px;}
.plusSlider a.prev:hover{background-position: 0 -42px; left: 10px;}
.plusSlider a.next{background-position: -33px -10px; right: 10px;}
.plusSlider a.next:hover{background-position: -33px -42px;}