* {margin: 0; padding: 0; font-size: 100%; background: none;}

img {font-size: 0; vertical-align: middle; border: none;}

html, body {height: 100%; min-width: 320px;}

#site {position: relative; min-height: 100%;}

.wrapper {position: relative; clear: both; margin: 0 auto; text-align: left;}

/* :: Tags & Typography - Baseline Grid - 21 px
===================================================================================================== :: */

html, body {font: normal 14px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;}

input, select, textarea {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight: normal; cursor: default;}

h1 {font-size: 2em; margin-top: .75em;}
h2 {font-size: 1.8em; line-height: 1.65em; margin-top: .85em;}
h3 {font-size: 1.4em; line-height: 1em; margin: .5em 0; padding: .5em 0 .3em; border-top: .1em solid;}
h4 {font-size: 1.2em; line-height: 1.25em; margin-top: 1.25em;}
h5 {font-size: 1em; font-weight: bold;}
h6 {font-size: 1em;}

p {margin-bottom: 1.5em;}

a {text-decoration: underline; outline: none;}		a:visited {}		a:hover {text-decoration: none;}

ul {list-style: none;}

#content ul {
	margin: 0 0 1.5em 1.2em; padding-left: 0;
	list-style: disc;
}
	#content ul li {padding: 0 0 0 .6em;}
	#content ul ul {margin-bottom: 0; list-style: circle;}

ol {
	margin: 0 0 1.5em 2em; padding-left: 0;
	list-style: decimal; list-style-position: outside;
}


hr {
	clear: both;
	position: relative;
	height: 1.5em; 
	margin: 0; 
	border: none;
}
	hr:after {
		content: ""; display: block; 
		position: absolute; top: .7em; 
		width: 100%; 
		border: 1px solid; border-width: 1px 0 0;
	}

sub, sup, small {font-size: .85em;}

sub, sup {line-height: 0; position: relative; vertical-align: baseline; display: inline-block;}

sub {bottom: -0.3em; margin-left: .2em;}

sup {top: -0.5em; margin-left: .2em;}

blockquote {margin: 1.5em; padding-left: 1.5em; font-style: italic; border-left: 3px solid;}

abbr {border-bottom: 1px dotted; cursor: help;}

/* :: Columns 
===================================================================================================== :: */

.col-100 {width: 100%;}
.col-80 {width: 80%;}
.col-75 {width: 75%;}
.col-66 {width: 66.7%;}
.col-60 {width: 60%;}
.col-50 {width: 50%;}
.col-40 {width: 40%;}
.col-33 {width: 33.3%;}
.col-25 {width: 25%;}
.col-20 {width: 20%;}

.col-100, .col-80, .col-75, .col-66, .col-60, .col-50, .col-33, .col-25, .col-20 {float: left;}

.p-20 {padding: 0 20px;}

/* :: Special Classes
===================================================================================================== :: */

.block {display: block;}
.inline-block {display: inline-block;}

:root .m-t-xxs {margin-top: .428em;}
:root .m-t-xs {margin-top: .857em;}
:root .m-t-s {margin-top: 1.286em;}
:root .m-t-m, :root .m-t {margin-top: 1.714em;}
:root .m-t-l {margin-top: 2.142em;}
:root .m-t-xl {margin-top: 2.571em;}
:root .m-t-xxl {margin-top: 3.428em;}

:root .m-b-xxs {margin-bottom: .428em;}
:root .m-b-xs {margin-bottom: .857em;}
:root .m-b-s {margin-bottom: 1.286em;}
:root .m-b-m, :root .m-b {margin-bottom: 1.714em;}
:root .m-b-l {margin-bottom: 2.142em;}
:root .m-b-xl {margin-bottom: 2.571em;}
:root .m-b-xxl {margin-bottom: 3.428em;}

.hide {display: none;}

.fL {float: left;}	.fR {float: right;}	.cL {clear: left;}	.cR {clear: right;}	.cB {clear: both;}

.clear-fix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}