h1, h2, h3, h4, h5, h6, p, blockquote, 
pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, 
font, img, ins, kbd, q, s, samp,small, strike, strong, sub, 
sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, 
thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	background: transparent;
}

/* Clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}


/* -------------------------------------------------- 
				STRUCTURE/LAYOUT
----------------------------------------------------*/

/*	PROMO AREA
----------------------------------------------------*/


	.promoAreaContent {
		margin: 0 auto;
		width: 949px;
		height: 369px;
		position: relative;
	}



		
/* IE FIXES
--------------------------------------------------------*/	

.carouselControls {
	_bottom:3px;
}

.carouselArrows {
	_bottom: 8px;
}





/**
 * CAROUSEL
 */
.carouselViewport {
	position: relative;
	width: 949px;
	height: 369px;
	overflow: hidden;
}


.carouselContainer {
	position: absolute;
	width: 2000px;
	height: 369px;
	overflow: hidden;
}

	.carouselItem {
		width: 949px;
		height: 369px;
		float: left;
		position: relative;
	}




/*	CAROUSEL CONTROLS
----------------------------------------------------*/
.carouselControls {
	position: absolute;
	z-index: 35;
	bottom: 0px;
	height: 73px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: 949px;
}

	.carouselControlsBg {
		background: #000000;
		opacity:0.4;filter:alpha(opacity=40)
		width: 949px;
		height: 73px;
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 1;
	}
	.carouselControls ul{
		margin-left: 80px;
		position: absolute;
		z-index: 5;
	}
	
		.carouselControls ul li{
			float: left;
			display: inline;
			margin: 10px 0 0 36px;
			height: 56px;
			width: 90px;
		}
	
			.carouselControls ul li a{
				border: 1px solid #666666;
				height: 56px;
				width: 90px;
				display: block;
			}
			
			.carouselControls ul li a:hover{
			
			}
	
			.carouselControls ul li a.active,
			.carouselControls ul li a:hover {
				margin: -1px;
				border: 2px solid #ffffff;
			}

/*	CAROUSEL ARROW NAVS
----------------------------------------------------*/
.carouselArrows {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 40;
}

	.carouselArrows a:hover{
		background-position: top left !important;
	}

	a#prevBtn,
	a#nextBtn {
		width: 39px;
		height: 44px;
		display: block;
		text-indent: -9999px;
		float: left;
		display: inline;
		position: relative;
		z-index: 70;
	}
	
	a#prevBtn{
		background: url(../img/bg/hero_prev_btn.png) no-repeat bottom left;
	}
	
	a#nextBtn{
		background: url(../img/bg/hero_next_btn.png) no-repeat bottom left;
	}
	
/* OTHERS
----------------------------------------------------*/
.isClickable {
	cursor: pointer;
}