@charset "UTF-8";
/* CSS Document */

/* minify at: http://www.refresh-sf.com/yui/ */ 
#carousel {margin-top:-20px}
#carousel .controls {
	list-style: none;
	margin: 10px 0px 0px
} 
#carousel .controls li {float: left; width: 36px; height: 36px; cursor: pointer} 
 
#carouselBtn0 {z-index:4; background: url('images/carousel_sprite.gif') no-repeat; background-position: 0px 0px} 
#carouselBtn1 {z-index:3; background: url('images/carousel_sprite.gif') no-repeat; background-position: 0px 0px} 
#carouselBtn2 {z-index:2; background: url('images/carousel_sprite.gif') no-repeat; background-position: 0px 0px} 
#carouselBtn3 {z-index:1; background: url('images/carousel_sprite.gif') no-repeat; background-position: 0px 0px} 
#carouselBtn4 {z-index:0; background: url('images/carousel_sprite.gif') no-repeat; background-position: 0px 0px} 
 
#carouselBtn0.active {background-position: -36px 0px} 
#carouselBtn1.active {background-position: -36px 0px} 
#carouselBtn2.active {background-position: -36px 0px} 
#carouselBtn3.active {background-position: -36px 0px} 
#carouselBtn4.active {background-position: -36px 0px} 
 
#carouselBtn0:hover {background-position: -72px 0px} 
#carouselBtn1:hover {background-position: -72px 0px} 
#carouselBtn2:hover {background-position: -72px 0px} 
#carouselBtn3:hover {background-position: -72px 0px} 
#carouselBtn4:hover {background-position: -72px 0px} 
 
#carousel ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left: 0px;
	padding-left: 0px;
} 
 
#carousel ul.slides{
	position:relative;
	height: 216px;
	margin-left:0px;
	padding-left: 0px;
} 
#carousel ul.slides li {
	position:absolute;
	display: none;
}