/* ==|== h5bp's normalize, but with some OOCSS reset thrown in ====================================================
 */

/* apply a natural box layout model to all elements - http://paulirish.com/2012/box-sizing-border-box-ftw/ */
/* @todo: For ie7 support, polyfill: http://html5please.com/#box-sizing */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #333; color: #fff; text-shadow: none; }
::selection { background: #333; color: #fff; text-shadow: none; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* http://anthonyshort.me/2012/05/global-typographic-styles-suck */
ul, ol { margin: 0; padding: 0; }
dl, dd { margin: 0; }
li { display: block; padding: 0; margin: 0; list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: inherit; line-height: inherit; font-size: inherit; margin: 0; }

p { margin: 0; }
blockquote { margin: 0; }
a { font-weight: inherit; color: inherit; text-decoration: none; }
a:hover, a:active { outline: none; }
a img{ border: none; }
th { font-weight: inherit; }


/* ==|== primary styles ===================================================== */

/* Order: Base styles (html), modules, modifiers, containers, specific, ajax/tweaks/state */

/* == BASE STYLES ========================== */

body {
	background: url('../img/pattern/paper_2.png'); 
	background-repeat: both;
	font-size: .75em;
	line-height: 1.2;
	text-align: center;
}

img { 
	max-width: 100%; 
	height: auto;
	}

hr {
	background: url('../img/line_mid_black.png');
	border: 0;
	display: block;
	height: 11px;
	margin: 0 auto;
	max-width: 100%;
	width: 302px;
}


/* == MODULES ========================== */


/* == Hlist == 
	http://csswizardry.com/2011/09/the-nav-abstraction/
	http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/ */
/*
.hlist {
	list-style: none;
	margin-left: 0;
}
	.hlist li {
		display: inline;
	}
	.hlist a {
		display: inline-block;
	}
*/
.hlist, .copy .hlist {
	list-style: none;
	margin-left: 0;
}
	.hlist li {
		list-style-type: none;
		float: left;
		text-align: center;
	}
	.hlist.spaced li {
		display: block;
		padding: .7em;
	}
	.hlist a {
		display: block;
	}
	
	.center_hlist { /* Container to center hlist */
		display: table;
		margin: 0 auto;
	}
	
	.thumbnails {
	}
		.thumbnails li {
			width: 20%;
			padding: .5em;
		}
			.thumbnails img {
				border: 1px solid #aaa;
		 		background: rgba(0,0,0,.33); 
				margin-right: 1em;
				padding: .75em;
				margin-left: 0;
			}

/* == Media == 
   http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/ */
.media { 
	margin: 1em; 
	overflow: hidden; 
	/* IE hack */
	_overflow: visible; 
	zoom: 1; 
}
	.media .img { 
		float: left; 
		margin-right: 1em; 
	}
		.media .img img, .media .img-rev img { 
			display: block; 
		}
	.media .img-rev { 
		float: right; 
		margin-left: 1em; 
	}


/* == Island/islet == 
	http://csswizardry.com/2011/10/the-island-object/ */
.island,
.islet {
    display: block;
/*
    -webkit-border-radius: Xpx;
       -moz-border-radius: Xpx;
            border-radius: Xpx;
*/
}
.island {
    padding: 1em;
}
    .island > :last-child,
    .islet > :last-child {
        margin-bottom: 0;
    }

/* Just like `.island`, only smaller. */
.islet {
    padding: .5em;
}
	/* If combining with .media, shrink image padding to match smaller inner padding. */
	.islet .img {
	    margin-right: .5em;
	}
	.islet .img-rev {
		margin-left: .5em;
	}



/* == Copy ==
	http://anthonyshort.me/2012/05/global-typographic-styles-suck  */
.copy {}
	/* @todo: Develop vertical rhythm */
	.copy p { 
		margin: .5em 0;
		font-family:'Sackers Roman W01 Heavy';
		text-transform: lowercase;
	}

	.copy a { 
		color: #4fa86f; 
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: 	all .2s ease-in-out;
		-o-transition: 		all .2s ease-in-out;
		-ms-transition: 	all .2s ease-in-out;
	}
		.copy a:visited { color: #4fa86f; }
		.copy a:hover { color: #973838; }
		.copy a:focus { outline: thin dotted; }
		.copy a:hover, a:active { outline: 0; }
	
	.copy th { font-weight: bold; }
	
	.copy ul, .copy ol { 
		margin-left: 2.5em;	
	}
		.copy ol li { 
			list-style-type: decimal;
			}
		.copy ul li {
			list-style-type:disc;
		}
		
	.copy dl, .copy dd {
	
	}
	.copy h1, .copy h2, .copy h3, .copy h4, .copy h5, .copy h6 {
	}
		/* .h1-.h6 classes are for marking semantically-ordered *headers*, not non-headers. For example,
			an h3 which you want to look like an h2.
			http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/
			 */
		.copy h1, .h1 {
			font-size: 196%;
			text-transform: uppercase;
		}
		.copy h2, .h2 {
			font-size: 350%;
			text-transform: uppercase;
			font-family:'Sackers Roman W01 Heavy';
			text-shadow: 1px 1px 1px rgba(255,255,255,.8);
			padding: .2em 0 .66em 0;
			color: #333333;
			text-transform: lowercase;
		}
		.copy h3, .h3 {
			font-size: 130%;
		}
		.copy h4, .h4 {
			font-size: 123.1%;
		}
		.copy h5, .h5 {
			font-size: 108%;
		}
		.copy h6, .h6 {
			font-size: 108%;
		}
	@media only screen and (max-width: 30em) {
		.copy ul, .copy ol { 
			margin-left: 1em;	
		}		
	}
	

/* == Ancillary ==
	Goes at top of an article, floated to the right of the title  */
.has-ancillary {
	float: left;
}
.ancillary {
	float: left;
}

.ancillary a, 
.ancillary a:visited, 
.ancillary a:active {
	color: #973838 !important;
}

.after-ancillary {
	clear: both;
}


/* == MODIFIERS ========================= */

/* Box spacing */
/* Vertical spacers */
.vertically-separated  {
	margin-top: 1em;
	margin-bottom: 1em;
}
.vertically-padded {
	padding-top: 1em;
	padding-bottom: 1em;
}

.top-separated {
	margin-top: 1em;
}
.top-padded {
	padding-top: 1em;
}

.bottom-separated {
	margin-bottom: 1em;
}
.bottom-padded {
	padding-bottom: 1em;
}



/* == CONTAINERS ========================== */

/* Mobile first */
.container {
	margin: 0 auto;
	max-width: 900px;
	text-align: left;
	padding-right: 2em;
}

.container.centered {
	text-align: center;
}

.main {
	clear: both;
}

.section {
	float: left;
}
	.section.first, .section.full {
		clear: left;
	}
	.section.full, .section.half {
		width: 100%;
	}

.bio_selectors, .bio_selectors li, .copy .bio_selectors {
	margin: 0;
	padding: 0;
}
	.bio_selectors li {
		font-size: 80%;
		/* @todo: Produces 204px, which leaves an extra 4 pixels on the right side. Fix this with a right margin of 1px on all but last. */
		width: 20%;
	}
		.bio_selectors img {
			margin-bottom: .25em;
			opacity: .9;
			width: 100%;
		}
		.bio_selector {
	 		background: rgba(0,0,0,.33); 
			float: left;
			margin-right: 1em;
			padding: .75em;
		}	
		
		.bio_selector_text {
			display: block;
		}
		
		.bio_selectors .selected { /* li */
		}
			.bio_selectors .selected .bio_selector { /* a */
				background: rgba(0,0,0,.5);
				color: #fff;
			}
			.bio_selectors .selected img {
				opacity: 1;
			}
	.bio_selector_text {
		font-family:'Sackers Roman W01 Heavy';
		font-size: 2em;
		line-height: 1em;
		text-transform: lowercase;
		margin-bottom: .5em;
		color: #404040;
	}
		.bio_position {
			font-size: .5em;
			line-height: .75em;
			font-family: 'SackersGothicW01-Medium';
			color: #4c565b;
			text-shadow: 1px 1px 1px rgba(255,255,255,.8);
			text-transform: uppercase;
		}
		
.bios {
	margin-bottom: 1em;
}
	.bio { 
		font-family: 'SackersGothicW01-Light';
		margin-bottom: 2em;
		float: right;
	}
	.bio_header_container {
		float:left;  
		width: 78%;
	}
	.bio_header_container h3 {
		margin-right: .5em;
		padding-bottom: .4em;
	}
	.bio_image {
 		background: rgba(0,0,0,.33); 
		float: left;
		margin-right: 1em;
		padding: .75em;
		width: 19%;
	}	
	.bio_name {

	}
	.bio p {
		font-family:'Octavian W01 Roman';
		font-size: 1.2em;
		line-height: 1.5em;
		text-transform: none;
		margin-bottom: 1em;
		color: #555555;
	}
	
	.bio .more {
		display: none;
	}


.primary_header {
	background: url('../img/pattern/irongrip.png');
	
	background:
		url('../img/rough_header_edge.png') bottom repeat-x,
		url('../img/pattern/irongrip.png') center;
   
	overflow: hidden;
	padding: 7.5em 0 1em 0;
	text-align: center;
}

.primary_footer {

	background: url('../img/pattern/irongrip.png');
	
	background:
		url('../img/rough_footer_edge.png') top repeat-x,
		url('../img/pattern/irongrip.png') center;

	padding: 2em 0 1em 0;
	text-align: center;
	overflow: hidden;
	padding-top: 2em;
}

.primary_footer .section {
	padding-bottom: 1em;
	padding-top: 1em;
}

.primary_footer p {
	font-family: 'SackersGothicW01-Light';
	text-transform: uppercase;
	color: #DCDCDC;
	font-size: 1em;
	line-height: 1.75em;
	padding-bottom: 1em;
}

.primary_footer h2 {
	color: #DCDCDC;
	font-size: 1.5em;
	font-family:'SackersGothicW01-Heavy';
	text-transform: uppercase;
	padding-bottom: .5em;
}

.primary_footer .logo {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.primary_footer .sociallink {
	font-family:'SackersGothicW01-Light';
	color: #dddddd;
	text-transform: uppercase;
	font-size: .77em;
}

.primary_footer .sociallink img {
	margin-bottom: 7px;
	opacity: .8;
}

.primary_footer .copyright {
	margin-top: 2em;
	font-size: 75%;
	color: #777;
}

.primary_footer a {
	text-decoration: underline;
}

.primary_footer a:hover {
	color: #fff;
}


/* == SPECIFIC ========================== */

/*
font-family:'Octavian W01 Italic';
font-family:'Octavian W01 Roman';
font-family:'SackersGothicW01-Heavy';
font-family:'SackersGothicW01-Medium';
font-family:'SackersGothicW01-Light';
font-family:'Sackers Roman W01 Heavy';
font-family:'Sackers Roman W01 Light';
font-family:'SackersScriptW01-Englis';
*/

/* hide the fonts.com badge */
#mti_wfs_colophon {
	display: none !important;
}

a.navlogo {
	padding: 0 !important; 
	margin: 0 !important;
}

.logo {
	text-align: center;
}

.top_text {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#4dffffff',GradientType=0 ); /* IE6-9 */
	
}

.top_text .container {
	font-family: 'SackersGothicW01-Heavy';
 	padding: 2.5em 1.5em 2em;
	text-align: center;
	text-transform: uppercase;
}
	.top_text p {
		color: #3b3b3b;
		font-size: 1.5em;
		line-height: 1.5em;
		padding-bottom: .8em;
	}
	.top_text a {
	}
	

.primary_nav {
/* 	background: rgba(0,0,0,.66); */
	background: rgba(15,15,15,.9);
	float: left;
	font-family: 'SackersGothicW01-Heavy';
	font-weight: bold;
	margin-bottom: 2em;
	position: fixed;
	text-transform: uppercase;
	width: 100%;
}
	.primary_nav:after {
		content: '';
		background: url('../img/rough_primary_nav_edge.png') repeat-x;
/* 		background: red; */
		display: block;
		height: 3px;
		margin-top: 0;
		position: fixed;
		width: 100%;
	}

	/* Temp */
	.primary_nav li {
		float: left;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: 	all .2s ease-in-out;
		-o-transition: 		all .2s ease-in-out;
		-ms-transition: 	all .2s ease-in-out;
	}
		.primary_nav li:hover, .primary_nav .current {
			background-color: rgba(255,255,255,0.2);
			cursor: pointer;
		}
		
			.primary_nav li:hover a, .primary_nav .current a {
				color: rgba(255,255,255,1);
				text-shadow: 1px 1px 2px #222;
			}
			
			.primary_nav li:hover img, .primary_nav .current a {
				opacity: 1;
			}
			
		.primary_nav img {
			opacity: .8;
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: 	all .2s ease-in-out;
			-o-transition: 		all .2s ease-in-out;
			-ms-transition: 	all .2s ease-in-out;
			
		}
		.primary_nav a {
			color: rgba(255,255,255,.66);
			text-shadow: -1px -1px 2px #222;
			display: block;
			font-size: 100%;
			opacity: 1;
			padding: 1em .35em;
			text-align: center;
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: 	all .2s ease-in-out;
			-o-transition: 		all .2s ease-in-out;
			-ms-transition: 	all .2s ease-in-out;
		}
		.primary_nav .home {
			padding: 10px .5em;
		}
				
/*	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
		.primary_nav a { background-image: url('http://trenchermen.com/img/temp_nav_icon2x.png'); background-size: 100%; }
	} */

.vitals {
	text-align: center;
}

	.vitals p {
		margin-bottom: 1.5em;
	}
	.vitals, .vitals a {
		font-family: 'SackersGothicW01-Medium';
		letter-spacing: .15em;
		color: rgba(220,220,220, 1);
		text-transform: uppercase;
	}
	.vitals a {
		text-decoration: underline;
	}
		.vitals a:hover {
			color: #44cc44;
		}

.hours p, .copy .hours p {
	text-transform: uppercase;
	font-family: 'SackersGothicW01-Medium';
	font-size: 1em;
	line-height: 1em;
}

.hours ul {
	margin: 0 0 2em 0;
}

.hours ul li, .copy .hours ul li {
	font-family: 'SackersGothicW01-Light';
	font-size: 1em;
	line-height: 1em;
	text-transform: uppercase;
	margin: 0 0 1em 0;
}

.hours ul li .day, .copy .hours ul li .day {
	font-family: 'SackersGothicW01-Heavy';
}


/* Menus */
.copy .menu_items {
	margin: 0;
	padding: 0;
	clear: left;
}

.copy .menu_items li {
	margin: 0 0 1.2em 0;
	font-family: 'SackersGothicW01-Medium';
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1.8em;
	color: #4c565b;
	text-shadow: 1px 1px 1px rgba(255,255,255,.8);
}

.copy .menu_items li h4 {
	font-size: 1em;
	line-height: 1em;
	font-family: 'SackersGothicW01-Heavy';
	color: #4c565b;
	text-shadow: 1px 1px 1px rgba(255,255,255,.8);
	text-transform: uppercase;
	margin: 3em 0 1.5em 0;
}


.copy .menu_items li.spacer {
	padding-bottom: 2em;
}
	
.item_name {
	color: #404040;
	font-size: 1.4em;
	font-family: 'Sackers Roman W01 Heavy';
	text-transform: lowercase;
	text-shadow: none;
}

.item_name_alt {
	color: #404040;
	font-size: 1.4em;
	font-family: 'SackersGothicW01-Medium';
	text-transform: lowercase;
	text-shadow: none;
}

.main .section {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	
	padding: 1em .75em 1em .75em;
}

	.main .section h3 {
		font-family:'Sackers Roman W01 Heavy';
		font-size: 2em;
		line-height: 1em;
		text-transform: lowercase;
		margin-bottom: .5em;
		color: #404040;
	}
	.main .section h4 {
		font-size: 1em;
		line-height: 1em;
		font-family: 'SackersGothicW01-Medium';
		color: #4c565b;
		text-shadow: 1px 1px 1px rgba(255,255,255,.8);
		text-transform: uppercase;
		margin: 3em 0 1.5em 0;
	}

.anchor_padding {
	height: 2em;
	clear: both;
}

.bodylink {
	font-family: 'SackersGothicW01-Heavy';
	text-transform: uppercase;
	padding: 5px;
}

.bodylink:hover {
	background: #dddddd;
	border-radius: 3px;
}

.pdflink {
	font-size: 85%;
	margin: 2.9em 0 0 1.2em;
}

.jobtitle {
	font-size: 250%;
	font-family:'SackersScriptW01-Englis';
	color: #4c565b;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	font-weight: bold;
	margin: -.15em 0 0 -.17em;
	padding: 0;
}

.biolink {
	font-family: 'SackersGothicW01-Heavy';
	font-size: 70%;
	margin: .5em 0 0 0;
	text-transform: uppercase;
}

.biolink:hover {
	cursor: pointer;
}

.hideme .hide_text { display:none }
.show .hide_text { display:inline; }

.show .show_text { display:none }
.hideme .show_text { display:inline; }


#press ul li img {
	
}



/* == AJAX/TWEAKS/STATE ========================== */
	
@media only screen and (max-width: 25em) { /* changed to 25em because desktop browsers couldn't be shrunk small enough to trigger this query */
	
	.primary_header {
		padding: 7.75em 1em 0 1em;
	}
	
	.primary_header .container {
		padding: 0;
	}
	
	.primary_header .logo {
		width: 90%;
		margin: 0 auto;
	}
	
	.primary_nav {
		padding: 0;
	}
	
	.primary_nav .container {
		margin: 0;
		padding: 0;
	}
	
	.primary_nav ul {
		margin: 0;
	}
	
	.primary_nav ul li {
		padding: 0 1em;
	}
	.primary_nav ul li a {
		font-size: .8em;
	}
	
	.primary_nav .home {
		display: none;
		padding: 5px 7px;
	}
	
	.primary_nav .newline {
		background: green;
	}
	
	.contact_info {
		padding: .5em 0 0 0;
	}
	
	.contact_info div {
		margin: 0 auto;
		padding: .4em 0;
	}
	
	
	/* Last minute tweaks.  MES 7/5/12 */
	.section_title + .ancillary {
		clear: left;
		margin-bottom: .5em;
		margin-left: 0;
		margin-top: -2em;
		padding: 0;
	}
	.bio_image {
		padding: 1em;
/* 		margin-left: 12.5%; */
		width: 75%;
	}
	
	.thumbnails li {
		width: 100%;
	}
	.jobtitle {
		clear: left;
		margin-bottom: .15em;
		margin-top: -.35em;
		line-height: 85%;
	}
	.vlist_mobile li {
		clear: both;
		text-align: center;
		width: 100%;
	}
	.bio_header_container {
		margin-top: 1.25em;
		width: 100%;
	}
	
	.hours ul li, .copy .hours ul li {
		line-height: 1.25em;
	}
	.container {
		padding-right: 0;
	}
	.copy .menu_items li {
		line-height: 1.4em;
	}
}

@media only screen and (min-width: 30em) {
	
	.main {
		padding: 0 1.5em;
	}
/*
	.primary_nav .home {
		padding: 10px 0;
	}
*/
	
	.contact_info {
		margin: 0 auto;
		padding: 1.5em 0 0 0;
		text-align: center;
	}
	
	.contact_info div {
		display: inline;
		padding: 1em;
	}
	
	.main .section {
		padding: 1em 1em 1em 2em;
	}
	.primary_nav a {
		padding: 1.5em 1.25em;
	}
}

@media only screen and (min-width: 48em) {
	
/*
	.primary_nav .home {
		padding: 10px 0;
	}
*/
	
	.contact_info {
		margin: 0 auto;
		padding: 1.5em 0 0 0;
		text-align: center;
	}
	
	.contact_info div {
		display: inline;
		padding: 1em;
	}
	
	.main .section {
		padding: 1em 1em 1em 2em;
	}
	
	.main {
		padding: 0;
		font-size: 1.25em;
	}
	
	.main .container {
		margin: 0 auto;
	}
	
	
	.main .section .full {
		padding: 0 2em;
	}
	
	.section.half {
		float: left;
		width: 50%;
		padding-left: 2.5%;
	}
		.section.half.first {
			padding-left: 0;
			padding-right: 2.5%;
		}
	

}

@media only screen and (min-width: 64em) { /* Change to 900px? */

}




/* ==|== non-semantic helper classes ======================================== */
/* Be careful with image replacement. For SEO reasons, this is preferred syntax: 
	<h1 class="thing"><img src="img/thing.jpg" alt="Thing Text"></h1> */	
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

/* http:// nicolasgallagher.com/micro-clearfix-hack */
.clearfix:before, .clearfix:after, .hlist:before, .hlist:after { content: ""; display: table; }
.clearfix:after, .hlist:after { clear: both; }
.clearfix, .hlist { 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 { 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 {  page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}