Centrar slide show en mi web

Buenos días. Necesito por favor que me ayuden a centrar un slide show busque inforormacion en internet pero en este caso no se donde poner que sea centro.

/*Slides*/
#slides{margin-top:2px;width:100%;height:auto!important;float:left}
div#joomscontbg1{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}
div .bg-img{background:#282727;padding:10px;margin-left:30px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}
.container{float:left;margin-top:2px;background:#fbfbfb;width:100%;-moz-border-radius-topright:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px}
.rightimg{background:#fbfbfb url(../images/right-bg.gif) repeat-y top right;width:100%;-moz-border-radius-topright:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px}
#right{float:right;width:309px;overflow:hidden;background:none}
#content{float:left;width:auto;overflow:hidden}
#content80{width:589px;overflow:hidden;float:left}
#content100{float:left;width:100%;overflow:hidden}
#bottom{width:100%;height:auto;color:#fff;background:#940606 url(../images/bottombg.gif) repeat-x}
.bottom-padding{padding:0 16px 10px 16px}
#user1,#user2,#user3{height:auto;float:left}
#footer{width:100%;height:auto;background:#9a1107 url(../images/footer-bg.gif) repeat-x;-moz-border-radius-bottomright:6px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;margin-bottom:80px}
#footer .padding{padding:10px}
.cp{font:bold 10px Verdana,Arial,Helvetica,sans-serif;color:#fff;text-shadow:1px 1px #000;text-align:center}
.cp a,.cp a:hover{color:#ddd;text-decoration:none}
#validation{color:#fff;text-align:center}
#validation a,#validation a:hover{color:#fff;text-decoration:none;font-size:11px}

Desde ya muchas gracias!.

Saludos atte