#wrap { /* page container */
    width: 1000px;
    padding: 0px;
    height: auto !important; /* CHANGES  (adding sticky footer) 24/01/2008*/
    margin: 0 auto;
}
#container-home {
    float: left;
    width: 1000px;
    clear:both;
} .container-row {
    clear: both;
    width: 996px;
    margin:0px;
}
#viewport {
	overflow: hidden;
	width:1000px;
	height:283px;
	position:relative;
	margin-top:10px;
}
#viewport #slider {
	width: 10000px;
	height:283px;
	position: absolute;
}
#viewport #slider .item {
	width:1010px;
	height:283px;
	float: left;
	position: absolute;
}
#viewport #controls {
	display:block;
	position:absolute;
	top:250px;
	left:40px;
	z-index:5;
}
#viewport #controls .prev, 
#viewport #controls .next,
#viewport #controls .navi a{
	float:left;
	width:20px;
	height:23px;	
	cursor:pointer;
	text-indent: -3000px;
	outline: none;
	
}

#viewport #controls .prev {
	background:url(../BodyImg/hero-nav.png) 0px 0px no-repeat;
}
#viewport #controls .next {
	background:url(../BodyImg/hero-nav.png) -62px 0px no-repeat;
}
#viewport #controls .navi a{
	background:url(../BodyImg/hero-nav.png) -19px 0px no-repeat;
}
#viewport #controls .navi a.active {
	background:url(../BodyImg/hero-nav.png) -40px 0px no-repeat;
}
#viewport #controls .prev a,
#viewport #controls .next a,
#viewport #controls .navi a{
	outline: none;
}