/*  ====================================================================================================

	Responsive 960.gs
	Matt Mcnamee - mcnamee.co
	V1.2 2012
	Based on 960 Grid System - http://960.gs/

	==================================================================================================== */

/* Reset & Basics
====================================================================================================*/

    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; }
    * { text-rendering: optimizeLegibility; font-size: 100%; -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%; }
    html, body { height: 100%; }
    html { font-size : 100%; -webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; overflow-y: scroll; }
    body, button, input, select, textarea { font-family : sans-serif; color : #222; }
    body { margin : 0; font-size : 1em; line-height : 1.4; }
    a { color : #00e; outline : 0; }
    a:hover { color : #06e; }
    abbr[title] { border-bottom : 1px dotted; }
    b, strong { font-weight : bold; }
    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, serif; _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; }
    ul, ol { margin : 0; padding : 0; }
    dd { margin : 0 0 0 40px; }
    nav ul, nav ol { list-style : none; list-style-image : none; margin : 0; padding : 0; }
    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; white-space : normal; }
    button, input, select, textarea { font-size : 100%; margin : 0; vertical-align : baseline; *vertical-align : middle; }
    button, input { line-height : normal; }
    button, input[type="button"], input[type="reset"], input[type="submit"] { cursor : pointer; -webkit-appearance : button; *overflow : visible; }
    button[disabled], input[disabled] { cursor : default; }
    input[type="checkbox"], input[type="radio"] { box-sizing : border-box; padding : 0; *width : 13px; *height : 13px; }
    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, input[type="search"]::-webkit-search-cancel-button { -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; }
    .chromeframe { margin : 0.2em 0; background : #ccc; color : black; padding : 0.2em 0; }
	address { display: block; line-height: 18px; margin-bottom: 18px; }
    ::-moz-selection { background: #DD1251; color: #ffffff; text-shadow: none; }
    ::selection { background: #DD1251; color: #ffffff; text-shadow: none; }
	p img { margin: 0; }
	em { font-style: italic; }
	small { font-size: 80%; }
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }


/* Basic Styles
====================================================================================================*/
	body {
		background: #fff;
		font: 13px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }

	.no_bg { background: none !important; }
	.unbold { font-weight: normal !important; }
    
	.float_right { float: right !important; }
	.float_left { float: left !important; }

	.text_align_center { text-align: center !important; }
    .text_align_right { text-align: right !important; }
    .text_align_left { text-align: left !important; }

/* HTML5 Definitions
====================================================================================================*/

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


/* Images
====================================================================================================*/

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

    body {
      min-width: 1008px;
    }
    
/* Containers
====================================================================================================*/

    .container_24 {
        margin-left: auto;
        margin-right: auto;
        width: 1008px;
    }


/* 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, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
        display:inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
    }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
====================================================================================================*/

	.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16, .push_17, .pull_17, .push_18, .pull_18, .push_19, .pull_19, .push_20, .pull_20, .push_21, .pull_21, .push_22, .pull_22, .push_23, .pull_23, .push_24, .pull_24 {
        position:relative;
    }
    
    .alpha {
        margin-left: 0;
    }
    
    .omega {
        margin-right: 0;
    }

/* Grid >> 24 Columns
====================================================================================================*/

        .container_24 .grid_1     { width: 22px; }
	.container_24 .grid_2     { width: 64px; }
	.container_24 .grid_3     { width: 106px; }
	.container_24 .grid_4     { width: 148px; }
	.container_24 .grid_5     { width: 190px; }
	.container_24 .grid_6     { width: 232px; }
	.container_24 .grid_7     { width: 274px; }
	.container_24 .grid_8     { width: 316px; }
	.container_24 .grid_9     { width: 358px; }
	.container_24 .grid_10    { width: 400px; }
	.container_24 .grid_11    { width: 442px; }
	.container_24 .grid_12    { width: 484px; }
	.container_24 .grid_13    { width: 526px; }
	.container_24 .grid_14    { width: 568px; }
	.container_24 .grid_15    { width: 610px; }
	.container_24 .grid_16    { width: 652px; }
	.container_24 .grid_17    { width: 694px; }
	.container_24 .grid_18    { width: 736px; }
	.container_24 .grid_19    { width: 778px; }
	.container_24 .grid_20    { width: 820px; }
	.container_24 .grid_21    { width: 862px; }
	.container_24 .grid_22    { width: 904px; }
	.container_24 .grid_23    { width: 946px; }
	.container_24 .grid_24    { width: 988px; }
	

/* Prefix Extra Space >> 24 Columns
====================================================================================================*/

        .container_24 .prefix_1     { padding-left: 42px; }
	.container_24 .prefix_2     { padding-left: 84px; }
	.container_24 .prefix_3     { padding-left: 126px; }
	.container_24 .prefix_4     { padding-left: 168px; }
	.container_24 .prefix_5     { padding-left: 210px; }
	.container_24 .prefix_6     { padding-left: 252px; }
	.container_24 .prefix_7     { padding-left: 294px; }
	.container_24 .prefix_8     { padding-left: 336px; }
	.container_24 .prefix_9     { padding-left: 378px; }
	.container_24 .prefix_10    { padding-left: 420px; }
	.container_24 .prefix_11    { padding-left: 462px; }
	.container_24 .prefix_12    { padding-left: 504px; }
	.container_24 .prefix_13    { padding-left: 546px; }
	.container_24 .prefix_14    { padding-left: 588px; }
	.container_24 .prefix_15    { padding-left: 630px; }
	.container_24 .prefix_16    { padding-left: 672px; }
	.container_24 .prefix_17    { padding-left: 714px; }
	.container_24 .prefix_18    { padding-left: 756px; }
	.container_24 .prefix_19    { padding-left: 798px; }
	.container_24 .prefix_20    { padding-left: 840px; }
	.container_24 .prefix_21    { padding-left: 882px; }
	.container_24 .prefix_22    { padding-left: 924px; }
	.container_24 .prefix_23    { padding-left: 966px; }
	.container_24 .prefix_24    { padding-left: 1008px; }
	

/* Suffix Extra Space >> 24 Columns
====================================================================================================*/

        .container_24 .suffix_1     { padding-right: 42px; }
	.container_24 .suffix_2     { padding-right: 84px; }
	.container_24 .suffix_3     { padding-right: 126px; }
	.container_24 .suffix_4     { padding-right: 168px; }
	.container_24 .suffix_5     { padding-right: 210px; }
	.container_24 .suffix_6     { padding-right: 252px; }
	.container_24 .suffix_7     { padding-right: 294px; }
	.container_24 .suffix_8     { padding-right: 336px; }
	.container_24 .suffix_9     { padding-right: 378px; }
	.container_24 .suffix_10    { padding-right: 420px; }
	.container_24 .suffix_11    { padding-right: 462px; }
	.container_24 .suffix_12    { padding-right: 504px; }
	.container_24 .suffix_13    { padding-right: 546px; }
	.container_24 .suffix_14    { padding-right: 588px; }
	.container_24 .suffix_15    { padding-right: 630px; }
	.container_24 .suffix_16    { padding-right: 672px; }
	.container_24 .suffix_17    { padding-right: 714px; }
	.container_24 .suffix_18    { padding-right: 756px; }
	.container_24 .suffix_19    { padding-right: 798px; }
	.container_24 .suffix_20    { padding-right: 840px; }
	.container_24 .suffix_21    { padding-right: 882px; }
	.container_24 .suffix_22    { padding-right: 924px; }
	.container_24 .suffix_23    { padding-right: 966px; }
	.container_24 .suffix_24    { padding-right: 1008px; }
	

/* Push Space >> 24 Columns
====================================================================================================*/

        .container_24 .push_1     { left: 42px; }
	.container_24 .push_2     { left: 84px; }
	.container_24 .push_3     { left: 126px; }
	.container_24 .push_4     { left: 168px; }
	.container_24 .push_5     { left: 210px; }
	.container_24 .push_6     { left: 252px; }
	.container_24 .push_7     { left: 294px; }
	.container_24 .push_8     { left: 336px; }
	.container_24 .push_9     { left: 378px; }
	.container_24 .push_10    { left: 420px; }
	.container_24 .push_11    { left: 462px; }
	.container_24 .push_12    { left: 504px; }
	.container_24 .push_13    { left: 546px; }
	.container_24 .push_14    { left: 588px; }
	.container_24 .push_15    { left: 630px; }
	.container_24 .push_16    { left: 672px; }
	.container_24 .push_17    { left: 714px; }
	.container_24 .push_18    { left: 756px; }
	.container_24 .push_19    { left: 798px; }
	.container_24 .push_20    { left: 840px; }
	.container_24 .push_21    { left: 882px; }
	.container_24 .push_22    { left: 924px; }
	.container_24 .push_23    { left: 966px; }
	.container_24 .push_24    { left: 1008px; }
	

/* Pull Space >> 24 Columns
====================================================================================================*/

        .container_24 .pull_1     { left: -42px; }
	.container_24 .pull_2     { left: -84px; }
	.container_24 .pull_3     { left: -126px; }
	.container_24 .pull_4     { left: -168px; }
	.container_24 .pull_5     { left: -210px; }
	.container_24 .pull_6     { left: -252px; }
	.container_24 .pull_7     { left: -294px; }
	.container_24 .pull_8     { left: -336px; }
	.container_24 .pull_9     { left: -378px; }
	.container_24 .pull_10    { left: -420px; }
	.container_24 .pull_11    { left: -462px; }
	.container_24 .pull_12    { left: -504px; }
	.container_24 .pull_13    { left: -546px; }
	.container_24 .pull_14    { left: -588px; }
	.container_24 .pull_15    { left: -630px; }
	.container_24 .pull_16    { left: -672px; }
	.container_24 .pull_17    { left: -714px; }
	.container_24 .pull_18    { left: -756px; }
	.container_24 .pull_19    { left: -798px; }
	.container_24 .pull_20    { left: -840px; }
	.container_24 .pull_21    { left: -882px; }
	.container_24 .pull_22    { left: -924px; }
	.container_24 .pull_23    { left: -966px; }
	.container_24 .pull_24    { left: -1008px; }
	
/* Clear Floated Elements
====================================================================================================*/

    /* http://sonspring.com/journal/clearing-floats */
    
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
    
    /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
    
    .clearfix:before,
    .clearfix:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
    
    .clearfix:after {
      clear: both;
    }
    
    /*
      The following zoom:1 rule is specifically for IE6 + IE7.
      Move to separate stylesheet if invalid CSS is a problem.
    */
    
    .clearfix {
      zoom: 1;
    }


/* Pure Percentage Grid
====================================================================================================*/

    .full, .half,
    .third, .twoThirds,
    .forth, .twoForths, .threeForths,
    .fifth, .twoFifths, .threeFifths, .fourFifths,
    .sixth,
    .seventh,
    .eighth {
        float:left;
    }
    
    .full 											{ width: 100%; }
    .half 											{ width: 50%; }
    .third, .twoThirds 								{ width: 33%; }
        .twoThirds 									{ width: 66%; }
    .forth, .twoForths, .threeForths 				{ width: 25%; }
        .twoForths 									{ width: 50%; }
        .threeForths 								{ width: 75%; }
    .fifth, .twoFifths, .threeFifths,
    .fourFifths 									{ width: 20%; }
        .twoFifths 									{ width: 40%; }
        .threeFifths 								{ width: 60%; }
        .fourFifths 								{ width: 80%; }
    .sixth					 						{ width: 16.6%; }
    .seventh 										{ width: 14.2%; }
    .eighth 										{ width: 12.5%; }


/* Hide/Show
====================================================================================================*/

    .hidden 									{	display: none;  visibility: hidden; }
    .visible-phone 								{	display: none; }
    .visible-tablet 							{	display: none; }
    .visible-desktop 							{	display: block; }
    .hidden-phone 								{	display: block; }
    .hidden-tablet 								{ 	display: block; }
    .hidden-desktop								{	display: none; }



/*  #Print
====================================================================================================*/

	@media print {
	  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster */
	  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: ""; }  /* Don't show links for images, or javascript/internal links */
	  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	  thead { display: table-header-group; }
	  tr, img { page-break-inside: avoid; }
	  img { max-width: 100% !important; }
	  p, h2, h3 { orphans: 3; widows: 3; }
	  h2, h3 { page-break-after: avoid; }
	}