html{
	font-size: 100%;/* Typecast uses ems, so we need to reset this */
}

body {
	font-family: arial, sans-serif;
	font-style: normal;	
	
	/* Something weird going on here... */
	/*font-weight: 600; should be 500 */
	/* letter-spacing: -0.085em;should't need adjustment */
	
	color: #FFF;
	/* Always set a background */
	background-color: #171720;
	
	/* Old centre hack pt 1*/
	text-align: center;
  	min-width: 976px;	

	/* Set context for #background element */
	position:relative;
}
.iphone body,
.ipod body {
	/* Fix for text jittering on some flavours of iOS */
	-webkit-text-size-adjust: 100%;
}

.container {
	/* Old centre hack pt 2*/
	text-align: left;
	width: 976px;
	margin: 0 auto;
}



h1 {
	font-family: steinzeit, arial, sans-serif;
	font-size: 8.5em;
	line-height: 0.9em;	
	font-weight: 400;	
	color: #FFF;	
	text-align: center;
	overflow: hidden;
}
#logo .container{
	position: relative;	
	margin-top:0.5em;
}
h1.duplicated{
	position: absolute;
	top: 0;
	width: 100%;	
	z-index: 2;
	color: #21212F;
}
h1.duplicate{
	position:absolute;
	top:0;
	width:100%;
	z-index: 1;
	font-family: steinzeit-fill-in, arial, sans-serif;
}


h2 {
	font-family: museo-sans-rounded, arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.1em;
	font-weight: 500;
	
	-moz-font-feature-settings: "liga=1";
	-ms-font-feature-settings: "liga" 1;
	-webkit-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga" 1;
	font-feature-settings: "liga" 1;
	
	text-transform: uppercase;
	letter-spacing: 0.05em;
	
	color: rgba(0,0,0,1);
	
	text-align: center;
}


p {	
	font-size: 1em;/* was 1.05em */
	line-height: 1.4em;
	margin-bottom: 1em;
}
p.intro {
	font-family: museo-sans-rounded, arial, sans-serif;
	font-size: 2.2em;	
	font-size: 1.8em;
	line-height: 1.3em;
	font-weight:500;
	text-align: center;	
	width: 85%;
	width: 70%;
	margin: 0 auto 0.1em;
}
a{
	color: #FF01FA;
	color: #CE00CB;
}
a:link,
a:visited{
	text-decoration: none;
	color: #CE00CB;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
a:hover,
a:focus,
a:active{
	text-decoration: none;
	color: #FF01FA;
}

.strip{
	overflow: auto;
	padding: 2.5em 0;
}


#logo{
	padding: 1.5em 0;
	/*background-color: #FFF208;*/
}



#blurb{
	background-color: #892250;
	background-color: rgba(43, 45, 62, 0.5);
	color: #FFF;
	padding: 1.5em 0;
}



#questions{
	background-color: #171720;
	padding-bottom: 3em;
}

	/* Flex box for our columns */
	#questions .container{
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
		/*
		flex-flow: row wrap;
		align-items: stretch;
		justify-content: space-between;
		*/
	}
		.col-3 {
			-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
			-moz-box-flex: 1;         /* OLD - Firefox 19- */
			width: 33.33%;            /* For old syntax, otherwise collapses. */
			-webkit-flex: 1;          /* Chrome */
			-ms-flex: 1;              /* IE 10 */
			flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
			position:relative;
		}
		/* Fallback for IE versions not supporting Flexbox */
		.lt-ie10 .col-3{
			float:left;
		}

			.col-3 h2{
				color: #FFF;
				padding-bottom: 1.5em;
				/*				
				background: transparent url(../img/arrow.png) center bottom no-repeat;
				*/
			}
			/*
			.col-3 .ss-directup{
				position:absolute;
				bottom:0;
				width:100%;
				margin:0 auto;
				display:block;
				color: rgba(255, 255, 255, 0.7);
				font-size: 4.75em;
				padding:0;
			}
			*/
			.col-3 .answer{
				background-color: #BABABD;
				background-color: rgba(255, 255, 255, 0.7);
				
				background-color: #FFF; 
				color: #171720;;
				padding: 1.5em;
				margin: 0 1.5em;
				
				-moz-border-radius: 15px;
				-webkit-border-radius: 15px;
				-khtml-border-radius: 15px;
				border-radius: 15px;
			}
				.col-3 .answer strong{
					
				}
				.col-3 .answer abbr[title]:hover{
					border-bottom: none !important;/* Unset our standard rule */
				}
				.col-3 .answer p:last-child{
					margin-bottom: 0;
				}
				



#communications{
	background-color: #2D2D35;
	background-color: rgba(255, 255, 255, 0.1);
	color: #FFF;
	padding-bottom: 2em;
}
	#communications p{
		line-height: 1;
		margin-bottom: 2em;
	}
	#communications a:link,
	#communications a:visited{
		color: #FF01FA;
	}
	#communications a:hover,
	#communications	a:focus,
	#communications a:active{
		color: #ff42f8;
	}
	
	#communications #mc_embed_signup{
		
	}
		#communications #mc_embed_signup input,
		#communications #mc_embed_signup button{
			font-size: 1em;
			height: 42px;
			border: none;
			padding: 0 1em;
			margin: 0 0 1.25em;
		}
		#communications #mc_embed_signup input[type=email]{
			width: 285px;			
			/* For benefit of iPad */
			border-radius: 0;
		}
		#communications #mc_embed_signup button{
			background-color: #FF00FD;
			background-color: #CE00CB;
			color: #FFF;
			
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
		}
		#communications #mc_embed_signup button:hover{
			background-color: #FF00FD;
		}
	
	#communications	.social{
		padding-top: 1.25em;
	}	
		#communications	.social a{
			font-size: 82px;
			margin-right: 0.3em;
			text-decoration: none;
			line-height: 1;
		}
			#communications	.social a:link,
			#communications	.social a:visited{
				color: #FFF;
				color: rgba(255, 255, 255, 0.5);
			}
			#communications	.social a:hover,
			#communications	.social a:focus,
			#communications	.social a:active{
				color: #FF00FD;
				color: rgba(255, 255, 255, 1);
			}
		#communications	.social a:last-child{
			margin-right: 0;
		}



#footer{
	clear: both;
	color: #FFF;
	background-color: #171720;
}
	#footer p{
		margin: 0;
		line-height: 1;
		font-size: 0.85em;
	}
	#footer a:link,
	#footer a:visited{
		color: #FF01FA;
	}
	#footer a:hover,
	#footer	a:focus,
	#footer a:active{
		color: #ff42f8;
	}


#background {
	position: absolute; 
	left: 0px; 
    top: 0px;
    width: 100%; 
    height: 700px; 
	z-index: -1;
	background-color: #F2923C;
}
	#background img{
		width: 100%;
		height: 700px;
	}
	
/* IE adjustments */
.ie7 h1.duplicated{
	color: #FFF;
}
.ie7 #communications #mc_embed_signup input{
	height: 38px;
}
.ie7 a.social-email{
	display:none !important;
}
.ie7 #background img{
	display:none;
}

/*
---------------------------
Colours
---------------------------
Yellow 				#FFF208
Dark blue 			#21212F
Lighter dark blue 	#2B2D3E
3 panels 			#34394D
Darkest Blue 		#171720
Links 				#FF01FA
Grey 				#C9C9C9
Dark Grey			#353535

Gradient 
Yellow 				#FFFF00
Red					#FF0000
Pink 				#FF00FD
---------------------------
*/