* {
	margin: 	0;
	padding: 	0;
}

:focus {
	outline: none;
}

/* General styles ------------------------- */

.showcase * {
	height: 100%;}
.showcase {
	position: relative;
	height: 100%;
	overflow: hidden;
	min-height: 533px;
	}

.showcase a.controls {
	position: absolute;
	width: 54px;
	height: 100%;
	z-index: 10;
	text-decoration: none;
	color: #FFF;
	font-size: 40px;
	font-weight: bold;
	text-align: center;	
	border: 0px solid #FFF;
	outline: none;
	}

.showcase a.previous {
	background-image: url(../img/showcase/galleryside1.png);left:0px;
}

.showcase a.next {
	background-image: url(../img/showcase/galleryside2.png);
}
#prevhold {position: absolute; top:50%;margin-top: -40px;left:0px;}
#nexthold {position: absolute; top:50%;margin-top: -40px;right: 0px;}
.showcase ul li {
	height: 100%;
	float: left;	
	list-style-type: none;	
}

.showcase ul li a {
	display: block;	
}

.showcase li a img {
	border:1px solid #fff;
	padding: 5px;
	background-color: #000;
}
.button {height: 40px;width:40px;border: 0px solid;
	}

/* Horizontal showcase ------------------------- */

.showcase#horizontal {	
	margin: 0px auto 0 auto;
	width: 100%;
	height: 100%;
}	
	
.showcase#horizontal a.controls {
	top: 0px;
}

.showcase#horizontal a.next {
	right: 0;
	border: 0px solid;
}


.showcase#horizontal a.controls:hover {
	border-color: #2097FA;
}

.showcase#horizontal ul {
	position: relative;	
	width: 100%;
	height: 100%;	
	margin: 0 auto;
	min-height: 533px;
}
.tall1 {width: 533px;height: 533px;max-height: 533px;text-align: center;}
.tall1 img{max-width: auto;max-height: 533px;border:1px solid;}
.wide1 {width: 533px;overflow: visible;}
.wide1 img{position: relative;margin-top:15%;border:1px solid;height: auto; width: 100%;left: -6px;}
/* Vertical showcase ------------------------- */

.showcase#vertical {	
	margin: 100px auto 0 auto;
	width: 170px;	
	height: 600px;
}	
	
.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 {
	position: relative;	
	width: 170px;
	height: 450px;	
	top: 75px;
}

/* Diagonal showcase ------------------------- */

.showcase#diagonal {	
	margin: 100px auto 0 auto;
	width: 620px;
	height: 620px;
}	
	
.showcase#diagonal a.previous {
	top: 0;
	left: 0;	
	}

.showcase#diagonal a.next {
	right: 0;
	bottom: 0;
	padding-top: 4px;
}

.showcase#diagonal a.controls:hover {
	border-color: #2097FA;
}

.showcase#diagonal ul {
	position: relative;	
	width: 500px;
	height: 500px;
	top: 60px;
	left: 60px;
}