img{
	border:0px;
	}
	#hero {height:309px; position:absolute; z-index:1;  width:981px;}
	#hero .image-1 { height:309px; background:transparent url(../images/banner/banner1.png) 50% 0 no-repeat; z-index:-1; width:966px; position: relative;}
	#hero .image-2 { height:309px; background:transparent url(../images/banner/banner2.png) 50% 0 no-repeat; z-index:-1; width:966px; position: relative;}
	#hero .image-3 { height:309px; background:transparent url(../images/banner/banner3.png) 50% 0 no-repeat; z-index:-1; width:966px; position: relative;}
	#hero .image-4 { height:309px; background:transparent url(../images/banner/banner4.png) 50% 0 no-repeat; z-index:-1; width:966px; position: relative;}
	#hero .image-5 { height:309px; background:transparent url(../images/banner/banner5.png) 50% 0 no-repeat; z-index:-1; width:966px; position: relative;}
	#hero .contentContainer, #hero-nav-container {
		width: 960px;
		left: 50%;
		margin-left: -480px;
		position: absolute;
		top: 0;
	}
	#hero .content {position: absolute; left: 500px; width:460px; bottom: 150px; font-size:2.2em; color:#FFF; z-index: 5;}
	#hero .content p {margin-bottom:4px; line-height:1.2; }
	#hero .content a { font-size:0.6em; color:#d3ec08; text-decoration: none; }
	#hero .content a:hover { color:#fff; text-decoration: underline; }
	
	#hero-nav-container {
		top: 300px;
	}
	
	#hero-nav {position:absolute;  right: -132px;
    top: -118px; z-index: 5;}
	#hero-nav a {display:block; float:left; width:26px; height:26px; text-indent:-9999.99em; outline: none; cursor: pointer;}
	#hero-nav a#next {background:transparent url(../images/bt-next.png) 0 0 no-repeat;}
	#hero-nav a#prev {background:transparent url(../images/bt-prev.png) 0 0 no-repeat; margin-right: 5px;}
	#hero-nav a#next:hover {background-position: 0 -30px}
	#hero-nav a#prev:hover {background-position: 0 -30px}