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

}

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

}

body, html {
	height: 100%;
	color: #000;
	font-family: 'ApeModLightRegular', Arial, sans-serif;
}

h1 {
	font: 24px/36px 'ApeModLightRegular', Arial, sans-serif;
	padding-top:50px;
}

h2, h3 {
	font: 16px/22px 'ApeModLightRegular', Arial, sans-serif;
	padding-left: 50px;
	padding-top:25px;
}

a {
	text-decoration: underline;
	color: #000;
}

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

p {
	padding: 0;
}

.image {
	position: absolute;
	padding: 20px;
}

* {
	margin: 0;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
	position: relative;
	padding-left: 870px;
	padding-right: 20px;
}

.footer, .push {
	height: 40px; /* .push must be the same height as .footer */
	position: relative;
	padding-left: 20px;
}