body {
	margin:0;  
	padding: 0;
	font-family: 'YanoneKaffeesatzRegular', Helvetica, Arial, sans-serif;
	background-color: #827d69;
}


a:link {
	color: #222222;
	text-decoration:none;
}

a:visited {
	color: #222222;
	text-decoration:none;
}

a:hover {
	color: #f9f4e4;
	text-decoration:none;
}



@font-face {
    font-family: 'YanoneKaffeesatzLight';
    src: url('../fonts/YanoneKaffeesatz-Light-webfont.eot');
    src: url('../fonts/YanoneKaffeesatz-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/YanoneKaffeesatz-Light-webfont.woff') format('woff'),
         url('../fonts/YanoneKaffeesatz-Light-webfont.ttf') format('truetype'),
         url('../fonts/YanoneKaffeesatz-Light-webfont.svg#YanoneKaffeesatzLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'YanoneKaffeesatzRegular';
    src: url('../fonts/YanoneKaffeesatz-Regular-webfont.eot');
    src: url('../fonts/YanoneKaffeesatz-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'),
         url('../fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'),
         url('../fonts/YanoneKaffeesatz-Regular-webfont.svg#YanoneKaffeesatzRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'YanoneKaffeesatzBold';
    src: url('../fonts/YanoneKaffeesatz-Bold-webfont.eot');
    src: url('../fonts/YanoneKaffeesatz-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/YanoneKaffeesatz-Bold-webfont.woff') format('woff'),
         url('../fonts/YanoneKaffeesatz-Bold-webfont.ttf') format('truetype'),
         url('../fonts/YanoneKaffeesatz-Bold-webfont.svg#YanoneKaffeesatzBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1 { 
	margin: 0;
	padding: 0;
	font-family: 'YanoneKaffeesatzRegular', Helvetica, Arial, sans-serif;
	font-size: 30px;
	color: #222222; 
	font-weight: normal; 
} 
	
#plane {
	background-repeat: norepeat;
	background-attachment: fixed;
	margin: 0 auto;  
}

#midplane {
	background-image: url(../images/midplane.png);
	background-repeat: repeat-Y;
	background-attachment: fixed;
	
}

#content {
	width: 960px;
	height: auto;
	margin:0 auto;  
	position: relative;
}

#more {
        background-image: url(../images/more.png);
        background-repeat: no-repeat;
        background-attachment: fixed;
}

#nameholder {
	width:960px;
	height: 150px;
	margin:0 auto;  
	position: relative;
}

#keyline{
	position: absolute;
	padding: 0;
	margin: 0; 
	left: -40px;
	top: 20px;
}


#name {
	position: absolute;
		background-image: url(../images/whplogo370.png);
		width: 370px;
		height: 93px;
	margin-top: 20px;
} 

#title {
	position: absolute;
	top: 110px;
	left: 10px;
	font-family: 'YanoneKaffeesatzRegular', Helvetica, Arial, sans-serif;
	font-size: 22px;
        letter-spacing: 1px;
	color: #222222;
} 

#header {
	position: absolute;
	top: 160px;
	left: 150px;
	font-family: 'YanoneKaffeesatzRegular', Helvetica, Arial, sans-serif;
	font-size: 74px;
        letter-spacing: 46px;
	color: #353535;
} 

#headerportfolio {
	position: relative;
	top: 0px;
	left: 150px;
	font-family: 'YanoneKaffeesatzRegular', Helvetica, Arial, sans-serif;
	font-size: 74px;
        letter-spacing: 46px;
	color: #353535;
        padding: 50px 0 0 0;
} 


#email {
	display: block;
	float: right;
	margin-top: 50px;
	margin-right: 50px;
	font-family: 'YanoneKaffeesatzRegular', Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #222222;
} 


#more { position: fixed; z-index:100;}


#footer {
  	position: relative;
	padding: 0;
	margin: 100px auto auto auto; 
	cursor: pointer;
    display: block;
    width: 241px;
    height: 120px;
    background: url("../images/scrollto_up.png");

  }
  
 #footerPreload {
	position: absolute;
	overflow: hidden;
	left: -9999px; 
	top: -9999px;
	height: 1px;
	width: 1px;
    background: url("../images/scrollto_hover.png");
  }

#footer:hover {
	background: url("../images/scrollto_hover.png");
}