/*---------- Left and Right Triggers ----------- */
#slide-prev {
	position:absolute;
	width:35px;
	height:65px;
	top:180px;
	left:7px;
	z-index:4;
	background:url(../images/sl-control.png) left top no-repeat;
}
#slide-next {
	position:absolute;
	width:35px;
	height:65px;
	top:180px;
	right:2px;
	z-index:4;
	background:url(../images/sl-control.png) left bottom no-repeat;
}


/*---------- Main Slider Container----------- */
#slider {
	  z-index: 4;
}
/* Every slide must be hidden by default */
.slide { display:none;  z-index: 4;}

/* 
   And only the slide with "cs-activeSlide" class must be visible!
   !Reserved Class name. Required class! 
*/
.cs-activeSlide { display:block; z-index: 4; }

/* Container with caption's text. Must be hidden */
.slide-descriptions {
	display:none;
}

/* Container with caption, must be hidden by default */
.full-3D {
	right: 40px;
    top: 580px;
    width: 840px;
	height:20px;
}
/* Container with Pagination buttons */
.pagination {
	top: 388px;
    left: 525px;
    position: absolute;
    text-align: center;
}
.slider-pagination {
	display:inline-block;
	width:25px;
	height:29px;
	background:url(../images/navi.png) no-repeat left bottom;
	margin:0 0px;
	cursor:pointer;
	position:relative;
	z-index:200;
}
/* This is a required class for the "Active" pagination button. ! Reserved Class Name ! */
.cs-active-pagination {
	background:url(../images/navi.png) no-repeat left top;
}

/* Multiple SLiders */
.slider-2 {
	padding-top:0;
	margin-top:20px;
}
#slider-1, #slider-2 {
	width:1100px;
	height:331px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:2;
	display:block;
}
.cs-activeSlide-2 {
	display:block
}
.cs-active-pagination-2 {
	background:url(../images/navi.png) no-repeat left top;
}