#slides {
	position:relative;
}

.slides_container {
	width:100%;
	height:406px;
	overflow:hidden;
	position:relative;
}

.slides_container a.moduleItemImage {
	height:406px;
	display:block;
	float:left;
	width:100%;
}

.slides_container a img {
	display:block;
}

/*Next/prev buttons*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*Pagination*/

#slides .pagination{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	z-index:10;}
	
#slides ul.pagination,
#slides ol.pagination {
	}

ul.pagination li,
ol.pagination li {
	float:left;
	margin:0;
	list-style:none;
	line-height:56px;
	background:#454538;
}

ul.pagination li a,
ol.pagination li a{
	display:block;
	width:56px;
	height:56px;
	padding-top:0px;
	background-position:0 0;
	float:left;
	overflow:hidden;
	text-align:center;
	font-size:32px;
	color:#959491;
}
ul.pagination li a:hover,
ul.pagination li.current a,
ol.pagination li a:hover,
ol.pagination li.current a {
	background:url(../images/slides/slide-num-nav.png) no-repeat #3a382c;
	background-position: left top;
	padding-bottom:10px;
  	color:#231f20;
}

/*Slide caption*/

#slides div.caption{
    color: #b0c2aa;
    float: right;
    font-family: 'BebasRegular';
    font-size: 16px;
    left: 0;
    line-height: 22px;
    padding: 0 25px;
    position: relative;
    text-transform: uppercase;
    top: -280px;
    width: 232px;
    z-index: 15;
	opacity:0;
		}
	
#slides div.caption a.moduleItemTitle{
    color: #ffffff;
    display: inline-block;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 30px;
    word-spacing: 2px;
	}
	
#slides div.caption a.moduleItemTitle:hover{
	color:#e54c10;}
	
#slides div.caption p{
	word-spacing:2px;
	font-size:16px;}
	

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#slides{width:748px;}
	.slide{width:525px;}
	.slides_container{width:748px;height:322px;}
	
	#slides div.caption{
	    top: -320px;
		left: 223px;
		width:200px;
	    padding: 0 0 0 25px;
		font-size:14px;
		}
		
	#slides div.caption a.moduleItemTitle{
		font-size:26px;
		line-height:30px;
		margin-bottom:20px;}
	
	ul.pagination li a, ol.pagination li a {
      font-size: 24px;
      height: 44px;
      line-height: 44px;
      width: 44.5px;
  	}
	
	#slides .pagination {
	    position: absolute;
	    left:525px;
	    top: 0 ;
	    z-index: 10;
	}
	
	ul.pagination li a:hover, ul.pagination li.current a, ol.pagination li a:hover, ol.pagination li.current a{
		background-position:-6px bottom;
		padding-bottom:8px;
	}
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#slides,
	.slide{width:420px;}
	.slides_control{height:258px;}
	.slides_container{width:420px;height:258px;}
	
	#slides div.caption{display:none;}
	
	#slides .pagination {
	    position: absolute;
	    right: 3px;
	    top: 230px ;
	    z-index: 99;}
	
	ul.pagination li a, ol.pagination li{
		margin:0px 3px 0 0;
		background:none;		}
	
	ul.pagination li a, ol.pagination li a {
    font-size: 1px;
	line-height:1px;
    height: 20px;
    width: 20px;
	border-radius:0px;
	border:1px solid #fff;
	background:#56534f;
	text-indent:-999em;
  	}
	
	ul.pagination li a:hover, ul.pagination li.current a, ol.pagination li a:hover, ol.pagination li.current a{
		background:#ffca33;
		padding:0;
		}
}

@media only screen and (max-width: 479px) {
	#slides,
	.slide{width:300px;}
	.slides_container{width:300px;height:185px;}
	
	#slides div.caption{display:none;}
	
	#slides .pagination {
	    position: absolute;
	    right: 3px;
	    top: 157px ;
	    z-index: 99;}
	
	ul.pagination li a, ol.pagination li{
		margin:0px 3px 0 0;
		background:none;		}
	
	ul.pagination li a, ol.pagination li a {
    font-size: 1px;
	line-height:1px;
    height: 20px;
    width: 20px;
	border-radius:0px;
	border:1px solid #fff;
	background:#56534f;
	text-indent:-999em;
  	}
	
	ul.pagination li a:hover, ul.pagination li.current a, ol.pagination li a:hover, ol.pagination li.current a{
		background:#ffca33;
		padding:0;
		}
}