#carousel {

height: 290px;
margin: 0 auto;
overflow: hidden;
}

#slides {
overflow: hidden;
position: relative;
width: 240px;
height: 250px;
border: 1px solid #ccc;
padding:2px; margin:0 0 0 45px;
}
#slides ul {
position: relative;
left: 0;
top: 0;
list-style: none;
margin: 0;
padding: 0;
width: 750px;
}
#slides li {
width: 245px;
height: 250px;
float: left;
padding:5px 0px 0px 0px;
}
#nevigation {
float: right;
margin: 0 20px 0 0;
/*float: right;*/
}
#nevigation a {
display: block;
width: 31px;
height: 32px;
text-indent: -999em;
float: left;
outline: 0;
}
a#prev {
background: url('../img/arrow.gif') no-repeat 0 -31px;
}

a#next {
background: url('../img/arrow.gif') no-repeat -32px -31px;
}