/*********************************************************************************************************
 *  @GarySwanepoel
 *  www.itbusiness.com.au
 *  
 *  GRID Sheet Version: 1.0 Beta
 ********************************************************************************************************/


/* Nomalizes
 */
    *,
    *:before,
    *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
    
/* Clears
 * 	.row|.clearfix|.*container*
 * 	.clear
 */
    .row:before,
    .cf:before,
    [class*="container"]:before,
    .row:after,
    .cl:after,
    [class*="container"]:after { content: " "; display: table; }
    .row:after,
    .cf:after,
    [class*="container"]:after { clear: both; }
    .clear { clear: both}

/* DEV
 */
    .dev [class*="span"] { background: rgba(0,0,255,.2)}
/* Grid Layout
 * 		480/600/	768/	992/		1382
 * Foundation 			768/		1280/		1440
 * Bootstrap 	480/		768/	980/	1200
 */

    [class^="container"],
    [class*=" container"] { margin:0 auto; width:100%; *zoom: 1;}
    
    div {min-height: 1.5em; } /*TODO: Check */

    /*Grid Layout */
    
	[class*="span"] {display: block}
	
    /* Tile Layout */
    .tile { height: 0; margin-top:1.5em; overflow: hidden; padding-bottom:100%; position: relative; }
    
/*480*/    
    @media only screen and (max-width: 480px) {
	
    }

