/*
 * 0-Force CSS v1.0
 * http://www.0-force.com
 *
 */

/*  SLIDESHOW BACKGROUND AND NAVIGATION  */	


#carousel {
	position: relative;
	height: 433px;	
	width: 975px;
	float: left;
	margin: 0;
	padding: 0 0 0 45px;
	display: block;
	overflow: hidden !important;
	}

#carousel a#prev1, #carousel a#next1 {
	width: 27px;
	height: 62px;
	position: relative;
	text-indent: -9999px;
	overflow: hidden !important;
	padding: 0;
	margin-top: 180px;
	}

/* a:link */
#carousel a#prev1 { float: left; margin-left: 0px; background: url(../img/arrow_sprite.png) no-repeat 0 -124px; display: none; }
#carousel a#next1 { float: right; margin-right: 15px; background: url(../img/arrow_sprite.png) no-repeat top left; display: none; }

/* a:visited */
#carousel a#prev1:visited { background: url(../img/arrow_sprite.png) no-repeat 0 -124px }
#carousel a#next1:visited { background: url(../img/arrow_sprite.png) no-repeat top left }

/* a:hover*/
#carousel a#prev1:hover { background: url(../img/arrow_sprite.png) no-repeat bottom left; cursor: pointer }
#carousel a#next1:hover { background: url(../img/arrow_sprite.png) no-repeat 0 -62px; cursor: pointer }

/* a:active */
#carousel a#prev1:active { background: url(../img/arrow_sprite.png) no-repeat -33px -124px }
#carousel a#next1:active { background: url(../img/arrow_sprite.png) no-repeat top right }





/*  -------------------------------------------------
	                    SLIDESHOW
    -------------------------------------------------  */


.slideshow, .slide {
	display: block;
	width: 900px;
	height: 450px;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	overflow: hidden !important;
	background: transparent !important;
	}


.slideshow .bottom {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 884px;
	height: 395px;
	}


.slideshow #image1,
.slideshow #image2,
.slideshow #image3,
.slideshow #image4,
.slideshow #image5 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden !important;
	}

.slideshow #image1 a,
.slideshow #image2 a,
.slideshow #image3 a,
.slideshow #image4 a,
.slideshow #image5 a {
	margin: 0 0 0 60px;
	padding: 0;
	height: 100%;
	width: 750px;
	display: block;
	cursor: pointer;
	}

.slideshow #image1 .bottom {
	background: url(../img/mianban0.jpg) no-repeat 0 0
}
.slideshow #image2 .bottom { background: url(../img/mianban0.jpg) no-repeat 0 -450px }
.slideshow #image3 .bottom { background: url(../img/mianban0.jpg) no-repeat 0 -900px }
.slideshow #image4 .bottom { background: url(../img/mianban0.jpg) no-repeat 0 -1350px }
.slideshow #image5 .bottom { background: url(../img/mianban0.jpg) no-repeat 0 -1800px }