/*HotPress Web | Framework By: Team HotPress Web | Created: 2011*/

/* Hero
----------------------------------------------------------------------------------------------------*/
#hero-container{
	background: #141414 url(images/bg-hero.jpg) repeat-x scroll center top;
	border-bottom: 2px solid #c7c8c1;
	overflow: hidden;
}
.hero {
	display: none;
	height:382px;
	margin:0 auto;
	overflow: hidden;
	padding:0;
	position:relative;
	width:1200px;
	z-index:100;
}

/* Image --------------------------*/
.hero-images{
	height:382px;
	position:absolute;
	right:0;
	top:0;
	width:790px;
	z-index:1;
}
.hero-images ul{
	margin:0;
	padding:0;
}
.hero-images ul li {
	position: absolute;
	padding:0;
	top:0;
    display:none;
    background:none;
}
	
/* Description --------------------------*/
.hero-descriptions {
    left: 104px;
    position: absolute;
    top: 53px;
    z-index: 17;
}
.hero-descriptions ul{
	margin:0;
	padding:0;
}
.hero-descriptions ul li {
    background:none;
    display:none;
	position: absolute;
	top:0;
}	
.hero-description{
    color: #333333;
    display: block;
	margin: 0;
    padding: 10px;
    width: 347px;
    z-index: 3;
}
.hero-description h1{
	color: #bababa;
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 20px;
}
.hero-description h1 strong{
	color: #fff;
	font-size: 40px;
	font-weight: 700;
}
.hero-description h2{
	color: #fff;
	font-size: 23px;
	font-weight: 400;
	line-height: 21px;
}

.hero-description h2.s-h2 {
	font-size: 18px;	
}

.hero-description h3{
	color: #d2441c;
	font-size: 15px;
	font-weight: 700;
}	
.hero-descriptions .hero-more{
	background: url(images/sprite.png) no-repeat scroll -108px -237px;
	display: block;
	height: 41px;
	width: 398px;
}
	.hero-descriptions .hero-more a:link,
	.hero-descriptions .hero-more a:visited{
		color: #FFFFFF;
		display: block;
		float: right;
		font-size: 18px;
		font-weight: 700;
		margin: 2px 15px 0 0;
		text-decoration: none;
	}
	.hero-descriptions .hero-more,
	.hero-descriptions .hero-more{
		filter: alpha(opacity=90);
        opacity: 0.9;
	}
	
/* Overlay --------------------------*/
.hero-divider {
    background: url("images/hero-overlay2.png") no-repeat scroll 0 0 transparent;
    height: 382px;
	left: -196px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 787px;
    z-index: 2;
}

/* Controls --------------------------*/

.hero-controls {
    left: 109px;
    position: relative;
    top: 43px;
    z-index: 4;
}
.hero-controls ul {
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.hero-controls ul li {
	background: none;
	float: left;
	list-style: none;
	margin: 0 5px;
	padding: 0;
}
	.hero-controls ul li a:link,
	.hero-controls ul li a:visited {
		background: url(images/sprite.png) no-repeat scroll -306px -34px;
		color: #999;
		display: block;
		height: 8px;
		text-indent: -9999em;
		width: 8px;
	}
	.hero-controls ul li a:hover,
	.hero-controls ul li a:active,
	.hero-controls ul li.current a:link,
	.hero-controls ul li.current a:visited {
		background: url(images/sprite.png) no-repeat scroll -314px -34px;
	}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
	.hero {
		width: 1250px;
	}
	.hero-divider {
		left: -190px;
	}
	.hero-descriptions {
		left: 130px;
	}
	.hero-controls {
		left: 135px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.hero {
		width: 826px;
	}
	.hero-divider {
		left: -294px;
	}
	.hero-descriptions {
		left: 20px;
	}
	.hero-controls {
		left: 25px;
		position: relative;
		top: 43px;
		z-index: 4;
	}
}