/*768*/
    @media only screen and (min-width: 768px) {
	/* TODO: Update
	/* Grid Layout */
	    [class*="span"] [class*="span"].first,
	    [class*="span"] [class*="span"].pull { margin-left:0; clear: both; }
	    [class*="span"] [class*="span"].last,
	    [class*="span"] [class*="span"].push { margin-right:0;}
	    
	    .end+* { clear:left;}
	    
	    .span1 {width: 5.833333333%}
	    .span2 {width: 14.16666667%}
	    .span3 {width: 22.5%} 
	    .span4 {width: 30.83333333%;}	
	    .span5 {width: 39.16666667%;}
	    .span6 {width: 47.5%;}
	    .span7 {width: 55.83333333%;}
	    .span8 {width: 64.16666667%;}
	    .span9 {width: 72.5%;}
	    .span10 {width: 80.83333333%;}
	    .span11 {width: 89.16666667%;}
	    .span12 {width: 97.5%;}
	    [class*="span"] { margin:auto 1.25%; float: left;}
	    [class*="span"] .span12 {margin-left:0; margin-right: 0}
    
	    .span12 .span1 {width: 5.982905983%;}
	    .span12 .span2 {width: 14.52991453%;}
	    .span12 .span3 {width: 23.07692308%;}
	    .span12 .span4 {width: 31.62393162%;}	
	    .span12 .span5 {width: 40.17094017%;}
	    .span12 .span6 {width: 48.71794872%;}
	    .span12 .span7 {width: 57.26495726%;}
	    .span12 .span8 {width: 65.81196581%;}
	    .span12 .span9 {width: 74.35897436%;}
	    .span12 .span10 {width: 82.90598291%;}
	    .span12 .span11 {width: 91.45299145%;}
	    .span12 .span12 {width: 100%;}
	    .span12 [class*="span"]{ margin:auto 1.282051282% }
    
	    .span11 .span1 {width: 6.542056075%;}
	    .span11 .span2 {width: 15.88785047%;}
	    .span11 .span3 {width: 25.23364486%;}
	    .span11 .span4 {width: 34.57943925%;}	
	    .span11 .span5 {width: 43.92523364%;}
	    .span11 .span6 {width: 53.27102804%;}
	    .span11 .span7 {width: 62.61682243%;}
	    .span11 .span8 {width: 71.96261682%;}
	    .span11 .span9 {width: 81.30841121%;}
	    .span11 .span10 {width: 90.65420561%;}
	    .span11 .span11 {width: 100%;}
	    .span11 [class*="span"]{ margin:auto 1.401869159% }
    
	    .span10 .span1 {width: 7.216494845%;}
	    .span10 .span2 {width: 17.5257732%;}
	    .span10 .span3 {width: 27.83505155%;}
	    .span10 .span4 {width: 38.1443299%;}	
	    .span10 .span5 {width: 48.45360825%;}
	    .span10 .span6 {width: 58.7628866%;}
	    .span10 .span7 {width: 69.07216495%;}
	    .span10 .span8 {width: 79.3814433%;}
	    .span10 .span9 {width: 89.69072165%;}
	    .span10 .span10 {width: 100%;}
	    .span10 [class*="span"]{ margin:auto 1.546391753% }
    
	    .span9 .span1 {width: 8.045977011%;}
	    .span9 .span2 {width: 19.54022989%;}
	    .span9 .span3 {width: 31.03448276%;}	
	    .span9 .span4 {width: 42.52873563%;}
	    .span9 .span5 {width: 54.02298851%;}
	    .span9 .span6 {width: 65.51724138%;}
	    .span9 .span7 {width: 77.01149425%;}
	    .span9 .span8 {width: 88.50574713%;}
	    .span9 .span9 {width: 100%;}
	    .span9 [class*="span"]{ margin:auto 1.724137931% }
    
	    .span8 .span1 {width: 9.090909091%;}
	    .span8 .span2 {width: 22.07792208%;}
	    .span8 .span3 {width: 35.06493506%;}	
	    .span8 .span4 {width: 48.05194805%;}
	    .span8 .span5 {width: 61.03896104%;}
	    .span8 .span6 {width: 74.02597403%;}
	    .span8 .span7 {width: 87.01298701%;}
	    .span8 .span8 {width: 100%;}
	    .span8 [class*="span"]{ margin:auto 1.948051948% }
    
	    .span7 .span1 {width: 10.44776119%;}
	    .span7 .span2 {width: 25.37313433%;}
	    .span7 .span3 {width: 40.29850746%;}	
	    .span7 .span4 {width: 55.2238806%;}
	    .span7 .span5 {width: 70.14925373%;}
	    .span7 .span6 {width: 85.07462687%;}
	    .span7 .span7 {width: 100%;}
	    .span7 [class*="span"]{ margin:auto 2.23880597%;}
    
	    .span6 .span1 {width: 12.28070175%;}
	    .span6 .span2 {width: 29.8245614%;}
	    .span6 .span3 {width: 47.36842105%;}	
	    .span6 .span4 {width: 64.9122807%;}
	    .span6 .span5 {width: 82.45614035%;}
	    .span6 .span6 {width: 100%;}
	    .span6 [class*="span"]{ margin:auto 2.631578947%;}
    
	    .span5 .span1 {width: 14.89361702%;}
	    .span5 .span2 {width: 36.17021277%;}
	    .span5 .span3 {width: 57.44680851%;}	
	    .span5 .span4 {width: 78.72340426%;}
	    .span5 .span5 {width: 100%;}
	    .span5 [class*="span"]{ margin:auto 3.191489362%;}
    
	    .span4 .span1 {width: 18.91891892%;}
	    .span4 .span2 {width: 45.94594595%;}
	    .span4 .span3 {width: 72.97297297%;}	
	    .span4 .span4 {width: 100%;}
	    .span4 [class*="span"]{ margin:auto 4.054054054%;}	
	    
	    .span3 .span1 {width: 25.92592593%;}
	    .span3 .span2 {width: 62.96296296%;}
	    .span3 .span3 {width: 100%;}
	    .span3 [class*="span"]{ margin:auto 5.555555556%;}
	    
	    .span2 .span1 {width: 41.17647059%;}
	    .span2 .span2 {width: 100%;}
	    .span2 [class*="span"]{ margin:auto 5.555555556%;}
	    
	    .span1 .span1 {width: 100%;}
	    .span1 [class*="span"]{ margin:0;}
	    
	/* Grid Restart */
	    [class*="span"].span12 .span12 { width:100%; margin-left:0; margin-right:0;} /*TODO: Test */
    
	/* Tile Layout
	 * Nesting not available
	 */
	    .tile { margin-top:1.5em;}
	    .tile.span1 {padding-bottom: 5.833333333%;}
	    .tile.span2 {padding-bottom: 14.16666667%;}
	    .tile.span3 {padding-bottom: 22.5%;}
	    .tile.span4 {padding-bottom: 30.83333333%;}	
	    .tile.span5 {padding-bottom: 39.16666667%;}
	    .tile.span6 {padding-bottom: 47.5%;}
	    .tile.span7 {padding-bottom: 55.83333333%;}
	    .tile.span8 {padding-bottom: 64.16666667%;}
	    .tile.span9 {padding-bottom: 72.5%;}
	    .tile.span10 {padding-bottom: 80.83333333%;}
	    .tile.span11 {padding-bottom: 89.16666667%;}
	    .tile.span12 {padding-bottom: 97.5%;}
    }
    
