/*------------------------------Slide Navigation-------------------------*/
#slidenav{
	position:fixed;
	bottom:50px;
	right:50px;
	display:block;
	z-index:9000;
}
/* 
	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:600px;
	left:0;
	top:0;
	z-index:0;
}


.panes div.bgImage {
	position:absolute;
	top:0;
	left:0;
	float:left;
	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;
}

.panes div.bgText {
	position:fixed;
	bottom:50px;
	left:0;
	text-align:left;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	
	/* IE 5-7 */
	filter: alpha(opacity=0);
	zoom: 1;
	
	/* Netscape */
	-moz-opacity: 0;
	
	/* Safari 1.x */
	-khtml-opacity: 0;
	
	/* Good browsers */
	opacity: 0;
}
.panes div.bgText h3{
	font-size:20px;
	font-weight:300;
	color:#fff;
	padding:5px 10px 5px 50px;
	background:rgba(0,0,0,0.8);
	float:left;
}
.panes div.bgText p{
	color:#111;
	margin:1px 0 0 0;
	padding:5px 10px 5px 50px;
	background:rgba(255,255,255,0.5);
	float:left;
	clear:left;
}

/* prev, next, prevPage and nextPage buttons */
a.forward, a.backward{
	position:fixed;
	top:0px;
	width:75px; 
	height:100%; 
	cursor:pointer;
	display:none;
	background-position:center center;
	background-repeat:no-repeat;
}

/* prev button uses another background image */
a.backward{
	left:0px;
	background-image:url(../images/bt-left.png);
}
a.backward:hover{
	background-image:url(../images/bt-left-over.png);
	background-color:rgba(255,255,255,0.2);
}
/* next button uses another background image */
a.forward{
	right:0px;
	background-image:url(../images/bt-right.png);
}
a.forward:hover{
	background-image:url(../images/bt-right-over.png);
	background-color:rgba(255,255,255,0.2);
}

/* items inside navigator */
.slidetabs {
	position:relative;
	float:left;
}
.slidetabs a {
    width:20px;
    height:20px;
    float:left;
    margin:0 0 0 10px;
    display:block;
    font-size:1px;
	background:rgba(255,255,255,0.8);
	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(51,51,51,0.8);
}
.slidetabs a.current:hover {
	background:rgba(51,51,51,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 */
}