/*
Im reseting this style for optimal view using Eric Meyer's CSS Reset - http://meyerweb.com/eric/tools/css/reset/
------------------------------------------------------------------ */
body, html  { height: 100%; }html, body, div, span, applet, object, iframe,/*h1,2, h3, h4, h5, h6,*/ p, blockquote, pre,a, abbr, acronym, address,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body { line-height: 1; }ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }:focus { outline: 0; }del { text-decoration: line-through; }table {border-spacing: 0; }

/* Clear Floated Elements http://sonspring.com/journal/clearing-floats */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}

/*------------------------------------------------------------------ */

/* Page Style */
body{
	color: #636466;
	font-size: 21px;
	font-family: 'raleway', sans-serif;
	font-weight: 400;
	line-height: 20px;
	/*text-shadow: 0 1px 1px rgba(0,0,0,0.75);*/
	text-shadow:1px 1px 1px #cfcfcf;
	background: #55575c url(bg.jpg);
	-webkit-box-shadow: inset 0 0 300px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 0 300px rgba(0,0,0,0.5);
	box-shadow: inset 0 0 300px rgba(0,0,0,0.5);
}
a,
a:link,
a:visited {
	color: #636466;
	font-weight: 600;
	text-decoration:none;
}
a:active,
a:hover {
	color: #3b88e4;
	text-shadow:1px 1px 1px #cfcfcf;
}
p{
	margin-bottom: 0.3em;
}
#coming-soon{
	background: rgba(0,0,0,0.0);
	display: block;
	position: absolute;
	width: 800px;
	height: 280px;
	top: 50%;
	left: 50%;
	margin: -160px 0 0 -400px;
}
#coming-soon h1{
	font-family: 'raleway', sans-serif;
	font-weight: 600;
	text-align: center;
	font-size: 42px;
}
#coming-soon p{
	text-align: center;
}

ul.information{
	width: 800px;
	float: left;
	margin-top: 22px;
	margin-bottom: 40px;
}
ul.information li{
	float: left;
	text-align: center;
	padding: 20px 0 0 0;
}
ul.information li.one{
	width: 300px;
}
ul.information li.two{
	width: 200px;
}
ul.information li.three{
	width: 300px;
}
ul.information li span{
	font-size: 40px;
	display: block;
	margin-bottom: 20px;
}
ul.information li span.highlighted {
	font-weight: 600;
	font-size: 21px;
	margin-bottom: 0;
}