#slider{overflow:hidden;display: block;margin:0 auto} #slider ul, #slider li{ margin:0; padding:0; list-style:none; /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:1000px; height:277px; } #slider li{ overflow:hidden; } #prevBtn, #nextBtn{ margin: 0px 0 0; width:0px; height:0px; } #prevBtn { /*left:-10px;*/ float: left; } #controls { clear: both; } #nextBtn{ /*left:696px;*/ float: right; } #prevBtn a, #nextBtn a{ margin: 0; padding: 0; display:block; width:18px; height:277px; background:url(../imgs/btn_prev.png) no-repeat 50% 50%; } #prevBtn a:hover{ background:url(../imgs/btn_prev_hover.png) no-repeat 50% 50%; } #nextBtn a{ background:url(../imgs/btn_next.png) no-repeat 50% 50%; } #nextBtn a:hover{ background:url(../imgs/btn_next_hover.png) no-repeat 50% 50%; } /* image replacement */ .graphic, #prevBtn, #nextBtn{ /*margin:0;*/ padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement */ .scrollitem { text-align: left; width: 1000px; height:277px; color: #fff; overflow: hidden; margin: 0; padding: 0; float: left; } .scrollitemText { padding: 0; width: 1000px; height: 277px; margin: 30px 0px 0px 40px; overflow: hidden; } .scrollitemText h2 { font-size: 54px; font-weight: normal; margin: 0; padding: 10px 15px; } .scrollitemText p { font-size: 16px; line-height: 20px; font-weight: normal; margin: 0; width: 1000px; padding: 0 15px; } .scrollitemText a { color: #fff; } .scrollitemText a:hover { color: #1D386F; background-color: #fff; } #banner { text-align: center; margin: 0 auto; padding: 0; width: 1000px; height: 277px; /*background: #fff;*/ }