@font-face {
    font-family: 'harabararegular';
    src: url('../fonts/Harabara.eot');
    src: url('../fonts/Harabara.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Harabara.woff') format('woff'),
         url('../fonts/Harabara.ttf') format('truetype'),
         url('../fonts/Harabara.svg#harabararegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Controls Bar
----------------------------*/
#controls-wrapper {width:1024px; margin:0px auto; position:relative;}
#controls {  position:absolute; top:0px; right:0px; z-index:999999; }
#slidecounter { float:left; color:#999; }
#slidecaption { padding-top:100px;}
#slidecaption h1{
	display:inline-block;
	font-size:39px;
	color:#fff;
	float:left;
	font-family: 'harabararegular';
	letter-spacing:1px;	
	width:320px;
	font-weight:normal;
	}
#slidecaption h1 span{
	display:block;
	background:#e32133;
	margin-top:1px;
	padding:10px;
	text-align:center;	
	}
/* Thumbnail Tray
----------------------------*/			
#thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; background:url(../img/bg-black.png); height:150px; width:100%; overflow:hidden; text-align:center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }

#thumb-back, #thumb-forward{ position:absolute; z-index:5; bottom:42px; height:108px; width:40px; }
#thumb-back{ left:0; background: url('../img/thumb-back.png') no-repeat center center;}
#thumb-forward{ right:0; background:url('../img/thumb-forward.png') no-repeat center center;}
#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); }
#thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); }
#thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); }


ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }
ul#thumb-list li img { width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
ul#thumb-list li:hover{ cursor:pointer; }