/**
* Author: Pestmeester
**/
@media screen { 
@font-face {
	font-family: 'ProximaNovaLight';
	src: url('../fonts/proximanova-light-webfont.eot');
	src: url('../fonts/proximanova-light-webfont-.eot#iefix') format('embedded-opentype'), url('../fonts/proximanova-light-webfont.woff') format('woff'), url('../fonts/proximanova-light-webfont.ttf') format('truetype'), url('../fonts/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNovaThBold';
	src: url('../fonts/proximanova-extrabold-webfont.eot');
	src: url('../fonts/proximanova-extrabold-webfont-.eot#iefix') format('embedded-opentype'), url('../fonts/proximanova-extrabold-webfont.woff') format('woff'), url('../fonts/proximanova-extrabold-webfont.ttf') format('truetype'), url('../fonts/proximanova-extrabold-webfont.svg#ProximaNovaThBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Reset */
body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, form, small, label, cite, td, br {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	font-family:'ProximaNovaLight';
	list-style:none;
	border:none;
}
header, footer, nav, aside, article, section {
	display:block;
}
body {
	font: 62.5%/16px 'ProximaNovaLight';
}
/* Layout */

#zero {
	background:#011309 url("../img/home_bg_1280.jpg") repeat fixed 50% 0px;
	overflow:hidden;
	position: relative;
	z-index: 10;
	min-height: 1020px;
}
#zero:after {
	background: url("../img/stripesblack.png") repeat;
	content: "";    
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;   
}

#first {
	background:#011309 url("../img/home_bg_1280.jpg") repeat fixed 50% 0px;
	overflow:hidden;
	position: relative;
	z-index: 10;
	
}
#first:after {
	background: url("../img/stripesblack.png") repeat;
	content: "";    
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;   
}
#second {
	background: url("../img/movable.png") repeat fixed 38% 100px transparent;
	position: relative;
	z-index: 10;
	
	overflow:hidden;
	width:100%;
}

#third {
	background:url("../img/contact_bg.jpg") repeat;
	position: relative;
	z-index: 10;
	
	overflow:hidden;
	width:100%;
}

#fourth {
	background: url("../img/about_wall_red.jpg") repeat fixed 50% bottom transparent;
	position: relative;
	z-index: 10;

	overflow:hidden;
	width:100%;
}

#fifth {
	background: url("../img/movable.png") repeat fixed 38% 100px transparent;
	position: relative;
	z-index: 10;
	
	overflow:hidden;
	width:100%;
}

.container {
	position:relative;
	width:100%;
	margin:0 auto;
}

.headertitle {
	width:960px;
	margin:0 auto;
	z-index:9;
}

.noise {
	background:url("../img/grain2.png") repeat;
	position:absolute;
	width:960px;
	margin:0 auto;
	height: 145%;
	z-index:9;
}

.noise:after {
	background: url("../img/stripesblack.png") repeat;
	content: "";    
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;   
}

.story {
	padding: 0;
	width:960px;
	margin:0 auto;
	overflow:hidden;
	z-index:10;
	background: url("../img/about_wall_red.jpg") repeat fixed 50% bottom transparent;
}


.story:after {
	background: url("../img/about_wall_red.jpg") repeat fixed 50% bottom transparent;
	content: "";    
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; 
}

.movable {
	padding: 0;
	width:960px;
	margin:0 auto;
	z-index:9;
}

.movable:after {
	background: url("../img/stripesblack.png") repeat;
	content: "";    
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;   
}
.work {
	width:960px;
	margin:0 auto;
}

.main {
	overflow:hidden;
}

/* Section 0 */

#zero h1 {
	font-family: 'ProximaNovaThBold';
	font-size:80px;
	line-height: 100px;
	margin-bottom: 20px;
	width: 100%;
	margin-top: 210px;
	text-align: center;
	color: #ffffff;
}

/* Section 1 */

#first h1 {
	font-family: 'ProximaNovaLight';
	font-size:40px;
	margin-bottom: 20px;
	width: 100%;
	top: 150px;
	text-align: center;
	color: #ffffff;
}

