/**
 * Parallax Scrolling Tutorial
 * For Smashing Magazine
 * July 2011
 *  
 * Author: Richard Shepherd
 *		   www.richardshepherd.com
 * 		   @richardshepherd   
 */
header {z-index:999;}
h1 {text-align:center;color:#fff;font-size:68px;font-family:'RobotoBold';text-transform:uppercase;padding-top:20px;}
h1 span {font-family:'RobotoLight';display:block;}
h1 span.orange {color:#ed6a23;font-size:34px;padding-top:10px;}
h1 span strong {font-family:'RobotoBold';}
.story { height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }

#first { background: url(../images/lb-bg.png) 50% 75px repeat-x fixed #201d29;height:732px; }
#second { background: #fdf5e7 fixed; height:717px; }
#fourth { background:black; background:url(../images/lb-lower-bg.jpg) 50% 200px no-repeat #fff;min-height:2700px; }
#third { background: #fff; height:317px;overflow:hidden;}
#theend { background: #fff; }

/* Introduction */
#first .logo { background: url(../images/lb-logo.png) 50% 30px no-repeat;height:732px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; z-index:1;}
#first article { width: 960px; margin:auto; position:absolute; top:135px; left:50%; margin-left:-480px;}
#first article p {padding-top:180px;width:646px;left:50%;margin-left:-323px;color:#201d29;text-align:center;font-size:18px;position:fixed;}
#first article p strong {text-transform:uppercase;font-size:24px;font-family:'RobotoLight';}
#first article a { text-decoration: underline; }
#first article a:hover { color: #fff; }
.divider {width:563px;height:2px;background:url(../images/lb-divider.png) no-repeat;margin:auto;z-index:1;}
.toy-1 {height:577px;width:154px;background:url(../images/toy-1.png) 0 100px no-repeat;position:absolute;}
.toy-2 {width:163px;height:500px;background:url(../images/toy-2.png) 0 160px no-repeat;position:absolute;left:620px;}
.toy-3 {width:152px;height:580px;background:url(../images/toy-3.png) 0 190px no-repeat;position:absolute;left:740px;}
.toy-4 {width:166px;height:580px;background:url(../images/toy-4.png) 0 0px no-repeat;position:absolute;left:40px;}
.top-grad {width:966px;height:969px;background:url(../images/lb-top-grad.png) no-repeat;position:absolute;margin-left:-483px;top:-336px;left:50%;}

/* Background Only */
#second article { width:960px;margin:auto;position:relative; }
#second article p { margin-bottom: 25px; }
#second article a { color: #ff0;}
#second .cloud-1 {height:2000px;background:url(../images/lb-cloud-1.png) no-repeat;position:absolute;top:-50px;width:147px;right:20px;z-index:1}
#second .cloud-2 {height:2000px;background:url(../images/lb-cloud-2.png) no-repeat;position:absolute;top:220px;left:10px;width:108px;z-index:1;}
#second .cloud-3 {height:2000px;background:url(../images/lb-cloud-3.png) no-repeat;position:absolute;top:20px;left:60px;width:170px;z-index:1;}
#second .cloud-4 {height:2000px;background:url(../images/lb-cloud-4.png) no-repeat;position:absolute;top:220px;left:160px;width:147px;z-index:1;}

#second .sticker {width:293px;background:url(../images/lb-sticker.png) 0 100px no-repeat;position:absolute;top:0px;left:50%;margin-left:-147px;height:700px;z-index:3;}
#second .wykres {width:839px;height:700px;background:url(../images/lb-wykres.png) 0 100px no-repeat;position:absolute;top:0;z-index:2;}

/* Photograph */
#third {position:relative;}
#third article {  width:960px;margin:auto;position:relative;overflow:hidden;height:317px;}
#third .wagony {width:863px;background:url(../images/lb-wagony.png) no-repeat;height:500px;position:absolute;top:80px;}
#third .wagon-1 {width:218px;height:128px;background:url(../images/lb-wagon-1.png) no-repeat;position:absolute;top:110px;left:-218px;z-index:4;}
#third .wagon-2 {width:112px;height:67px;background:url(../images/lb-wagon-2.png) no-repeat;position:absolute;top:121px;left:-112px;z-index:3;}
#third .wagon-3 {width:161px;height:96px;background:url(../images/lb-wagon-3.png) no-repeat;position:absolute;top:135px;left:-161px;z-index:2;}
#third .wagon-4 {width:61px;height:38px;background:url(../images/lb-wagon-4.png) no-repeat;position:absolute;top:162px;left:-61px;z-index:1;}

/* HTML5 Video */
#fourth {background-color:#fdf6ea;}
#fourth article { width:960px;margin:auto; }
#fourth .trifold {background:url(../images/lb-trifold.png) no-repeat;height:1000px;position:absolute;width:1047px;left:50%;margin-left:-700px;z-index:10;top:-150px;}
#fourth .percents {background:url(../images/lb-17.png) 0 600px no-repeat;height:1000px;position:absolute;width:533px;left:50%;}
#fourth article {padding-top:600px;color:#fff;}
#fourth article h2 {width:400px;text-transform:uppercase;font-size:36px;font-family:'RobotoBold';}
#fourth article p {width:500px;font-size:30px;}
#fourth article p strong {text-transform:uppercase;}

/* The End */
#theend {height:1600px;}
.board { background: url(../images/lb-board.png) 0 100px no-repeat; height: 1600px; padding: 0; margin: 0; width:1061px; position:absolute; top:670px;}
.copy {position:absolute;top:1500px;width:960px;left:50%;margin-left:-480px;}
.copy .left {float:left;width:450px;line-height:20px;background:url(../images/lb-arrow.jpg) no-repeat right bottom;padding-bottom:70px;}
.copy .right {float:right;width:480px;}
.copy .right ul {text-transform:uppercase;color:#544d6d;font-size:18px;list-style:none;margin-left:10px;}
.copy .right ul li {line-height:25px;padding-left:40px;background:url(../images/lb-point.jpg) no-repeat;min-height:35px;line-height:35px;padding-bottom:10px;}
.copy .left span {font-family:'RobotoBold';display:block;}
.copy .result {text-align:center;padding-top:50px;color:#544d6d;}
.copy .result span {font-size:58px;}
.copy .result p {padding-top:100px;font-size:18px;width:750px;margin:auto;}