@charset "UTF-8";
/* CSS Document */

html, body {
	height: 100%;         /* required */
	background-color:#000;
}

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

}


body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
	font-family:'KlavikaRegular';
	font-size:11px;
	color:#999;
}
div#distance { 
	margin-bottom: -275px; /* half of content height */
	background: #000;      /* temporary - used to see div */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 450px;         /* required - desired height */
	width: 800px;          /* required - desired width */
	background: #000;     /* cosmetic */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}

.skip {margin-top:15px;}


a:link {text-decoration: none; color:#999;}
a:visited {text-decoration: none; color:#999;}
a:active {text-decoration: none; color:#999;}
a:hover {text-decoration: none; color:#fff}