#slider {
	position: relative;
}

.perspective {
	position: relative;
	height: 324px;
	z-index: 3;
}

.perspective .moveImg {
	z-index: 2;
	left: 195px;
	top: 0;
	position: absolute;
	-moz-perspective: 400px;
	/*-moz-transform-style: preserve-3d;*/
	-webkit-perspective: 400px;
	/*-webkit-transform-style: preserve-3d;*/
	-o-perspective: 400px;
	-o-transform-style: preserve-3d;
	-ms-perspective: 400px;
	-ms-transform-style: preserve-3d;
	-safari-perspective: 400px;
	-safari-transform-style: preserve-3d;
	perspective: 400px;
	transform-style: preserve-3d;
	cursor: default;
}

.perspective .moveImg:nth-child(2){
	cursor: pointer;
}

.perspective .moveImg img {
	display: block;
	width: 550px;
}

.perspective .left {
	z-index: 1;
	top: 60px;
	left: 20px;
}

.perspective .left img {
	width: 320px;
	-moz-transform: rotateY(40deg);
	-webkit-transform: rotateY(40deg);
	-o-transform: rotateY(40deg);
	-ms-transform: rotateY(40deg);
	-safari-transform: rotateY(40deg);
	transform: rotateY(40deg);
}
.perspective .right {
	z-index: 1;
	top: 60px;
	left: 600px;
}

.perspective .right img {
	width: 320px;
	-moz-transform: rotateY(-40deg);
	-webkit-transform: rotateY(-40deg);
	-o-transform: rotateY(-40deg);
	-ms-transform: rotateY(-40deg);
	-safari-transform: rotateY(-40deg);
	transform: rotateY(-40deg);
}

#slider .descriptionSlider {
	position: absolute;
	height: 84px;
	left: 50%;
	bottom: 34px;
	margin: 0 0 0 -268px;
	padding: 0;
	width: 550px;
	background-image: url(/modules/layout/bg-header.png);
	background-repeat: repeat;
	zoom: 1;
	display: none;
	font-family: Georgia;
	color: white;
	z-index: 4;
}

#slider .descriptionSlider span.title {
	font-size: 22px;
	font-style: italic;
	margin: 9px 0 0 30px;
	display: block;
}

#slider .descriptionSlider span.description {
	font-size: 14px;
	margin: 7px 0 0 30px;
	display: block;
}

.controlPanel {
	width: 965px;
	position: absolute;
	left: 50%;
	margin-left: -420px;
	z-index: 4;
	top: 0px;
	zoom: 1;
	height: 100px;
}

.controlPanel div {
	background: url(/modules/layout/skin.png);
	height: 33px;
	width: 33px;
	display: block;
	position: absolute;
	top: 140px;
	z-index: 200;
}

.controlPanel .leftArrow {
	background-position: 0 -40px;
	left: 0;
	cursor: Pointer;
}

.controlPanel .rightArrow {
	background-position: -80px -40px;
	right: 128px;
	cursor: Pointer;
}

#slider .preloader {
	-webkit-border-radius: 25px;
	-khtml-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background: rgba(0,0,0,0.5);
	height: 50px;
	width: 50px;
	position: absolute;
	z-index: 101;
	left: 49%;
	top: 40%;
}