/*  ------------------------------------------------------------
		#sidebar
	------------------------------------------------------------  */
.no-touch #sidebar{
	position:fixed;
}

.touch #sidebar{
	position:absolute;
}

#sidebar{
	width:240px;
	padding:146px 0 0 0;
	font-family: 'Oswald', sans-serif;
	color:#666;
	z-index:10;
}

#sidebar h2{
	font-size:3em;
	padding:0 0 50px 0;
}

#sidebar ul li{
	font-size:1.6em;
	padding:0 0 30px 0;
}




/*  ------------------------------------------------------------
		CSS3 transform 3d
	------------------------------------------------------------  */
	
.csstransforms3d #main{
	-webkit-transform-style: preserve-3d;
    -webkit-perspective: 1200;
	-webkit-perspective-origin: 50% 200px;
    -moz-transform-style: preserve-3d;
    -moz-perspective: 1200px;
	-moz-perspective-origin: 50% 200px;
	transform-style: preserve-3d;
    perspective: 1200;
	perspective-origin: 50% 200px;
}

.csstransforms3d #main .inner{
	-webkit-transform-style: preserve-3d;
	-webkit-transform : translateZ(-800px);
    -moz-transform-style: preserve-3d;
	-moz-transform : translateZ(-800px);
	transform-style: preserve-3d;
	transform : translateZ(-800px);
}

.csstransforms3d #main .inner section{
	-webkit-transform-style: preserve-3d;
	-webkit-transform : translateZ(800px);
    -moz-transform-style: preserve-3d;
	-moz-transform : translateZ(800px);
	transform-style: preserve-3d;
	transform : translateZ(800px);
}




/*  ------------------------------------------------------------
		loader
	------------------------------------------------------------  */
#sidebar, #main, #footer-container{
	display : none;
}