/*600px**/
    @media only screen and (min-width: 600px) { 
	.dev body {border-color: orange}
    }
/*768px**/
    @media only screen and (min-width: 768px) {
	.dev body {border-color: yellow}
    }
/*992px**/
    @media only screen and (min-width: 992px) {
	.dev body {border-color: green}	
	
	[class^=container],
	[class*=" container"] { max-width:1280px;} /*max-width:1170px;/1140*/
    }
/*1382px**/
    @media only screen and (min-width: 1382px) {
	.dev body {border-color: blue}

    }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
      /* 2x =================================================== */
    
    }

    @media only screen and (orientation: landscape) {}
    
    @media only screen and (orientation: portrait) {}
    
    /* We also use Modernizr to add a .touch class to the body when applicable */
    /* You can prepend this class to anything and it will style only for touch devices */
    .touch .your-element {}
    
    
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/

/* TILES
 */
	/*.tile { height: 0; margin-top:1.5em; overflow: hidden; padding-bottom:100%; position: relative; }
	
	.tile.span-1 {padding-bottom: 6.25%;}
	.tile.span-2 {padding-bottom: 14.58333333%;}
	.tile.span-3 {padding-bottom: 22.91666667%;}
	.tile.span-4 {padding-bottom: 31.25%;}	
	.tile.span-5 {padding-bottom: 39.58333333%;}
	.tile.span-6 {padding-bottom: 47.91666667%;}
	.tile.span-7 {padding-bottom: 56.25%;}
	.tile.span-8 {padding-bottom: 64.58333333%;}
	.tile.span-9 {padding-bottom: 72.91666667%;}
	.tile.span-10 {padding-bottom: 81.25%;}
	.tile.span-11 {padding-bottom: 89.58333333%;}
	.tile.span-12 {padding-bottom: 97.91666667%;}
	
	.span-12 .tile.span-1 {padding-bottom: 6.382978723%;}
	.span-12 .tile.span-2 {padding-bottom: 14.89361702%;}
	.span-12 .tile.span-3 {padding-bottom: 23.40425532%;}
	.span-12 .tile.span-4 {padding-bottom: 31.91489362%;}	
	.span-12 .tile.span-5 {padding-bottom: 40.42553191%;}
	.span-12 .tile.span-6 {padding-bottom: 48.93617021%;}
	.span-12 .tile.span-7 {padding-bottom: 57.44680851%;}
	.span-12 .tile.span-8 {padding-bottom: 65.95744681%;}
	.span-12 .tile.span-9 {padding-bottom: 74.46808511%;}
	.span-12 .tile.span-10 {padding-bottom: 82.9787234%;}
	.span-12 .tile.span-11 {padding-bottom: 91.4893617%;}
	.span-12 .tile.span-12 {padding-bottom: 100%;}
	
	.span-11 .tile.span-1 {padding-bottom: 6.976744186%;}
	.span-11 .tile.span-2 {padding-bottom: 16.27906977%;}
	.span-11 .tile.span-3 {padding-bottom: 25.58139535%;}
	.span-11 .tile.span-4 {padding-bottom: 34.88372093%;}	
	.span-11 .tile.span-5 {padding-bottom: 44.18604651%;}
	.span-11 .tile.span-6 {padding-bottom: 53.48837209%;}
	.span-11 .tile.span-7 {padding-bottom: 62.79069767%;}
	.span-11 .tile.span-8 {padding-bottom: 72.09302326%;}
	.span-11 .tile.span-9 {padding-bottom: 81.39534884%;}
	.span-11 .tile.span-10 {padding-bottom: 90.69767442%;}
	.span-11 .tile.span-11 {padding-bottom: 100%;}
	
	.span-10 .tile.span-1 {padding-bottom: 7.692307692%;}
	.span-10 .tile.span-2 {padding-bottom: 17.94871795%;}
	.span-10 .tile.span-3 {padding-bottom: 28.20512821%;}
	.span-10 .tile.span-4 {padding-bottom: 38.46153846%;}	
	.span-10 .tile.span-5 {padding-bottom: 48.71794872%;}
	.span-10 .tile.span-6 {padding-bottom: 58.97435897%;}
	.span-10 .tile.span-7 {padding-bottom: 69.23076923%;}
	.span-10 .tile.span-8 {padding-bottom: 79.48717949%;}
	.span-10 .tile.span-9 {padding-bottom: 89.74358974%;}
	.span-10 .tile.span-10 {padding-bottom: 100%;}
	
	.span-9 .tile.span-1 {padding-bottom: 8.571428571%;}
	.span-9 .tile.span-2 {padding-bottom: 20%;}
	.span-9 .tile.span-3 {padding-bottom: 31.42857143%;}	
	.span-9 .tile.span-4 {padding-bottom: 42.85714286%;}
	.span-9 .tile.span-5 {padding-bottom: 54.28571429%;}
	.span-9 .tile.span-6 {padding-bottom: 65.71428571%;}
	.span-9 .tile.span-7 {padding-bottom: 77.14285714%;}
	.span-9 .tile.span-8 {padding-bottom: 88.57142857%;}
	.span-9 .tile.span-9 {padding-bottom: 100%;}
	
	.span-8 .tile.span-1 {padding-bottom: 9.677419355%;}
	.span-8 .tile.span-2 {padding-bottom: 22.58064516%;}
	.span-8 .tile.span-3 {padding-bottom: 35.48387097%;}	
	.span-8 .tile.span-4 {padding-bottom: 48.38709677%;}
	.span-8 .tile.span-5 {padding-bottom: 61.29032258%;}
	.span-8 .tile.span-6 {padding-bottom: 74.19354839%;}
	.span-8 .tile.span-7 {padding-bottom: 87.09677419%;}
	.span-8 .tile.span-8 {padding-bottom: 100%;}
	
	.span-7 .tile.span-1 {padding-bottom: 11.11111111%;}
	.span-7 .tile.span-2 {padding-bottom: 25.92592593%;}
	.span-7 .tile.span-3 {padding-bottom: 40.74074074%;}	
	.span-7 .tile.span-4 {padding-bottom: 55.55555556%;}
	.span-7 .tile.span-5 {padding-bottom: 70.37037037%;}
	.span-7 .tile.span-6 {padding-bottom: 85.18518519%;}
	.span-7 .tile.span-7 {padding-bottom: 100%;}
	
	.span-6 .tile.span-1 {padding-bottom: 13.04347826%;}
	.span-6 .tile.span-2 {padding-bottom: 30.43478261%;}
	.span-6 .tile.span-3 {padding-bottom: 47.82608696%;}	
	.span-6 .tile.span-4 {padding-bottom: 65.2173913%;}
	.span-6 .tile.span-5 {padding-bottom: 82.60869565%;}
	.span-6 .tile.span-6 {padding-bottom: 100%;}
	
	.span-5 .tile.span-1 {padding-bottom: 15.78947368%;}
	.span-5 .tile.span-2 {padding-bottom: 36.84210526%;}
	.span-5 .tile.span-3 {padding-bottom: 57.89473684%;}	
	.span-5 .tile.span-4 {padding-bottom: 78.94736842%;}
	.span-5 .tile.span-5 {padding-bottom: 100%;}
	

	.span-4 .tile.span-1 {padding-bottom: 20%;}
	.span-4 .tile.span-2 {padding-bottom: 46.66666667%;}
	.span-4 .tile.span-3 {padding-bottom: 73.33333333%;}	
	.span-4 .tile.span-4 {padding-bottom: 100%;}
	
	
	.span-3 .tile.span-1 {padding-bottom: 27.27272727%;}
	.span-3 .tile.span-2 {padding-bottom: 63.63636364%;}
	.span-3 .tile.span-3 {padding-bottom: 100%;}
	
	
	.span-2 .tile.span-1 {padding-bottom: 42.85714286%;}
	.span-2 .tile.span-2 {padding-bottom: 100%;}
	*/
	
