/*  Import HTML5 ? Boilerplate  */
@import url("reset.css");

/*Remove button padding in FF*/
input::-moz-focus-inner { border: 0; padding: 0; }

/*  Primary styles  */
html {
	height: 100%;
}
body {
	background-image: url(../img/bg_pattern.png);
	background-position:  top center;
	background-repeat: repeat, repeat-x, repeat-x;
	background-attachment: fixed;
	height: 100%;
	color: #fff;
	font-family: "aktiv-grotesk-std",sans-serif;
			font-style: normal;
	font-size: 14px;
	text-shadow: 1px 2px 3px #333;
}
	#background_image, #background_image img {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
	}
	#pattern {
		height: 100%;
		width: 100%;	
		display: table;
	}
		.no-multiplebgs #pattern, .active_bg_image #pattern {
			background: url(../img/bg_pattern.png) repeat;	
		}
	#gradient {
		height: 100%;
		width: 100%;
		display: table-cell;
		vertical-align: middle;
	}
		.no-multiplebgs #gradient, .active_bg_image #gradient {
			background: url(../img/bg_gradient_up.png) repeat-x;	
		}

a, a:hover, a:visited {
	color: #c73339;
	text-decoration: none;
}
	a:hover {
		text-decoration: none;
		color: #868585;
		
	}
p {
	font-size: 14px;
	line-height: 24px;
	padding: 3px 0;
	text-align: justify;
}
body .button {
	padding: 0 15px 0 15px;
	display: inline-block;
	height: 34px;
	line-height: 34px;
	text-decoration: none;
	font-weight: normal;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	color:#3D3535;
	text-shadow:none;
	
}
	.no-multiplebgs body .button {
		padding: 0 15px;
	}


header {
	text-align: center;
	background-position: bottom center no-repeat;
	background-repeat: no-repeat;
	width: 610px;
	height: 207px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	h1 {
		line-height: 85px;
		vertical-align: bottom;
		display: inline;
		font-size: 40px;

		font-family: "aktiv-grotesk-std",sans-serif;
			font-style: normal;
	}

#content {
	width: 100%;
	background: url(../img/bg_content.png) top center no-repeat;
	min-height: 122px;
}

#main_page section {
	margin: 20px auto 30px auto;
	width: 450px;
}
	.countdown {
		text-align: center;
	}
		#countdown {
			display: inline-block;
		}
			.countdown_section {
				display: block;
				float: left;
				margin: 3px;
			}
				.countdown_amount {
					display: inline-block;
					font-size: 35px;
					width: 82px;
					height: 53px;
					line-height: 53px;
					margin-bottom: 8px;
					background: url(../img/countdown.png) top center no-repeat;
					font-family: "Raleway", Arial, sans-serif;
					
				}
	#main_page .progress {
		width: 442px;
		height: 23px;
		background: url(../img/progressbar.png) top center no-repeat;
		padding: 5px;
	}
		#progressbar {
			float: left;
			height: 25px;
			background-repeat: repeat-x;
			-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
		}
		.progress h2 {
			position: absolute;
			width: 452px;
			line-height: 23px;
			text-align: center;
			text-shadow: 0px 0px 10px #fff;
			margin: 0;
			font-family: "aktiv-grotesk-std",sans-serif;
			font-style: normal;
			font-size: 21px;
			color:#FFFFFF;
				}
		
	.text {
	}
		.text p {
			text-align: center;
			font-size: 30px;
			color: #888686;
			font-family: "aktiv-grotesk-std",sans-serif;
			font-style: normal;
			font-weight: 200;
			text-shadow:none;
		}
	.description {
	}
		.description_top {
			background: url(../img/description_top.png) no-repeat;
			width: 452px;
			height: 4px;
		}
		.description_bottom {
			background: url(../img/description_bottom.png) no-repeat;
			width: 452px;
			height: 5px;
		}
		.description_content {
			padding: 5px 10px;
			width: 432px;
			background: url(../img/description.png) repeat-y;
			color: rgba(255,255,255,0.9);
		}
	.twitter {
		background: url(../img/bird.png) left center no-repeat;
		min-height: 52px;
	}
		#tweet {
			margin-left: 100px;
		}
			#tweet ul {
				margin-left: 20px;
			}
				#tweet li {
					list-style: none;
					font-size: 19px;
					text-align: left;
					padding: 10px 0;
					font-size: 15px;
				}
					.tweet_time {
						font-size: 14px;
						display: block;
						margin-top: 5px;
					}
						.tweet_time a {
							text-decoration: none;
							font-weight: normal;
							color: rgba(255,255,255,0.7);
						}
						.tweet_time a:hover {
							text-decoration: underline;
						}
				#tweet .loading {
					line-height: 52px;
					text-align: center;
					color: rgba(255,255,255,0.5);
				}
				.tweet_list {
					display: none;
				}
	.subscribe {
	}
		.subscribe form {
			background: url(../img/subscribe.png) top center no-repeat;
			height: 36px;
			width: 448px;
			padding: 1px;
			margin: 0 auto;
		}
			.subscribe input {
				margin: 4px 6px;
				float: left;
				border: none;
				background: transparent;
				height: 25px;
				line-height: 25px;
				color: #fff;
				width: 320px;
				font-family: "Cantarell", Calibri, Verdana, sans-serif;
				font-size: 14px;
			}
				.subscribe input.submit {
					float: right;
					padding: 0 10px;
					width: auto;
					margin: 4px;
					height: 27px;
					line-height: 27px;					
					font-size: 14px;
					background-repeat: repeat-x;
					-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
					-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
				}
		.subscribe p {
			display: none;
			padding-bottom: 10px;
		}		
	.more_info {
		text-align: center;
	}
		.more_info  .button {
			
				background: #cccccc; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWRlM2U0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkxOTE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(top,  #cccccc 0%, #ede3e4 0%, #919191 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(0%,#ede3e4), color-stop(100%,#919191)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #cccccc 0%,#ede3e4 0%,#919191 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #cccccc 0%,#ede3e4 0%,#919191 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #cccccc 0%,#ede3e4 0%,#919191 100%); /* IE10+ */

background: linear-gradient(to bottom,  #cccccc 0%,#ede3e4 0%,#919191 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#919191',GradientType=0 ); /* IE6-8 */


		}
			.no-multiplebgs .more_info  .button {
				background: url(../img/button.png) repeat-x;
			}
		
			
#more_info_page {
	display: none;
	width: 780px;
	margin: 0 auto;
}
	.dark_background {
		background-color: rgba(0,0,0,0.3);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
	}
	#more_info_page .button {			
		background: url(../img/button.png) repeat-x;
		margin-top: -15px;
		margin-bottom: 70px;
	}
		.no-multiplebgs #more_info_page .button {
				background: url(../img/button.png) repeat-x;
			margin: 10px;
		}
