/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Theme 	: Shutter 1.2
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

/* Controls Bar ----------------------------*/
#controls-wrapper {
	margin:0 auto;
	width:450px;
	height:311px;
	top:330px;
	z-index:4;
	position:absolute;
	left:65px;
}
@media only screen and (max-width: 480px) { 

	#controls-wrapper{
	width: 200px; 
	margin-left:5px;
	}


}
#controls {
	overflow:hidden;
	height:100%;
	position:relative;
	text-align:center !important;
	z-index:5;
}

#slidecountertop {
	text-align:center;
	color:#fff;
	background-color: #cc3333;
	clear:both;
}

#slidecountertop p {
	color:#fff;
    font-family: 'BebasNeueRegular';
	font-size:20px;
	text-shadow:#000 0px 0px 0px;
	padding-bottom:5px;
	line-height:25px;
	clear:both;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:3px;
}

#slidecounter {
	text-align:center;
	color:#fff;
	clear:both;
}

#slidecounter h1 {
	background-color:#333;
	color: #fff;
    font-family: 'BebasNeueRegular';
	font-size:55px;
	text-shadow:#000 1px 1px 3px;
	padding-bottom:10px;
	padding-top:15px;
	line-height:42px;
	border-bottom:1px solid #555;
	border-top:1px solid #555;
	clear:both;
	font-weight:normal;
	margin-bottom:10px;
}

#slidecaption {
	overflow:hidden;
	float:left;
	width:100%;	
	color:#222;
	background:url(../images/Sheet-wc.png) repeat 0 0;
	font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0px;
	padding-bottom:10px;
	line-height:24px;
	clear:both;
}

#slidedivider {
	overflow:hidden;
	float:left;
	width:100%;
	height:5px;
	color:#FFF;
	font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow:#000 1px 1px 2px;
	line-height:24px;
	clear:both;
}

#navigation {
	float: right;
	margin: 0px 20px 0 0;
}
#play-button {
	float: left;
	margin-top: 1px;
	border-right: 1px solid #333;
	background: url('../img/bg-hover.png') repeat-x 0 44px;
}
#play-button:hover {
	background-position: 0 1px;
	cursor: pointer;
}

#prevslide, #nextslide {
	position: absolute;
	height: 43px;
	width: 43px;
	top: -20%;
	margin-right: 60px;
	opacity: 0.6;
}
#prevslide {
	right: 0px;
	background-image: url('../img/back.png'); background-repeat: no-repeat;
}
#nextslide {
	left: 0px;
	background-image: url('../img/forward.png');background-repeat: no-repeat;
}

#prevslide:hover, #nextslide:hover {
	cursor: pointer;
}


ul#slide-list {
	padding: 15px 0;
	float: left;
	position: absolute;
	left: 0;
}
ul#slide-list li {
	list-style: none;
	width: 12px;
	height: 12px;
	float: left;
	margin: 0 5px 0 0;
}
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover {
	background-position: 0 0px;
}
ul#slide-list li a {
	display: block;
	width: 12px;
	height: 12px;
	background: url('../img/nav-dot.png') no-repeat 0 -24px;
}
ul#slide-list li a:hover {
	background-position: 0 -12px;
	cursor: pointer;
}