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

#slides { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 650px; 
	height: 420px; 
	overflow: hidden; 
}

#slides .slide { 
	position: absolute; 
	top: 0px; 
	width: 560px; 
}

#slides .slide img { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
}

#slides .slide .slidebutton { 
	display: block; 
	position: absolute; 
	top: 0px; 
	right: 0px; 
	height: 420px; 
	width: 30px; 
	background: #fff; 
	text-decoration: none; 
	border-right: 1px solid white; 
}

#slides .active .slidebutton { 
	background: #fff; 
}

#slides .slide .slidebutton img { 
	position: absolute; 
	top: auto; 
	display: block; 
	bottom: 0; 
	left: 0; 
}

/* Manually place slides to begin */

#slide-1 { 
	position: absolute; 
	top: 0; 
	left: -530px; 
	z-index: 1;
}

#slide-2 { 
	position: absolute; 
	top: 0; 
	left: 30px; 
	z-index: 2; 
	border-left: 5px solid #cc3;
	height: 420px;
	overflow: hidden;
}

#slide-3 { 
	position: absolute; 
	top: 0; 
	left: 595px; 
	z-index: 3; 
	border-left: 5px solid #cc3;
	height: 420px;
	overflow: hidden;
}
#slide-4 { 
	position: absolute; 
	top: 0; 
	left: 625px; 
	z-index: 3; 
	border-left: 5px solid #cc3;
	height: 420px;
	overflow: hidden;
}
#slide-3 img {
	margin-left: -300px;
}
#slide-4 img {
	margin-left: -435px;
}