/* Containers */
.container_12{ width: 96%; margin-left: 2%; margin-right: 2%; }
.container_12.alpha, .container_12.omega { width: 98%; } .container_12.alpha.omega { width:100%; }

/* Grid >> Global */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12
{ display:inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha { margin-left: 0; } .omega { margin-right: 0; }

/* Grid >> 12 Columns */
.grid_1 { width:6.333%; } .grid_2 { width:14.667%; } .grid_3 { width:23.0%; } .grid_4 { width:31.333%; } .grid_5 { width:39.667%; } .grid_6 { width:48.0%; } .grid_7 { width:56.333%; } .grid_8 { width:64.667%; } .grid_9 { width:73.0%; } .grid_10 { width:81.333%; } .grid_11 { width:89.667%; } .grid_12 { width:98.0%; }
/* Grid >> 12 Columns with left OR right margins */
.grid_1.alpha, .grid_1.omega { width:7.333%; } .grid_2.alpha, .grid_2.omega { width:15.667%; } .grid_3.alpha, .grid_3.omega { width:24.0%; } .grid_4.alpha, .grid_4.omega { width:32.333%; } .grid_5.alpha, .grid_5.omega { width:40.667%; } .grid_6.alpha, .grid_6.omega { width:49.0%; } .grid_7.alpha, .grid_7.omega { width:57.333%; } .grid_8.alpha, .grid_8.omega { width:65.667%; } .grid_9.alpha, .grid_9.omega { width:74.0%; } .grid_10.alpha, .grid_10.omega { width:82.333%; } .grid_11.alpha, .grid_11.omega { width:90.667%; } .grid_12.alpha, .grid_12.omega { width:99.0%; }
/* Grid >> 12 Columns without left AND right margins */
.grid_1.alpha.omega { width:8.333%; } .grid_2.alpha.omega { width:16.667%; } .grid_3.alpha.omega { width:25.0%; } .grid_4.alpha.omega { width:33.333%; } .grid_5.alpha.omega { width:41.667%; } .grid_6.alpha.omega { width:50.0%; } .grid_7.alpha.omega { width:58.333%; } .grid_8.alpha.omega { width:66.667%; } .grid_9.alpha.omega { width:75.0%; } .grid_10.alpha.omega { width:83.333%; } .grid_11.alpha.omega { width:91.667%; } .grid_12.alpha.omega { width:100.0%; }

/* Prefix Extra Space >> 12 Columns */
.prefix_1 { padding-left:8.333%; } .prefix_2 { padding-left:16.667%; } .prefix_3 { padding-left:25.0%; } .prefix_4 { padding-left:33.333%; } .prefix_5 { padding-left:41.667%; } .prefix_6 { padding-left:50.0%; } .prefix_7 { padding-left:58.333%; } .prefix_8 { padding-left:66.667%; } .prefix_9 { padding-left:75.0%; } .prefix_10 { padding-left:83.333%; } .prefix_11 { padding-left:91.667%; }

/* Suffix Extra Space >> 12 Columns */
.suffix_1 { padding-right:8.333%; } .suffix_2 { padding-right:16.667%; } .suffix_3 { padding-right:25.0%; } .suffix_4 { padding-right:33.333%; } .suffix_5 { padding-right:41.667%; } .suffix_6 { padding-right:50.0%; } .suffix_7 { padding-right:58.333%; } .suffix_8 { padding-right:66.667%; } .suffix_9 { padding-right:75.0%; } .suffix_10 { padding-right:83.333%; } .suffix_11 { padding-right:91.667%; }

/* Push Space >> 12 Columns */
.push_1 { left:8.333%; } .push_2 { left:16.667%; } .push_3 { left:25.0%; } .push_4 { left:33.333%; } .push_5 { left:41.667%; } .push_6 { left:50.0%; } .push_7 { left:58.333%; } .push_8 { left:66.667%; } .push_9 { left:75.0%; } .push_10 { left:83.333%; } .push_11 { left:91.667%; }

/* Pull Space >> 12 Columns */
.pull_1 { left:-8.333%; } .pull_2 { left:-16.667%; } .pull_3 { left:-25.0%; } .pull_4 { left:-33.333%; } .pull_5 { left:-41.667%; } .pull_6 { left:-50.0%; } .pull_7 { left:-58.333%; } .pull_8 { left:-66.667%; } .pull_9 { left:-75.0%; } .pull_10 { left:-83.333%; } .pull_11 { left:-91.667%; }

/* Media Queries */
@media (max-width: 680px) {
	/* Generic grid elements */
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:block; float: none; position: static; margin-left: 1%; margin-right: 1%; }
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_1.alpha, .grid_1.omega, .grid_2.alpha, .grid_2.omega, .grid_3.alpha, .grid_3.omega, .grid_4.alpha, .grid_4.omega, .grid_5.alpha, .grid_5.omega, .grid_6.alpha, .grid_6.omega, .grid_7.alpha, .grid_7.omega, .grid_8.alpha, .grid_8.omega, .grid_9.alpha, .grid_9.omega, .grid_10.alpha, .grid_10.omega, .grid_11.alpha, .grid_11.omega, .grid_12.alpha, .grid_12.omega, .grid_1.alpha.omega, .grid_2.alpha.omega, .grid_3.alpha.omega, .grid_4.alpha.omega, .grid_5.alpha.omega, .grid_6.alpha.omega, .grid_7.alpha.omega, .grid_8.alpha.omega, .grid_9.alpha.omega, .grid_10.alpha.omega, .grid_11.alpha.omega, .grid_12.alpha.omega { width:98.0%; margin-left:1%; margin-right:1%; }
     #header-second { visibility: hidden; display:none; }
}

/* Clear Floated Elements */
/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* Common elements */
h1,h2,h3,h4,h5,h6 { margin-bottom: 0.5em; clear:both; }
.hidden { position: absolute; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding:0; margin:0; border:0; }
.alignleft, .alignright, .aligncenter { margin-bottom: 1.625em; }
.alignleft { display: inline; float: left; margin-right: 1.625em; }
.alignright { display: inline; float: right; margin-left: 1.625em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
article, h1#site-title, .page-title, .widget-area aside { padding:20px; }

body { padding: 0; }
#branding, #main, #colophon { margin: 0 auto; max-width: 1000px; }
.fluid-1 #branding, .fluid-1 #main, .fluid-1 #colophon { max-width: none; }
#main { clear: both; overflow:hidden; }

/* Fluid regions */
.fluid-1 #branding, .fluid-1 #main, .fluid-1 #colophon { max-width: none; }