/* CAROUSEL
======================================================================*/
:focus {outline: none;}

	/*=============== GENERAL STYLES ===============*/
	.showcase {height: 250px !important; margin-top: 50px !important; position: relative; width: 900px !important;}
	.showcase a.controls {
		background-color: #2097FA;
		border: 2px solid #FFF;	
		color: #FFF;
		font-size: 40px;
		font-weight: bold;
		height: 50px;
		position: absolute;
		text-align: center;	
		text-decoration: none;
		width: 54px;
	}
	.showcase a.previous {padding-bottom: 4px;}
	.showcase ul li {float: left; height: 243px; list-style-type: none;	width: 507px;}
	.showcase ul li a {display: block;}
	.showcase li a img {border: 0; height: 100%; width: 100%;}
	
	/*=============== HORIZONTAL SHOWCASE ===============*/
	.showcase#horizontal {height: 170px; margin: 20px auto 0 auto;width: 836px;}	
	.showcase#horizontal a.controls {margin-top: 0px; top: 50%;}
	.showcase#horizontal a.next {padding-top: 4px; right: 0;}	
	.showcase#horizontal a.controls:hover {border-color: #2097FA;}	
	.showcase#horizontal ul {height: 170px; margin: 0 auto;position: relative; width: 900px;}
	
	/*=============== VERTICAL SHOWCASE ===============*/
	.showcase#vertical {height: 600px; margin: 100px auto 0 auto; width: 170px;	}
	.showcase#vertical a.controls {left: 50%; margin-left: -27px;}
	.showcase#vertical a.next {bottom: 0; padding-top: 4px;}
	.showcase#vertical a.controls:hover {border-color: #2097FA;}
	.showcase#vertical ul {height: 450px; position: relative; top: 75px; width: 170px;}
	
	/*=============== DIAGONAL SHOWCASE ===============*/
	.showcase#diagonal {height: 620px; margin: 100px auto 0 auto; width: 620px;}	
	.showcase#diagonal a.previous {top: 0; left: 0;}
	.showcase#diagonal a.next {bottom: 0; padding-top: 4px; right: 0;}
	.showcase#diagonal a.controls:hover {border-color: #2097FA;}
	.showcase#diagonal ul {height: 500px; left: 60px; position: relative;	top: 60px; width: 500px;}