#hero {
	clear: both;
}

#slider {
    width: 779px; 
    height: 168px; 
    position: relative; 
	overflow: hidden;}

#sliderContent {
    width: 779px; 
    position: absolute;
	top: 0;
	margin-left: 0;}

.sliderImage {
    float: left;
    position: relative;
	display: none;}

.sliderImage span {
    position: absolute;
    width: 779px;
	height: 168px;
    display: none;
	top: 0;
	left: 0;}

.heroTitle {
	position: absolute; 
	width: 600px;
	height: 40px;
	margin: 20px 0 0 23px;
	font-size: 30px;
	color: #fff;}

.heroSub {
	position: absolute; 
	width: 600px;
	height: 30px;
	margin: 55px 0 0 23px;
	font-size: 24px;
	color: #fff;}

.heroText {
	position: absolute; 
	margin: 95px 0 0 23px;
	width: 456px;
	height: 39px;
	color: #fff;
	padding: 8px 10px;
	line-height: 1.5;
	background:url("../images/hero/bg-heroText.png") 0 0 no-repeat;}

.heroLink {
	position: absolute;
	margin: 162px 0 0 23px;
	width: 156px;
	height: 26px;
	text-align: center;
	padding-top: 10px;
	background:url("../images/hero/bg-heroLink.png") 0 0 no-repeat;}

.heroLink a {
	color: #fefefe;
	text-decoration: none;}

.heroLink a:hover {
	color: #ff7400;
	text-decoration: none;}

.heroNav {
	position: absolute; 
	margin: 210px 0 0 23px;
	height: 12px;
	width: 500px;}

.heroNav img {
	float: left;
	margin-right: 7px;}
	
	
.top div
{
    display:none;
}


.sliderclear {
   clear: both;
}