/* Base Styles */
body, html {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	text-align:center;
	color:#FFF;
	font-family:Open Sans;
	/*background:url(backgrounds/3.jpg) no-repeat center center fixed;*/
	background-attachment:fixed;
	background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover
	overflow-y:hidden;
	overflow-x:auto;
}

h1 { margin:auto; padding:0; font-size:35px; font-weight:500; }
h2 { margin:auto; padding:0; font-size:30px; font-weight:500; }
h3 { margin:auto; padding:0; font-size:25px; font-weight:500; }
h4 { margin:auto; padding:0; font-size:20px; font-weight:500; }
p { margin:auto; padding:0; font-weight:300; font-size:20px; }
.clear { clear:both; }


.bg0 { width:100%; background:url(images/background1.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover; }
.bg1 { width:100%; background:url(images/background2.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover; }
.bg2 { width:100%; background:url(images/background3.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover; }
.bg3 { width:100%; background:url(images/background4.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover; }
#header {
	margin:0;
	padding:5px 0;
	width:100%;
	background: #000;
	border-bottom:1px solid #000;
}
#header .content {
	margin:auto;
	padding:0;
	width:940px;
	text-align:left;
}

#main-title {
	background:url(bg_cont.png);
	margin:40px auto auto auto;
	padding:10px 20px;
	border:1px solid #000;
	display:inline-block;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	max-width:720px;
	min-width:700px;
}
#timer {
	margin:80px auto auto auto;
	padding:0;
	width:850px;
	height:150px;
}
#timer ul {
	margin:0;
	padding:0;
	list-style:none;
}
#timer ul li {
	display:inline-block;
	width:150px;
	height:130px;
	margin:0 24px;
	padding:20px 0 0 0;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:url(bg_cont.png);
}
#timer ul li span {
	font-size:60px;
}
#timer ul li p {
	font-size:14px;
}
#footer {
	position: fixed;
	margin:40px 0 0 0;
	padding: 10px 0 10px 0;
	bottom: 0;
	left: 0;
	right: 0;
	width:100%;
	height:auto;
	border-top:1px solid #000;
	background:url(bg_footer.png);
	z-index: 1001;
}

#footer #container {
	margin:auto;
	padding:0;
	width:940px;
	position:relative;
}
#footer #container p { font-size:16px; color:#CCC; }


/* Smartphones */
@media only screen and (max-width: 320px) {
	h1 { margin:auto; padding:0; font-size:22px; font-weight:500; }
	h2 { margin:auto; padding:0; font-size:20px; font-weight:500; }
	h3 { margin:auto; padding:0; font-size:18px; font-weight:500; }
	h4 { margin:auto; padding:0; font-size:16px; font-weight:500; }
	p { margin:auto; padding:0; font-weight:300; font-size:15px; }
}

/* Tablets */
@media only screen and (max-width: 960px) {
	h1 { margin:auto; padding:0; font-size:25px; font-weight:500; }
	h2 { margin:auto; padding:0; font-size:23px; font-weight:500; }
	h3 { margin:auto; padding:0; font-size:21px; font-weight:500; }
	h4 { margin:auto; padding:0; font-size:20px; font-weight:500; }
	p { margin:auto; padding:0; font-weight:300; font-size:17px; }
	
	#header .content { width:100%; }
	
	#timer { width:100%; height:auto; margin:10% 0 -50px 0; }
	#timer ul li { width:120px; height:100px; margin:0 15px 15px 0; padding:10px 0 0 0; }
	#timer ul li span { font-size:50px; }
	#timer ul li p { font-size:12px; }

	#main-title { max-width:none; min-width:0; padding:3% 6%; width:87%; }
	
}