.slider_wrapper{
	width: 100% !important;
	margin: 0 !important;
	overflow: hidden;
	display: block;
	float: none; 
	position:relative;
    top:auto;
    right:auto; 
    bottom:auto; 
    left:auto; 
    width:1561px;
    height:678px;
    /*height:620px;*/ 
    margin:13px 0px;}
		
.slider{
	padding: 0;}
	
.slider li{
	float: left;
	height:420px;
  /*background-position: top center;*/
	background-repeat: no-repeat;
	list-style: none;}
	
.slider li .slider_img{
	position: relative;
	height: 100%;
	top: 0;
	left: 0;}
		
/* --- slider navigation --- */
.controls.slider_navigation{
	background-color:black;
	float: right;
	margin-top: 0px;
	margin-right:50px;
	position:relative;
	padding:0px 0px 0px 0px;}
	
.slider_navigation .more, .slider_navigation .prev, .slider_navigation .next{
	float: left;
	display: block;
	padding: 0;
	border: none;}

/* --- slider controls --- */

#controls_wrapper{
    height:50px;
    width:280px;
    margin:20px auto;
    position:relative;
    margin-top: -70px;
    background:transparent;}	
	
/*.controls .more, .controls .close,*/ .controls .prev, .controls .next {
	width: 50px;
	height: 50px;}
	

.controls .prev{
	background-image: url(slider/navigation_previous.png);}
	
.controls .next{
	background-image: url(slider/navigation_next.png);}
	
	
	
.controls .more:hover, .controls .close:hover, .controls .prev:hover, .controls .next:hover{
	background-position: 0 -49px;}
	

.down{width: 50px;float:right;
	height: 50px;
	background-image: url(slider/navigation_down.png);}
	

.down:hover{width: 50px;float:right;
	height: 50px;
	background-position: 0 -49px;}