/* 22SLIDES */	
/* Layout
------------------------------------------------------------------------------- */
		
	* {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;	
		box-sizing: border-box;
		}
			
	html,
	body {
		min-height: 100%;
		}
		
	body {
		float: left;
		width: 100%;
		}
		
	section { clear: both; }		
		
/* Default Skin
------------------------------------------------------------------------------- */
	
	html {
		background: #fff;	
		}
		
	body {
		color: #000;
		font: normal 11px/13px "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
	h1, h2, h3, h4, h5 {
		line-height: 1em;
		}
			
	header {
		background: rgba(255,255,255, .9);
		}
		
	#overlay {
		background: rgba(255,255,255, .5);
		}

/* Buttons
------------------------------------------------------------------------------- */

	a.button,
	input[type="submit"],
	.inactive .button:active {
		font: bold 12px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
		float: left;
		font-weight: bold;
		color: #000;
		background: #fff;
		border-radius: 3px;
		padding: 5px 10px;
		cursor: pointer;
		-webkit-appearance: none;
		appearance: none;
		border: none;
		}
		
	.action {
		color: #000;
		font-size: 12px;
		font-weight: bold;
		background: rgba(255,255,255, .75);
		border-radius: 50px;
		padding: 2px 15px;
		transition: background-color .15s ease-out;
		}
		
	.action:hover {
		color: #fff;
		background: #000;
		}		

/* Header
------------------------------------------------------------------------------- */	

	header {
		float: left;
		width: 100%;
		padding: 10px 65px;
		position: relative;
		}
		
	header h1 {
		float: left;
		padding-right: 20px;
		border-right: 1px solid;
		margin-right: 20px;
		}
		
	header h1 a {
		display: block;
		text-decoration: none;
		line-height: 1em;
		}
		
	header h1 img {
		margin: 0 auto;
		max-width: 100%;
		max-height: 120px;
		}
		
	header h1 span {
		margin: 15px 0;
		}
		
/* Page Heading */		
		
	header h2 {
		float: left;
		font-size: 24px;
		opacity: 0;
		transition: opacity 1s ease-out;
		}
		
	header.loaded h2 {
		opacity: 1;
		}
		
/* Signout Button */		
	
	#signout {
		float: right;
		position: absolute;
		top: 50%;
		right: 65px;
		transform: translateY(-50%);
		}		
			
/* Logo
------------------------------------------------------------------------------- */

	#logo {
		text-align: center;
		}	
		
/* Footer
------------------------------------------------------------------------------- */
		
	footer {
		clear: both;
		width: 100%;
		padding: 20px 65px;
		opacity: .75;
		text-align: center;
		}
		
	footer a {
		font-weight: bold;
		}
		
/* Message
------------------------------------------------------------------------------- */		
	
	@keyframes fade_out {
    	0% { opacity: 0; }
    	10% { opacity: 1; }
    	90% { opacity: 1; }
    	100% { opacity: 0; }
		}
	
	.message {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		padding: 20px 0;
		color: #fff;
		background: rgba(0,0,0, .5);
		font-size: 14px;
		animation-name: fade_out;
		animation-duration: 4s;
		opacity: 0;
		}	
