/*
CSS for the demo: Recreating the Nikebetterworld.com Parallax Demo
Demo: Recreating the Nikebetterworld.com Parallax Demo
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Demo URL: http://www.ianlunn.co.uk/demos/recreate-nikebetterworld-parallax/
Tutorial URL: http://www.ianlunn.co.uk/blog/code-tutorials/recreate-nikebetterworld-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.

Dual licensed under the MIT and GPL licenses:
http://www.opensource.org/licenses/mit-license.php
http://www.gnu.org/licenses/gpl.html
*/

@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	min-width: 640px;
	padding: 0;
}

p{
	margin: 0 0 20px 0;	
}

p, ul{
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
}

img{
	border: 0;
}


#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin: 0 0 0 16px;
}

.float-right{
	float: right;
	margin: 0 16px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0;
	text-align: center;
}


#header, #intro, #second{
	width: 100%;
}


#second{
	background: url(../img/bg1.png) 0px 0px no-repeat;
	color: white;
	height: 2350px;
	width: 1900px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
}

#second .bg{
	background: url(../img/rose1.png) 0px 50px no-repeat fixed;
	height: 2300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 1900px;
	z-index: 200;
}

#second .bg1{
	background: url(../img/logo2.png) 1080px 750px no-repeat fixed;
	height: 2200px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 1900px;
	z-index: 2;
}

#second .bg2{
	background: url(../img/rose.png) 0px 100px no-repeat fixed;
	height: 2200px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 1900px;
	z-index: 1;
}

.story .float-left, .story .float-right{
	padding:30px;
	width:287px;
	margin:40px;
	position:absolute;
	z-index:2;
	left: -1px;
	top: -25px;
	height: 617px;
}