/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
.panes {
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	height:100%;
	width:100%;
	min-width:980px;
	min-height:550px;
	left:0;
	top:0;
	z-index:0;
}
.panes div.bgImage {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* prev, next, prevPage and nextPage buttons */
a.forward, a.backward{
	position:fixed;
	bottom:10px;
	width:60px; 
	height:60px; 
	cursor:pointer;
	overflow:hidden;
	z-index:9001;
	display:none;
	background-repeat:no-repeat;
	background-image:url(../images/bg-icons.png);
	background-color:rgba(0,0,0,0.4);
}

/* prev button uses another background image */
a.backward{
	left:0px;
	background-position: 0 -480px;
}
a.backward:hover{
	background-position: -60px -480px;
}
/* next button uses another background image */
a.forward{
	right:0px;
	background-position: 0 -420px;
}
a.forward:hover{
	background-position: -60px -420px;
}

/*------------------------------Slide Navigation-------------------------*/
.navhid{
	bottom:-100px;

	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
/* items inside navigator */
.slidetabs {
	position:fixed;
	bottom:23px;
	width:100%;
	text-align:center;
	display:none;
	z-index:9000;

	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.slidetabs a {
    width:14px;
    height:14px;
    margin:10px 7px;
    display:inline-block;
    font-size:1px;
	background:rgba(255,255,255,0.75);
	cursor:pointer;
	
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}

/* mouseover state */
.slidetabs a:hover {
	background:rgba(255,255,255,1.0);
	
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}

/* active state (current page state) */
.slidetabs a.current {
	background:rgba(194,138,1,1.0);
}
.slidetabs a.current:hover {
	background:rgba(0,0,0,1.0);
	
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}