/* Controls Bar
	----------------------------*/
#controls-wrapper {
	margin:0 auto;
	height:50px;
	width:100%;
	bottom:0px;
	left:0;
	z-index:999000;
	background-image:url(../images/togglr_bg.png);
	display:block;
}
.control_buttons li{
	list-style:none;
	float: left;
	}

#controls {
	overflow:hidden;
	height:100%;
	position:relative;
	z-index:9990000;
	display:block;
}
#slidecounter {
	float:left;
	color:#999;
	font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow:#000 0 -1px 0;
	margin:0px 10px 0 15px;
	line-height:42px;
}
#slidecaption{
width:85%!important;
position:absolute;
right:2%;
top:20%;
}

.slideshow_title h3 {
	text-shadow: 0 -1px 5px #000000, 0 1px 1px #000000;
	color: #FFFFFF;
	font-size:6em;
	text-align:right;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0 15px;
	z-index: 999;
	   text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
#slidecaption h4 {
	color: #FFFFFF;
	font-size: 2em;
	letter-spacing: 1px;
	padding: 0 8px;
	z-index: 999;
	text-shadow: 0 -1px 4px #000000, 0 1px 1px #000000;
	text-transform: uppercase;
	word-spacing: 1px;
	text-align:right;

}
#play-button {
	background:url('../img/bg-hover.png') repeat-x 0 44px;
}
#play-button:hover {
	background-position:0 1px;
	cursor:pointer;
}
#prevslide, #nextslide {
	height:32px;
	width:32px;
}
#prevslide:active, #nextslide:active {
	margin-top:0px;
}
#prevslide:hover, #nextslide:hover {
	cursor:pointer;
	background-position:0 -32px;
}
.control_buttons {
	margin:0px auto;
	height:32px;
	width:150px;
	padding-top:18px;
}