#first h2 {
	font-family: 'ProximaNovaLight';
	font-size:30px;
	margin-bottom: 20px;
	top: 150px;
	color: #ffffff;
}

#first h3 {
	font-family: 'ProximaNovaLight';
	font-size:24px;
	margin-bottom: 20px;
	top: 150px;
	color: #ffffff;
}

/* Section 2 */

#second h1 {
	font-family: 'ProximaNovaLight';
	font-size:40px;
	margin-bottom: 20px;
	top: 150px;
	color: #ffffff;
}

#second h2 {
	font-family: 'ProximaNovaLight';
	font-size:30px;
	margin-bottom: 20px;
	top: 150px;
	color: #ffffff;
}

#second h3 {
	font-family: 'ProximaNovaLight';
	font-size:24px;
	margin-bottom: 20px;
	top: 150px;
	color: #ffffff;
}

/* Section 3 */

#third h1 {
	font-family: 'ProximaNovaLight';
	font-size:40px;
	margin-bottom: 20px;
	top: 150px;
	color: #000000;
}

#third h2 {
	font-family: 'ProximaNovaLight';
	font-size:30px;
	margin-bottom: 20px;
	top: 150px;
	color: #000000;
}

#third h3 {
	font-family: 'ProximaNovaLight';
	font-size:24px;
	margin-bottom: 20px;
	top: 150px;
	color: #000000;
}

 #third p{
 	color: #000000;
 }

 #third li{
 	color:#000000;
 }

 #third pre {
background: #999999;
color: #ffffff;
line-height: 24px;
margin-bottom: 18px;
padding: 1.5em;
font-size:14px;

}

/* Section 4 */

#fourth h1 {
	font-family: 'ProximaNovaLight';
	font-size:40px;
	margin-bottom: 20px;
	top: 150px;
	color: #ffffff;
}

#fourth h2 {
	font-family: 'ProximaNovaLight';
	font-size:30px;
	margin-bottom: 20px;
	top: 150px;
	color: #ffffff;
}

#fourth h3 {
	font-family: 'ProximaNovaLight';
	font-size:24px;
	margin-bottom: 20px;
	top: 150px;
	color: #ffffff;
}

 #fourth a{
 	color:#ffffff;
 	text-decoration:none;
 }

  #fourth a:hover{
 	color:#ffffff;
 	text-decoration:underline;
 }

  #fourth a:link{
 	color:#ffffff;
 }

 /* Section 4 */

 #fifth p{
 	padding-top: 20px;
 	text-align: center;
 }

.social {
	padding-top: 12px;
	padding-bottom: 12px;
}
.twitter {
	background: url("../img/social.png") no-repeat scroll 0 0 transparent;
	height:27px;
	margin-right: 8px;
	width: 29px;
	display:block;
	float: left;
}

p.copyright  {
padding-top: 15px;
}

/* Typography */
pre {
background: #f7f7f7;
color: #222;
line-height: 24px;
margin-bottom: 18px;
padding: 1.5em;
font-size:14px;
white-space: pre-wrap;       /* CSS 3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

h1 {
	font-family: 'ProximaNovaLight';
	font-size:40px;
	margin: 40px 0px 40px 0px;
}

h2 {
	font-family: 'ProximaNovaLight';
	font-size:30px;
	margin: 40px 0px 40px 0px;
}

h3 {
	font-family: 'ProximaNovaLight';
	font-size:24px;
	margin: 40px 0px 40px 0px;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

p {
	font-size: 16px;
	line-height: 24px;
	color:white;
	margin: 0 0 23px;
	
}
li {
	font-size: 16px;
	line-height: 24px;
	color:white;
	margin: 0 0 5px;
	text-align: justify;
	list-style:square;
}

ol {
	margin-left: 50px;
}

ul{
	padding-left: 50px;
	padding-bottom: 20px;
}

a {
	color:#cc0033;

}
a:hover {
	text-decoration:underline;
}
a:link {
	text-decoration:none;
}

*:focus {
	outline:none;
}
}

@media print {
}