html,body
{
	background-color: #444;
	color: #fff;
	font-family: helvetica, arial, sans-serif;
	margin: 0;
	padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#canvas, #wrapper
{
	width: 100%;
	height: 100%;
}

@font-face{font-family:'MatterhornSerif';
font-weight:400;font-style:normal}

@font-face {
  font-family:'MatterhornSerif';
  font-style: normal;
  font-weight: 400;
  src:url(../media/fonts/matterhornserif-regular.eot?#iefix) format("embedded-opentype"),url(../media/fonts/matterhornserif-regular.woff) format("woff"),url(../media/fonts/matterhornserif-regular.ttf) format("truetype"),url(../media/fonts/matterhornserif-regular-2a46b35b302c.svg#Matterhorn) format("svg");
}

@font-face
{
   font-family:'MatterhornSerif';
   font-style: normal;
   font-weight: bold;
   src: url(../media/fonts/matterhornserif-bold.woff) format('woff');
   src:url(../media/fonts/matterhornserif-bold.eot?#iefix) format("embedded-opentype"),url(../media/fonts/matterhornserif-bold.woff) format("woff"),url(../media/fonts/matterhornserif-bold.ttf) format("truetype"),url(../media/fonts/matterhornserif-bold.svg#Matterhorn) format("svg");
}

@font-face {
    font-family: 'RockwellMTRegular';
    src: url('../media/fonts/rockwell_mt_regular.eot');
    src: url('../media/fonts/rockwell_mt_regular.eot#iefix') format('embedded-opentype'),
    url('../media/fonts/rockwell_mt_regular.woff') format('woff'),
    url('../media/fonts/rockwell_mt_regular.ttf') format('truetype'),
    url('../media/fonts/rockwell_mt_regular.svg#RockwellMTRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}