/* Set all parents to full height */
html, body, 
.container,
.cbp-fbscroller,
.cbp-fbscroller section { 
	height:100%; 
}

/* The nav is fixed on the right side  and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav{position:fixed;
	z-index:9999;
	right:100px;
	top:50%;
	width:26px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)}
.cbp-fbscroller > nav a{display:block;
	position:relative;
	z-index:9999;
	color:transparent;
	width:26px;
	height:26px;
	outline:none;
	margin:25px 0;
	border-radius:50%;
	border:4px solid #fff}
.no-touch .cbp-fbscroller > nav a:hover{background:rgba(255,165,0,1.0)}
.cbp-fbscroller > nav a.cbp-fbcurrent{background:#fff}
/* background-attachment does the trick */
.cbp-fbscroller section{position:relative;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover}
.no-touch .cbp-fbscroller section{background-attachment:fixed}
#fbsection1{background-image:url(../images/bgFade06.jpg)}
#fbsection2{background-image:url(../images/bgFade07.jpg)}
#fbsection3{background-image:url(../images/bgFade08.jpg)}
#fbsection4{background-image:url(../images/bgFade09.jpg)}
#fbsection5{background-image:url(../images/bgFade10.jpg)}
#fbsection6{background-image:url(../images/bgFade11.jpg)}