#slideshow { position: absolute; top: 91px; left: 0;}
		
.container { width: 990px; height:337px; }
div.slides {  top:0; left:0; overflow: hidden; width: 990px; height:337px; }
div.slides div { width: 990px; height: 337px; display: none; position:absolute; top:0; left: 0; }
	
	/* colors */
	.slides div#slideshow_1, .slides div#slideshow_2, .slides div#slideshow_3, .slides div#slideshow_4, .slides div#slideshow_5 	
	{
		background-image: url(../images/banner.jpg); left: 0; 
	} 
	

	/* backgrounds */
	.slides div span.bg								{ display: block; width: 990px; height: 337px; position: absolute; top: 0; }
		.slides div#slideshow_1 span.bg				{ background-image: url(../images/banner1.jpg); left: 0; }
		.slides div#slideshow_2 span.bg				{ background-image: url(../images/banner2.jpg); left: 0; }
		.slides div#slideshow_3 span.bg 			{ background-image: url(../images/banner3.jpg); left: 0; }
		.slides div#slideshow_4 span.bg 			{ background-image: url(../images/banner4.jpg); left: 0; }
		.slides div#slideshow_5 span.bg 			{ background-image: url(../images/banner5.jpg); left: 0; }
		.slides div#slideshow_6 span.bg 			{ background-image: url(../images/banner6.jpg); left: 0; }

	/* h2 */
	.slides div h2, .slides div p 		{ display: none; }

	/* more */
	.slides div a.more 			{ display: block; width: 83px; height: 24px; padding: 11px 0 0 17px; background-position: top left; position: absolute; overflow: hidden; font-weight: bold; color: #fff; text-decoration: none; }
	.slides div a.more:hover	{ background-position: bottom left;  }


	/* images */
	.slides div img { position: absolute; top: 0; }
	.slides div#slideshow_1 img, .slides div#slideshow_3 img { left: 0; }
	.slides div#slideshow_2 img, .slides div#slideshow_4 img, .slides div#slideshow_5 img, .slides div#slideshow_6 img { right: 0; }


/* pagination */
ul.pagination { position: absolute; left: 417px; top: 337px; list-style: none; font-weight: bold; }
ul.pagination li  { display: block; float: left; width: auto; margin-right: 8px; }
ul.pagination li a { display: block; float: left; width: 8px; height: 8px; overflow: hidden; color: #bed1da; text-decoration: none;  position: relative;  }
ul.pagination li a span { display: block; float: left; width: 8px; height: 8px; background-image: url(../images/pagination_dot.gif); background-position: top left; position: absolute; top: 0; left: 0; font-size: 0; }
ul.pagination li a:hover span, ul.pagination li a.active span { text-decoration: none; color: #40bfde; background-position: left bottom; }
ul.pagination li a span { cursor: pointer; }

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }

/* These 2 lines specify style applied while slider is loading */
.csw { width: 990px; height: 337px; overflow: hidden;}
.csw .loading {margin: 100px 0 400px 0; text-align: center; color: #deeef6; }

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 990px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 400px;
	clear: both;
	background: url(../images/shadow.jpg) bottom center no-repeat;
}