@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,400);
body 
{
	color:#FFF; 
	font-family:'Open Sans', sans-serif;
	min-width:960px;
	top:0;
	left:0;
	position:absolute;
	height:100%;
	width:100%;
	margin:0; 
	color:#000;
	background-size:cover;
	background:url('../images/swirl_pattern.png') top left repeat;
}

.ie body 
{
	filter: dropshadow(color=#000000, offx=0, offy=1);	
}

h1 
{
	font-size:50px;
	letter-spacing:-2px;	
	line-height:40px; 
	text-align:center;  
}

.ie h1 
{
	filter: dropshadow(color=#000000, offx=0, offy=3);
	padding-bottom:12px;	
}

.ie h2 
{
	filter: dropshadow(color=#000000, offx=0, offy=3);
}

h3 
{
	font-size: 30px;
	margin: 0.2em 0;
	text-align: center;
	color: #888;
	padding: 0 0 29px;
}

.ie h3 
{
	filter: dropshadow(color=#000000, offx=0, offy=3);
}

h4 
{
	margin-bottom:5px;	
}

p, pre 
{
	margin:0 0 10px 0; 
}

code 
{
	text-transform:uppercase !important;
	color:#EEE;	
	border-bottom:1px dotted #666;
}

small 
{
	background:url(../images/alpha.png);
	background:rgba(0, 0, 0, 0.8) url();	
	border:1px solid #111;
	font-size:15px;
	padding:0 5px;
}

strong
{
	text-align: center;
	display: block; 
	font-size: 28px;
	font-weight: normal;
	color:#646464;
}

.spacing
{
	padding:70px 0;
}

#Header 
{ 
	position: relative;
	width: 100%; 
	z-index: 1;
	padding-top: 50px
}

.logo
{
	width: auto; 
	margin: 0 auto;
	padding: 16px;  
	border-radius: 180px;
	padding-bottom:50px;
}

.logo h1
{
	color:#0f66b1;
	font-weight:600;
}

.logo img 
{
	width: 80px;
	height: 108px;
	text-align: center;
	display: block;
	margin: 0 auto; 
}

.wrapper 
{
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: 1;
}

.tempBy
{
	display:block;
	text-align:center;
	padding:15px;
	background:#fff;
	color: #8A8A8A;
}

.tempBy a
{
	color: #07226f;
	font-weight: bold;
}

#Content h2 
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 42px;
	font-weight: 300;
	color:#676767;
	margin-bottom:40px;
}

.countdown 
{
	text-align: center;
	margin-top: 30px;
	background: #5381E4;
	padding: 60px 0;
} 

.styled div 
{
  display: inline-block;
  margin-left: 10px;
  font-size: 70px;
  font-weight: normal; 
  text-align: center;
  margin:0 15px; 
  padding:0 30px;   
  color:#fff;  
  text-shadow:none;
  vertical-align: middle;  
}

#overlay
{
	background: rgba(0, 0, 0, 0.56) url(../images/overlays/01.png) top left repeat;
	position: fixed;
	top: 0px;
	width: 100%;
	bottom: 0px;
	opacity:0.8;
}

/* IE7 inline-block hack */
*+html .styled div
{
  display: inline;
  zoom: 1;
}

.styled div:first-child 
{
  margin-left: 0;
}

.styled div span 
{
  display: block;
  padding-top: 3px;
  font-size: 19px;
  font-weight: normal; 
  text-align: center;
}

@media(max-width:768px)
{
	body 
	{
		min-width: initial !important;
	}

	.wrapper
	{
		width:100%;
	}

	.styled div 
	{
	  margin-bottom:10px; 
	}
}

@media(max-width:420px)
{
	h1
	{
		float:initial;
		text-align: center;
		margin-left:0px;
		margin-bottom:0px;
	}

	.styled div 
	{
	  margin-bottom:10px;
	  font-size: 40px;
	  font-weight: normal; 
	  text-align: center;
	  width:50px;  
	  height:70px;  
	}

	#Content h2 
	{
		margin: 0px 0px 0px 0px;
		padding: 0px;
		text-align: center;
		font-size: 29px;
		font-weight: 300;
	}

	.styled 
	{
		margin-bottom: 30px;
	}

	footer
	{
		position:relative !important;
	}
}