.hero {
	width: 100%;
	max-height: 520px;
	position: relative;
	overflow: hidden;
	background: url(/wp-content/themes/ruderman/img/diagonal_pattern_tile_hero.png) repeat;

	margin-bottom: 49px;
}
	
	.slider-image {
	width: 100%;
	height: auto;
}

.hero-carousel {
	margin:0px auto;
	}
	
	.hero-carousel article {
		width: 940px;
		height: 418px;
		margin: 0 auto;
		display: block;
		float: left;
		position: relative;
		}
		
	.current {
		opacity: 1 !important;
	}
		
	.hero-carousel-container article {
		float: left;
	}
	
		.hero-carousel article img{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
			
		.hero-carousel article .contents {
			position: absolute;
			z-index: 2;
			bottom: 0;
			left: 0;
			list-style: none;
			width: 100%;
			min-height: 60px;
			padding-top: 100px;
			padding-bottom: 22px;
			
			color: white;
			background: url(../img/slider-gradient.png) bottom repeat-x;
		}
		
		.hero-carousel article .contents h4 {
			margin-left: 40px;
			margin-bottom: 8px;
			padding-right: 125px;
		}				
			
		.hero-carousel article .contents p {
			position: relative;
			bottom: 0;
			color: white;
			font-size: 16px;
			margin-left: 40px;

			padding-right: 125px;
		}			
			
		.hero-carousel .current .contents h4, .hero-carousel .current .contents p {
			
		}
			
		.hero-carousel-nav {
			width: 55px;
			position: absolute;
			bottom: 0;
			right: 50%;
			margin-right: -470px;
			margin-bottom: 0;
			z-index: 20;
		}
			
			.hero-carousel-nav li {
				position: absolute;
				bottom: 40px;
				right: 40px;
				list-style: none;
				background: #414141;
	
			}
				
			.hero-carousel-nav li.prev {
				right: 75px;
				background: #414141;
			}
				
			.hero-carousel-nav li a {
				color: #fff;
				border: none;
				outline: none;
				display: block;
				float: left;
				height: 30px;
				width: 30px;
				
				behavior: url(/assets/PIE.htc);
			}
				
				.hero-carousel-nav li a i {
					display: block;
					width: 100%;
					text-align: center;
					font-size: 12px;
					line-height: 2.6;
					-webkit-font-smoothing: antialiased;
				}
				
				.hero-carousel-nav li:hover, .hero-carousel-nav li.prev:hover {
					background: #D81E05;
					opacity: 1;
				}
				
				
			.hero-carousel-nav li a:active,
			.hero-carousel-nav li a:focus { 
				border: none;
				outline: none;
			}
				
@media (min-width: 1200px) {
					
}

@media (min-width: 768px) and (max-width: 979px) {
	
}

@media (max-width: 767px) {
	
}

@media (max-width: 479px) { .hero-carousel { display: none; } }