html, body {
    background: #000;
    color: #fff;
    height: 100%;
    width: 100%;
    font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
* {
	margin:0px auto;
	padding:0;
}
div#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -350px;
	float: left;
}
div#wrapper {
	width: 1000px;
	height: 700px;
	clear: both;
	background:red;
	position: relative;
	top: -350px;
	/* IE4ever Hack: Hide from IE4 **/
	position: static;
	/** end hack */

}
/* Hide from IE5mac \*//*/
 div#shim {
 display: none;
 }
 html, body {
 height: auto;
 }
 /* end hack */

/* ]]> */

@font-face {
    font-family: 'FuturaLTExtraBoldRegular';
    src: url('../font/futura_lt_extra_bold-webfont.eot');
    src: url('../font/futura_lt_extra_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/futura_lt_extra_bold-webfont.woff') format('woff'),
         url('../font/futura_lt_extra_bold-webfont.ttf') format('truetype'),
         url('../font/futura_lt_extra_bold-webfont.svg#FuturaLTExtraBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#parallax {
    background: none repeat scroll 0 0 #fff;
    height: 700px;
    margin: 1.5em 0;
    position: relative;
    width: 1000px;
}

.text-1,
.text-2,
.text-3,
.text-4,
.text-5,
.text-6,
.text-7{
	line-height: 150px;
	color: #000;
	font-family: "FuturaLTExtraBoldRegular";
	text-transform: uppercase;
}

.text-1{
	font-size: 70px
}
.text-2{
	font-size: 90px
}
.text-3{
	font-size: 100px
}
.text-4{
	font-size: 110px
}
.text-5{
	font-size: 130px
}
.text-6{
	font-size: 140px
}
.text-7{
	font-size: 190px
}

.text-1{
	color: #000;
	text-align: center;
}

#parallax div div{
	padding: 0;
}

#parallax div div{
	padding: 0 0 0 0 ;
	-webkit-transition-property: padding;  
	-webkit-transition-duration: 0.5s;  
	-webkit-transition-timing-function:  ease-out; 
	-moz-transition-property: padding;  
	-moz-transition-duration: 0.5s;  
	-moz-transition-timing-function:  ease-out; 
	-moz-transition-property: padding;  
	transition-duration: 0.5s;  
	transition-timing-function:  ease-out; 
}
#parallax:hover div div{
	padding: 28px 0 0 100px;
}


#parallax > div{
	padding: 0 0 0 0;
	width: 400px;
	height: 300px;
	color #fff;
	text-shadow:
	#000 0 0 0,
	#000 0 0 0,
	#000 0 0 0,
	#000 0 0 0,
	#000 0 0 0,
	#000 0 0 0,
	#000 0 0 0,
	#000 0 0 0,
	#000 0 0 0,
	#000 0 0 0,
	#000 0 0 0;
	 -webkit-transition-property: text-shadow, line-height, color, padding;  
	 -webkit-transition-duration: 0.5s;  
	 -webkit-transition-timing-function: ease-out; 
	 -moz-transition-property: text-shadow, line-height, color, padding;  
	 -moz-transition-duration: 0.5s;  
	 -moz-transition-timing-function:  ease-out; 
	 -moz-transition-property: text-shadow, line-height, color, padding;  
	 transition-duration: 0.5s;  
	 transition-timing-function:  ease-out; 
}
#parallax:hover > div{
	padding: 300px 0 0 300px;
	line-height: 300px;
	color: #000;
	text-shadow:
	#cc0000 -10px -10px 0px,
	#cc0000 -20px -20px 0px,
	#b30000 -30px -30px 0px,
	#990000 -40px -40px 0px,
	#800000 -50px -50px 0px,
	#e50000 -10px -10px 0px,
	#660000 -60px -60px 0px,
	#4d0000 -70px -70px 0px,
	#330000 -80px -80px 0px,
	#1a0000 -90px -90px 0px,
	#000 -100px -100px 0px;
}