/* -----------------------------------------------------------------------
	reset.css
----------------------------------------------------------------------- */
a, body, div, em, form, h1, h2, h3, h4, h5, h6, html, img, li, ol, p, span, strong, ul {
	border:0;
	margin:0;
	padding:0;
	font-size:100%
}

html, body { height:100% }

b, strong { font-weight:bold }

img {
	color:transparent;
	font-size:0;
	vertical-align:middle;
	-ms-interpolation-mode:bicubic
}

ol, ul { list-style:none }

li { display:list-item }

/* -----------------------------------------------------------------------
	layout.css
----------------------------------------------------------------------- */
body {
	line-height: 1.5;
	background:#09101e url(../images/bg.jpg) center 0 no-repeat;
	min-width: 960px;
	color:#FFF;
}

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

}

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

}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.grid_12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 940px;
}


/* Header */
.header {
	text-align: center;
	margin: 100px 0;
}

.header a {
	display: block;
	margin-bottom: 15px;
}

.header p, .block {
	font-family: 'ColaborateThinRegular', Arial, sans-serif;
	font-size: 40px;
    margin-bottom: 40px;
}

.header h3, .block span {
	font-family: 'BebasNeueRegular', Arial, sans-serif;
	font-size: 32px;
	font-weight: normal;
}

#clock {
	background:url(../images/shadow.png) no-repeat 50% 100%;
    color:#FFF;
	margin:0 auto 0 auto;
	width: 750px;
    padding: 0 95px 30px;
	overflow: hidden;
	text-align: center;
    
}

#clock .block {
	float: left;
	height: 128px;
	width: 130px;
	display:block;
	background:url(../images/clock-bg.png);
    font-size: 20px;
    margin: 10px;
}

#clock .block span {
	display: block;
	font-size:70px;
	padding:15px 0 0 0;
	line-height:70px;
}

p.email {
    font-size: 18px;
    color: #396EA2;
}

/* Clear Floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:before, .clearfix:after, .container:before, .container:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}

.clearfix:after, .container:after { clear: both; }

.clearfix, .container { zoom: 1; }