#more_info_page section {
	float: left;
	width: 350px;
	margin: 10px;
}
	#more_info_page p {
		margin: 5px 0;
		text-shadow: none;
	}
	.about {
	}
		h2 {
			font-size: 30px;
			margin: 10px 0 10px 0;
			font-family: "aktiv-grotesk-std",sans-serif;
			font-style: normal;
			font-weight: 200;
			color:#858484;
			text-shadow: none;
		}
		h3 {
			font-size: 20px;
			margin: 20px 0 5px 0;
			font-family: "Raleway", Arial, sans-serif;
		}
		.social {
			margin-right: 3px;
		}
		#more_info_page form {
		}
			#more_info_page .contact_form_status {
				display: none;
				padding-bottom: 10px;
				margin: 0;
			}		
			#more_info_page input {
				background: url(../img/contact_email.png) top center no-repeat;
				padding: 4px 6px;
				margin: 2px 0;
				float: left;
				border: none;
				height: 25px;
				line-height: 20px;
				color: #fff;
				width: 188px;
				font-family: "Cantarell", Calibri, Verdana, sans-serif;
				font-size: 14px;
				-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
			}
				#more_info_page input.submit {
					float: right;
					padding: 0 10px;
					width: auto;
					margin: 4px;
					margin-right: 1px;
					height: 27px;
					line-height: 27px;					
					font-size: 14px;
					background-repeat: repeat-x;
					-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
					-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
				}
			#more_info_page textarea {
				background: url(../img/contact_textarea.png) top center no-repeat;
				padding: 4px 6px;
				margin: 2px 0;
				float: left;
				border: none;
				height: 95px;
				line-height: 25px;
				color: #fff;
				width: 358px;
				font-family: "Cantarell", Calibri, Verdana, sans-serif;
				font-size: 14px;
				-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
			}
	.contact { border-left: 2px solid #f4494e; padding-left: 17px;
    
	}
		.person {
			padding: 8px;
			background-color: rgba(0,0,0,0.2);
			-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
			margin: 5px 0;
		}
			.person span {
				display: block;
			}
				.person .n {
					font-size: 20px;
					color: #fff;
					margin-bottom: 5px;
					font-family: "Raleway", Arial, sans-serif;
				}
					.person em {
						font-size: 14px;
						font-family: "Cantarell", Calibri, Verdana, sans-serif;
						font-style: italic;
					}
			.person img {
				float: right;
			}
		.address {
			padding: 5px;
			background-color: rgba(0,0,0,0.2);
			-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
		}
			.address figcaption {
				margin: 3px 0;
			}
			.address .fn {
				font-weight: bold;
			}
		
		
/*  Helpers  */
.hidden { display: none; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*  Print styles  */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
