*{margin:0;padding:0;}
:focus{outline:none;}
.showcase{position:relative;}
.showcase a.controls{position:absolute;width:54px;height:50px;background-color:#2097FA;text-decoration:none;color:#FFF;font-size:40px;font-weight:bold;text-align:center;border:2px solid #FFF;}
.showcase a.previous{padding-bottom:4px;}
.showcase ul li{width:100px;height:100px;float:left;list-style-type:none;}
.showcase ul li a{display:block;}
.showcase li a img{width:100%;height:100%;border:0;}
.showcase#horizontal{margin:auto;width:512px;height:80px;}
.showcase#horizontal a.controls{margin-top:0px;}
.showcase#horizontal a.next{right:0;padding-top:4px;}
.showcase#horizontal a.controls:hover{border-color:#2097FA;}
.showcase#horizontal ul{position:relative;width:512px;height:100px;margin:0 auto;}
.showcase#vertical{width:160px;height:120px;text-align:center;margin:auto;}
.showcase#vertical a.controls{}
.showcase#vertical a.next{bottom:0;padding-top:4px;}
.showcase#vertical a.controls:hover{border-color:#2097FA;}
.showcase#vertical ul{position:relative;width:160px;height:120px;}
.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;}