@font-face {
	font-family: 'carbontype';
	src: url('../fonts/carbontype-webfont.eot');
	src: local('carbontype'), local('carbontype'), url('../fonts/carbontype-webfont.woff') format('woff'), url('../fonts/carbontype-webfont.ttf') format('truetype'), url('../fonts/carbontype-webfont.svg#carbontype') format('svg');
}

@font-face {
	font-family: 'MonospaceTypewriter';
	src: url('../fonts/MonospaceTypewriter-webfont.eot');
	src: local('MonospaceTypewriter'), local('../fonts/MonospaceTypewriter'), url('../fonts/MonospaceTypewriter-webfont.woff') format('woff'), url('../fonts/MonospaceTypewriter-webfont.ttf') format('truetype'), url('../fonts/MonospaceTypewriter-webfont.svg#MonospaceTypewriter') format('svg');
}

@font-face {
	font-family: 'WC-Rhesus';
	src: url('../fonts/WC_Rhesus_A_Bta-webfont.eot');
	src: local('WC-Rhesus'), local('../fonts/MonospaceTypewriter'), url('../fonts/WC_Rhesus_A_Bta-webfont.woff') format('woff'), url('../fonts/WC_Rhesus_A_Bta-webfont.ttf') format('truetype'), url('../fonts/WC_Rhesus_A_Bta-webfont.svg#WC-Rhesus') format('svg');
}


body {
	background:fff;
	text-align:center;
	margin:0;
	background-image:url(../images/background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	font-family:MonospaceTypewriter;
	font-size:14px;
}

h1, h2, h3, h4{
	font-family:carbontype;
	font-size:30px;
	background:#fff;
	display:inline;
	clear:both;
	margin-bottom:-3px;
	color:#222;
	z-index:2;
	margin-top:20px;
	opacity:0.8;
}

p{
	font-weight:bold;
}

a{
	color:#eb0d22;
	text-decoration:none;
}

.page{
	margin-left:auto;
	margin-right:auto;
	width:860px;
	padding-left:50px;
	padding-right:50px;
	text-align:left;
}

.content{
	margin-top:350px;
}

.content .box{
	width:380px;
	float:left;
	min-height:380px;
/*	border: 1px #efefef solid; */
	margin:10px;
	margin-left:14px;
	padding:10px;
	/* background:#fff; */
	
}

.content .big-box{
	width:auto;
	float:left;
	min-height:380px;
/*	border: 1px #efefef solid; */
	margin:10px;
	margin-left:14px;
	padding:10px;
	/* background:#fff; */
	
}


.content .box span{
	background:#fff;
	opacity:0.8;
}


p.images{
	text-align:center;
}

p.images img{
	margin-bottom:20px;
}

.content .violet-overlay,
.content .box .red,
.content .green,
.content .box .green,
.content .box .violet{
	font-family:WC-Rhesus;
	background:none;
	background-color:transparent;
}
.green{
	font-size:100px;
	line-height:100px;
	color:#517708;
}

.violet{
	font-size:120px;
	line-height:120px;
	color:#4e0640;
	margin-top:-30px;
	margin-bottom:-30px;
}

.red{
	font-size:80px;
	line-height:80px;
	color:#eb0d22;
	margin-top:-30px;
	margin-bottom:-30px;
}

.violet-overlay{
	font-size:80px;
	line-height:80px;
	color:#4e0640;
	z-index:2;
	margin-top:-30px;
	margin-bottom:-30px;
	opacity:0.9;
}