<style type="text/css">
#carosel{width:100%;}
#carosel img{width:250px; height:130px; padding:0px; border:0px solid #ccc; margin:0 0px;}
.prev{float:left; width:20px; height:20px; border:0; background: url(carosel/seta_bola.png) no-repeat;}
.next{float:right; width:20px; height:20px; border:0; background: url(carosel/seta_bola.png) no-repeat;}
</style>


<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jcarousellite.js"></script>
<script type="text/javascript">

$(function(){
   $(".carosel").jCarouselLite({
     btnNext: ".next",
     btnPrev: ".prev",
     visible: 1,
     auto: 2000,
     speed: 2000
   })
})
</script>


<br />

<div id="carosel">
<div class="carosel">

<ul>
<li><img src="banner/irlan.png" border="0" alt="" /></li>
<li><img src="banner/001.png" border="0" alt="" /></li>
<li><img src="banner/002.png" border="0" alt="" /></li>
<li><img src="banner/003.png" border="0" alt="" /></li>
</ul>

</div><!--carosel calsse-->


</div><!-- carosel div-->