/* @group basic stuff */
	
body {
	font: 400 16px/22px 'Source Sans Pro', Arial, Verdana, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
}	
.background {
	position: fixed; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0;
	z-index: -1;
}
.background img {
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;	
}
.page {
	padding: 0 0 140px 0;
}
#siteframe {
	max-width: 1200px; 
	margin: 0 auto;
	padding: 94px 45px 0;
}

/* @end */


/* @group header */

h1,
h1 a {
	font-size: 60px; 
	line-height: 65px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 200;
	margin: 0 0 24px 0;
}
p.slogan {
	color: #413a36;
	font-size: 20px;
	margin-top: 25px;
	font-weight: 200;
	line-height: 26px;
}
.contact {
	margin: 0; 
	padding: 10px 0 0;
	color: #413a36;
	list-style: none;
	font-weight: 200;
	font-size: 15px; 
	line-height: 21px;
}
.contact .title {
	font-weight: 500;
}
.contact strong {
	font-weight: 500;
	margin: 0 10px 0 0;
}
.contact  li + .title {
	margin-top: 15px;
}

/* @end */

/* @group source */
	
.source {
	color: #555;
	height: 360px;
	position: absolute;
	width: 100%;
	top: 50%; 
	margin: -180px 0 0 0;
}
.source h2 {
	font-size: 40px; 
	line-height: 45px;
	color: #413a36;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 300;
	margin: 0 0 24px 0;
}
.source a {
	color: #413a36;
}
.source a:hover {
	color: #817a76;	
}
	
/* @end */

/* @group logo  */
	
.container {
	text-align: center;
	position: absolute;
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0;
}
.container .logo {
	position: absolute;
	top: 50%; 
	height: auto; 
	width: 100%;
	left: 0; 
	right: 0;
	text-align: center;
	-webkit-transform: translate(0,-50%);
	   -moz-transform: translate(0,-50%);
	   	 -o-transform: translate(0,-50%);
	   	 	transform: translate(0,-50%);
}
.container .logo span.date {
	display: block;
	color: #413a36;
	font-size: 30px; 
	line-height: 30px;
	font-weight: 600;
	padding: 0 0 3px 0;
}
.container .logo h1 {
	color: #413a36;
	font-size: 50px; 
	line-height: 50px;	
	margin: 0;
}
	
/* @end */

/* @group footer */
	
.footer {
	background: #292422;
	background: rgba(41,36,34,0.7);
	height: 52px;
	position: fixed;
	bottom: 0; 
	left: 0;
	right: 0;
	z-index: 200;
	font-size: 16px;
	font-weight: 300;
}
.footer ul {
	text-align: center;
	list-style: none;
	margin: 0; 
	padding: 0;
}	
.footer ul li {
	display: inline;
	line-height: 52px;
	padding: 0 10px;
}
.footer ul li a {
	color: #fff;
}
.footer ul li a:hover {
	color: #D5C6BE;
}
.footer ul li strong {
	font-weight: 600;
}

/* @end */