/* Column Configuration (Span by Fraction)
 * NOTE: Box-sizing applies.
 * TODO: Check margin specifity
 * 
----------------------------------------------------------------------------------------------------*/
	/*.span-half,
	.span-3rd,
	.span-4th,
	.span-5th,
	.span-6th { margin-left:0; margin-right:0;}
	.span-half { width: 50%;}
	.span-3rd { width: 33.333333333333333%;}
	.span-4th { width: 25%;}
	.span-5th { width: 20%}
	.span-6th { width: 16.666666666666667%}*/
	

/* Pull and Push
 * TODO: Add Missing Left Margin
 * TODO: Cleanup duplicate Margin Calls
----------------------------------------------------------------------------------------------------*/

	/*[class*="span-"].pull {margin-left:0px;}
	[class*="span-"].push { margin-right:0px;}
	/*
	.span-3.pull,.span-3.push { width: 230px;}
	.span-9.pull, .span-9.push { width: 710px;}	
	.span-12.pull.push { margin-left:0; margin-right:0; width: 960px; }
	*/
	
	
	/*[class*="push-"], [class*="pull-"] { position: relative;}
	
	.push-1 {margin-left: 6.25%;}
	.push-2 {margin-left: 14.58333333%;}
	.push-3 {margin-left: 22.91666667%;}
	.push-4 {margin-left: 31.25%;}	
	.push-5 {margin-left: 39.58333333%;}
	.push-6 {margin-left: 47.91666667%;}
	.push-7 {margin-left: 56.25%;}
	.push-8 {margin-left: 64.58333333%;}
	.push-9 {margin-left: 72.91666667%;}
	.push-10 {margin-left: 81.25%;}
	.push-11 {margin-left: 89.58333333%;}
	/*.push-12 {margin-left: 97.91666667%;}*/
	
	/*.span-12 [class*="span-"]{ margin: 0 1.063829787% }
	.span-12 .push-1 {margin-left: 6.382978723%;}
	.span-12 .push-2 {margin-left: 14.89361702%;}
	.span-12 .push-3 {margin-left: 23.40425532%;}
	.span-12 .push-4 {margin-left: 31.91489362%;}	
	.span-12 .push-5 {margin-left: 40.42553191%;}
	.span-12 .push-6 {margin-left: 48.93617021%;}
	.span-12 .push-7 {margin-left: 57.44680851%;}
	.span-12 .push-8 {margin-left: 65.95744681%;}
	.span-12 .push-9 {margin-left: 74.46808511%;}
	.span-12 .push-10 {margin-left: 82.9787234%;}
	.span-12 .push-11 {margin-left: 91.4893617%;}
	.span-12 .push-12 {margin-left: 100%;}
	
	.span-11 [class*="span-"]{ margin: 0 1.162790698% }
	.span-11 .push-1 {margin-left: 6.976744186%;}
	.span-11 .push-2 {margin-left: 16.27906977%;}
	.span-11 .push-3 {margin-left: 25.58139535%;}
	.span-11 .push-4 {margin-left: 34.88372093%;}	
	.span-11 .push-5 {margin-left: 44.18604651%;}
	.span-11 .push-6 {margin-left: 53.48837209%;}
	.span-11 .push-7 {margin-left: 62.79069767%;}
	.span-11 .push-8 {margin-left: 72.09302326%;}
	.span-11 .push-9 {margin-left: 81.39534884%;}
	.span-11 .push-10 {margin-left: 90.69767442%;}
	.span-11 .push-11 {margin-left: 100%;}
	
	.span-10 [class*="span-"]{ margin: 0 1.282051282% }
	.span-10 .push-1 {margin-left: 7.692307692%;}
	.span-10 .push-2 {margin-left: 17.94871795%;}
	.span-10 .push-3 {margin-left: 28.20512821%;}
	.span-10 .push-4 {margin-left: 38.46153846%;}	
	.span-10 .push-5 {margin-left: 48.71794872%;}
	.span-10 .push-6 {margin-left: 58.97435897%;}
	.span-10 .push-7 {margin-left: 69.23076923%;}
	.span-10 .push-8 {margin-left: 79.48717949%;}
	.span-10 .push-9 {margin-left: 89.74358974%;}
	.span-10 .push-10 {margin-left: 100%;}
	
	.span-9 [class*="span-"]{ margin: 0 1.428571429% }
	.span-9 .push-1 {margin-left: 8.571428571%;}
	.span-9 .push-2 {margin-left: 20%;}
	.span-9 .push-3 {margin-left: 31.42857143%;}	
	.span-9 .push-4 {margin-left: 42.85714286%;}
	.span-9 .push-5 {margin-left: 54.28571429%;}
	.span-9 .push-6 {margin-left: 65.71428571%;}
	.span-9 .push-7 {margin-left: 77.14285714%;}
	.span-9 .push-8 {margin-left: 88.57142857%;}
	.span-9 .push-9 {margin-left: 100%;}
	
	.span-8 [class*="span-"]{ margin: 0 1.612903226% }
	.span-8 .push-1 {margin-left: 9.677419355%;}
	.span-8 .push-2 {margin-left: 22.58064516%;}
	.span-8 .push-3 {margin-left: 35.48387097%;}	
	.span-8 .push-4 {margin-left: 48.38709677%;}
	.span-8 .push-5 {margin-left: 61.29032258%;}
	.span-8 .push-6 {margin-left: 74.19354839%;}
	.span-8 .push-7 {margin-left: 87.09677419%;}
	.span-8 .push-8 {margin-left: 100%;}
	
	.span-7 [class*="span-"]{ margin: 0 1.851851852%;}
	.span-7 .push-1 {margin-left: 11.11111111%;}
	.span-7 .push-2 {margin-left: 25.92592593%;}
	.span-7 .push-3 {margin-left: 40.74074074%;}	
	.span-7 .push-4 {margin-left: 55.55555556%;}
	.span-7 .push-5 {margin-left: 70.37037037%;}
	.span-7 .push-6 {margin-left: 85.18518519%;}
	.span-7 .push-7 {margin-left: 100%;}
	
	.span-6 [class*="span-"]{ margin: 0 2.173913043%;}
	.span-6 .push-1 {margin-left: 13.04347826%;}
	.span-6 .push-2 {margin-left: 30.43478261%;}
	.span-6 .push-3 {margin-left: 47.82608696%;}	
	.span-6 .push-4 {margin-left: 65.2173913%;}
	.span-6 .push-5 {margin-left: 82.60869565%;}
	.span-6 .push-6 {margin-left: 100%;}
	
	.span-5 [class*="span-"]{ margin: 0 2.631578947%;}
	.span-5 .push-1 {margin-left: 15.78947368%;}
	.span-5 .push-2 {margin-left: 36.84210526%;}
	.span-5 .push-3 {margin-left: 57.89473684%;}	
	.span-5 .push-4 {margin-left: 78.94736842%;}
	.span-5 .push-5 {margin-left: 100%;}
	
	.span-4 [class*="span-"]{ margin: 0 3.333333333%;}	
	.span-4 .push-1 {margin-left: 20%;}
	.span-4 .push-2 {margin-left: 46.66666667%;}
	.span-4 .push-3 {margin-left: 73.33333333%;}	
	.span-4 .push-4 {margin-left: 100%;}
	
	.span-3 [class*="span-"]{ margin: 0 4.545454545%;}
	.span-3 .push-1 {margin-left: 27.27272727%;}
	.span-3 .push-2 {margin-left: 63.63636364%;}
	.span-3 .push-3 {margin-left: 100%;}
	
	.span-2 [class*="span-"]{ margin: 0 7.142857143%;}
	.span-2 .push-1 {margin-left: 42.85714286%;}
	.span-2 .push-2 {margin-left: 100%;}

	.pull-1 {margin-left: -6.25%;}
	.pull-2 {margin-left: -14.58333333%;}
	.pull-3 {margin-left: -22.91666667%;}
	.pull-4 {margin-left: -31.25%;}	
	.pull-5 {margin-left: -39.58333333%;}
	.pull-6 {margin-left: -47.91666667%;}
	.pull-7 {margin-left: -56.25%;}
	.pull-8 {margin-left: -64.58333333%;}
	.pull-9 {margin-left: -72.91666667%;}
	.pull-10 {margin-left: -81.25%;}
	.pull-11 {margin-left: -89.58333333%;}
	.pull-12 {margin-left: -97.91666667%;}
	
	
	.span-12 .pull-1 {margin-left: -6.382978723%;}
	.span-12 .pull-2 {margin-left: -14.89361702%;}
	.span-12 .pull-3 {margin-left: -23.40425532%;}
	.span-12 .pull-4 {margin-left: -31.91489362%;}	
	.span-12 .pull-5 {margin-left: -40.42553191%;}
	.span-12 .pull-6 {margin-left: -48.93617021%;}
	.span-12 .pull-7 {margin-left: -57.44680851%;}
	.span-12 .pull-8 {margin-left: -65.95744681%;}
	.span-12 .pull-9 {margin-left: -74.46808511%;}
	.span-12 .pull-10 {margin-left: -82.9787234%;}
	.span-12 .pull-11 {margin-left: -91.4893617%;}
	.span-12 .pull-12 {margin-left: -100%;}
	
	
	.span-11 .pull-1 {margin-left: -6.976744186%;}
	.span-11 .pull-2 {margin-left: -16.27906977%;}
	.span-11 .pull-3 {margin-left: -25.58139535%;}
	.span-11 .pull-4 {margin-left: -34.88372093%;}	
	.span-11 .pull-5 {margin-left: -44.18604651%;}
	.span-11 .pull-6 {margin-left: -53.48837209%;}
	.span-11 .pull-7 {margin-left: -62.79069767%;}
	.span-11 .pull-8 {margin-left: -72.09302326%;}
	.span-11 .pull-9 {margin-left: -81.39534884%;}
	.span-11 .pull-10 {margin-left: -90.69767442%;}
	.span-11 .pull-11 {margin-left: -100%;}
	
	
	.span-10 .pull-1 {margin-left: -7.692307692%;}
	.span-10 .pull-2 {margin-left: -17.94871795%;}
	.span-10 .pull-3 {margin-left: -28.20512821%;}
	.span-10 .pull-4 {margin-left: -38.46153846%;}	
	.span-10 .pull-5 {margin-left: -48.71794872%;}
	.span-10 .pull-6 {margin-left: -58.97435897%;}
	.span-10 .pull-7 {margin-left: -69.23076923%;}
	.span-10 .pull-8 {margin-left: -79.48717949%;}
	.span-10 .pull-9 {margin-left: -89.74358974%;}
	.span-10 .pull-10 {margin-left: -100%;}
	
	
	.span-9 .pull-1 {margin-left: -8.571428571%;}
	.span-9 .pull-2 {margin-left: -20%;}
	.span-9 .pull-3 {margin-left: -31.42857143%;}	
	.span-9 .pull-4 {margin-left: -42.85714286%;}
	.span-9 .pull-5 {margin-left: -54.28571429%;}
	.span-9 .pull-6 {margin-left: -65.71428571%;}
	.span-9 .pull-7 {margin-left: -77.14285714%;}
	.span-9 .pull-8 {margin-left: -88.57142857%;}
	.span-9 .pull-9 {margin-left: -100%;}
	
	
	.span-8 .pull-1 {margin-left: -9.677419355%;}
	.span-8 .pull-2 {margin-left: -22.58064516%;}
	.span-8 .pull-3 {margin-left: -35.48387097%;}	
	.span-8 .pull-4 {margin-left: -48.38709677%;}
	.span-8 .pull-5 {margin-left: -61.29032258%;}
	.span-8 .pull-6 {margin-left: -74.19354839%;}
	.span-8 .pull-7 {margin-left: -87.09677419%;}
	.span-8 .pull-8 {margin-left: -100%;}
	
	
	.span-7 .pull-1 {margin-left: -11.11111111%;}
	.span-7 .pull-2 {margin-left: -25.92592593%;}
	.span-7 .pull-3 {margin-left: -40.74074074%;}	
	.span-7 .pull-4 {margin-left: -55.55555556%;}
	.span-7 .pull-5 {margin-left: -70.37037037%;}
	.span-7 .pull-6 {margin-left: -85.18518519%;}
	.span-7 .pull-7 {margin-left: -100%;}
	
	
	.span-6 .pull-1 {margin-left: -13.04347826%;}
	.span-6 .pull-2 {margin-left: -30.43478261%;}
	.span-6 .pull-3 {margin-left: -47.82608696%;}	
	.span-6 .pull-4 {margin-left: -65.2173913%;}
	.span-6 .pull-5 {margin-left: -82.60869565%;}
	.span-6 .pull-6 {margin-left: -100%;}
	
	
	.span-5 .pull-1 {margin-left: -15.78947368%;}
	.span-5 .pull-2 {margin-left: -36.84210526%;}
	.span-5 .pull-3 {margin-left: -57.89473684%;}	
	.span-5 .pull-4 {margin-left: -78.94736842%;}
	.span-5 .pull-5 {margin-left: -100%;}
	
	
	.span-4 .pull-1 {margin-left: -20%;}
	.span-4 .pull-2 {margin-left: -46.66666667%;}
	.span-4 .pull-3 {margin-left: -73.33333333%;}	
	.span-4 .pull-4 {margin-left: -100%;}
	
	
	.span-3 .pull-1 {margin-left: -27.27272727%;}
	.span-3 .pull-2 {margin-left: -63.63636364%;}
	.span-3 .pull-3 {margin-left: -100%;}
	
	
	.span-2 .pull-1 {margin-left: -42.85714286%;}
	.span-2 .pull-2 {margin-left: -100%;}
	
/* Column Ends
 * * TODO: Better way to handle row ends?
 */	
	/*[class*="span-"].first { margin-left:0; clear: both; }
	[class*="span-"].last { margin-right:0;}
	.end { /*overflow: auto; TODO: Investigate */}	
	
	/*.-gutters { margin-left:0 !important; margin-right:0 !important; clear: both !important; }*/