/* RESET     	*/  html, body, div, span, h1, h2, h3, h4, h5, p, a, img, ul, li, strong, form, label, caption, article, aside, embed, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body { line-height: 1; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; -webkit-font-smoothing: antialiased; } ol, ul { list-style: none; } a img, a { border: none; text-decoration: none; }
/* RSPNY     	*/  input, button, textarea { border: none; outline: none; margin: 0; padding: 0; background-color: transparent; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } *:focus { outline: none; } html, body { height: 100%; } body { width: 100%; } .L { float: left; } .R { float: right; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1; } .clear { clear: both; } .FT { display: table; width: 100%; height: 100%; } .FT .FC { display: table-cell; vertical-align: middle; } img { width: 100%; height: auto; }
/* WIDTHS     	*/  .W100 { width: 100%; } .W75 { width: 75%; } .W66 { width: 66.6666%; } .W50 { width: 50%; } .W33 { width: 33.3333%; } .W25 { width: 25%; }
/* TRANSITION 	*/  * { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .no-transition { -webkit-transition: none !important; -moz-transition: anone !important; -o-transition: none !important; transition: none !important; }
/* SLIDEOUT.JS 	*/	.slideout-menu { position: fixed; top: 0; bottom: 0; width: 300px; min-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 0; display: none; } .slideout-menu-left { left: 0; } .slideout-menu-right { right: 0; } .slideout-panel { position: relative; z-index: 1; will-change: transform; min-height: 100vh; } .slideout-open, .slideout-open body, .slideout-open .slideout-panel { overflow: hidden; } .slideout-open .slideout-menu { display: block; } #panel:before { content: ''; display: block; background-color: rgba(0,0,0,0); transition: background-color 0.5s ease-in-out; } #panel.panel-open:before { position: absolute; top: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,.5); z-index: 99; }

/* -------------------------------------
----------------------------------------
-- TEMP --------------------------------
----------------------------------------
------------------------------------- */



#main { 
	position: relative; 
	width: 100%;
	height: 100%;
}
#main .Content {
	position: absolute;
	left: 20px; right: 20px;
	top: 20px; bottom:  20px;
	text-align: center;
	background-color: #f1f1f1;
}
#main .inner {
	max-width: 600px;
	margin: 0 auto;
	padding: 0 20px;
}
#main header { 
	width: 400px;
	margin: 0 auto 60px; 
	background: transparent;
}
#main header h1 a { display: block; }
		a { color: #000000; }
		a:hover { color: #444444; }
#main header h1 span {
	display: inline-block;
	
}
#main .intro p.main {
	font-size: 18px;
	line-height: 25px;
	margin: 0 0 50px;
}

#main .intro p.secondary {
	font-size: 16px;
    line-height: 26px;
    color: #bbbbbb;
}
#main .intro p.secondary span {
    display: inline-block;
    line-height: 26px;
}
#main .intro p.secondary span:first-child:after {
	content: "|";
	margin: 0 20px;
}
#main .intro p.secondary a { color: #666666; }
#main .intro p.secondary a:hover { color: #444444; }
#main .intro p.secondary a i {
    font-size: 20px;
    vertical-align: middle;
    margin: -2px 8px 0 0;
}



body,
.slideout-panel { background-color: #f8f8f8; }

body {  
	font-family: Usual, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	letter-spacing: 0.25px;
	color: #333333;
}

.image { line-height: 0px; }