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

ul, li, h4, h3, h2 { padding:0; margin:0; list-style:none; }

.next, .prev,
.next1, .prev1,
.next2, .prev2, 
.next3, .prev3 { cursor:pointer; }

.next,
.next1,
.next2, 
.next3 { 
	width:27px; 
	height:27px; 
	display:block; 
	float:left; 
	background:url(../images/slide-controls.png) bottom right; 
	margin:50px 0 0 10px; 
}
.next:hover, .next1:hover, .next2:hover, .next3:hover { background:url(../images/slide-controls.png) top right; }

.prev,
.prev1,
.prev2, 
.prev3 { 
	width:27px; 
	height:27px; 
	display:block; 
	float:left; 
	background:url(../images/slide-controls.png) bottom left; 
	margin:50px 10px 0 0; 
}
.prev:hover, .prev1:hover, .prev2:hover, .prev3:hover { background:url(../images/slide-controls.png) top left; }

#screen {
	position:relative;
	width:500px;
	margin:50px 30px 0;
	overflow:hidden;
}

#screen #buttons   { margin-bottom:5px; width:399px; }
#screen #buttons a { margin:10px 10px; color:#69C; }

#slideshow    { overflow:hidden; width:400px; float:left; }
#slideshow ul {	width:1200px; }
#slideshow li {	float:left;	margin:0 9px; cursor:pointer; }

#screen1,
#screen2,
#screen3 {
	position:relative;
	width:270px;
	height:84px;
	margin:0;
	overflow:hidden;
}
#screen1 #buttons, #screen2 #buttons, #screen3 #buttons { margin-bottom:5px; width:399px; }
#screen1 #buttons a, #screen2 #buttons a, #screen3 #buttons a { margin:10px 10px; color:#69C; }

#slideshow-1, #slideshow-2, #slideshow-3          { overflow:hidden; width:195px; height:84px; float:left; }
#slideshow-1 ul, #slideshow-2 ul, #slideshow-3 ul { width:1200px;	}
#slideshow-1 li, #slideshow-2 li, #slideshow-3 li { float:left; margin:0 2px; cursor:pointer; height:42px; }
#slideshow-1 li img, #slideshow-2 li img, #slideshow-3 li img { border:solid 2px #765C25; }