html, body {
	overflow: hidden;
	-webkit-transition: opacity 400ms;
	-moz-transition: opacity 400ms;
	transition: opacity 400ms;
}
body {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	*background-color:#000;
	*zoom:1;
	min-width: 1024px;
	margin: 0;
	padding: 0;
	color: #9D9D9D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
body.player-jump {
	opacity: 0;
}
body.scroll {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}
body.scroll #main {
	position: absolute;
	top: 0;
	overflow: visible;
}
html, #main {
	display: block;
	position: static;
	padding: 0;
	width: 100%;
	height: 100%;
	*zoom:1;
}
#main {
	position: relative;
	z-index: 10;
}
html {
*min-width:1024px;
}

/* progress nav
------------------------*/
#progress-nav { position:fixed; z-index:100; margin-top:-50px; right:17px; top:50%; opacity:1; pointer-events:none; }
body.scroll #progress-nav { display:none; }
#progress-nav.on { pointer-events:auto; }
@media only screen and (max-device-width:768px) {
	/*#progress-nav { opacity:0; }*/
}
#progress-nav li { display:block; width:14px; height:13px; margin:7px; }
#progress-nav li a { display:block; position:relative; z-index:1; width:100%; height:100%; cursor:pointer; text-decoration:none; }
#progress-nav li a .dot { position:absolute; z-index:1; top:5px; left:5px; width:4px; height:4px; background:#fff;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
#progress-nav li a.active .dot { top:2px; left:2px; width:8px; height:8px; border:1px solid #fff; background:transparent; }
#progress-nav.light li a .dot { background:#fff; }
#progress-nav.light li a.active .dot { border:1px solid #fff; background:transparent; }

#progress-nav li a .hover-text { position:absolute; top:0px; right:12px; padding-right:13px; width:90px; opacity:0; *display:none; font-size:12px; color:#fff; text-align:right; font-weight:bold;
	-webkit-transition:opacity 0.3s;
	   -moz-transition:opacity 0.3s;
	        transition:opacity 0.3s;
}
#progress-nav li a:hover .hover-text { opacity:1; *display:block; }
#progress-nav li a.active .hover-text {
	opacity: 1;
	*display:block;
}

@media only screen and (max-device-width:768px) {
	#progress-nav li a .hover-text { display:none; }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
	#progress-nav { right:15px; margin-top:-114px; }
	#progress-nav li { margin:26px; }
	#progress-nav li a .dot { width:8px; height:8px; }
	#progress-nav li a.active .dot { top:0; left:-1px; width:18px; height:18px; }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) {
	#progress-nav { right:-5px; margin-top:-66px; }
	#progress-nav li { margin:21px 26px; }
	#progress-nav li a.active .dot { top:2px; left:1px; width:15px; height:15px; }
}

/* slides
------------------------*/
.slide {
	display: block;
	position: absolute;
	z-index: 19;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	*zoom:1;
	-webkit-transform: translateZ(0);
}
body.scroll .slide {
	height: 900px !important;
	margin-top: 0;
}
.slide-content {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* sequential slides */
#homepage {
	top: 0%;
}
#sobreCool {
	top: 100%;
}
#agendaCool {
	top: 200%;
}
#parceirosCool {
	top: 300%;
}
#contactosCool {
	top: 400%;
}
#fluidfooter {
	top: 500%;
}
body.scroll #homepage {
	top: 0;
}
*body.scroll #sobreCool {
	top: 900px;
}
body.scroll #agendaCool {
	top: 1800px;
}
body.scroll #parceirosCool {
	top: 2700px;
}
body.scroll #contactosCool {
	top: 3600px;
}
body.scroll #fluidfooter {
	top: 4500px;
}