/*
   & Columns : 16 
   & Gutter %: 20% 
   & MinWidth: 800px
   & MaxWidth: infinity
 */
.grid_1 { width: 5%; }
.grid_2 { width: 11.25%; }
.grid_3 { width: 17.5%; }
.grid_4 { width: 23.75%; }
.grid_5 { width: 30%; }
.grid_6 { width: 36.25%; }
.grid_7 { width: 42.5%; }
.grid_8 { width: 48.75%; }
.grid_9 { width: 55%; }
.grid_10 { width: 61.25%; }
.grid_11 { width: 67.5%; }
.grid_12 { width: 73.75%; }
.grid_13 { width: 80%; }
.grid_14 { width: 86.25%; }
.grid_15 { width: 92.5%; }
.grid_16 { width: 98.75%; }

.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 {
    margin-left: 0.625%;
    margin-right: 0.625%;
    float: left;
    display: block;

    display: inline;
    float: left;
}

.prefix_1 { margin-left: 5.625%; }
.prefix_2 { margin-left: 11.875%; }
.prefix_3 { margin-left: 18.125%; }
.prefix_4 { margin-left: 24.375%; }
.prefix_5 { margin-left: 30.625%; }
.prefix_6 { margin-left: 36.875%; }
.prefix_7 { margin-left: 43.125%; }
.prefix_8 { margin-left: 49.375%; }
.prefix_9 { margin-left: 55.625%; }
.prefix_10 { margin-left: 61.875%; }
.prefix_11 { margin-left: 68.125%; }
.prefix_12 { margin-left: 74.375%; }
.prefix_13 { margin-left: 80.625%; }
.prefix_14 { margin-left: 86.875%; }
.prefix_15 { margin-left: 93.125%; }

.suffix_1 { margin-right: 5.625%; }
.suffix_2 { margin-right: 11.875%; }
.suffix_3 { margin-right: 18.125%; }
.suffix_4 { margin-right: 24.375%; }
.suffix_5 { margin-right: 30.625%; }
.suffix_6 { margin-right: 36.875%; }
.suffix_7 { margin-right: 43.125%; }
.suffix_8 { margin-right: 49.375%; }
.suffix_9 { margin-right: 55.625%; }
.suffix_10 { margin-right: 61.875%; }
.suffix_11 { margin-right: 68.125%; }
.suffix_12 { margin-right: 74.375%; }
.suffix_13 { margin-right: 80.625%; }
.suffix_14 { margin-right: 86.875%; }
.suffix_15 { margin-right: 93.125%; }

.alpha { margin-left:0px; }
.omega { margin-right:0px; }


/* the grid container */
.grid_container {
    display: block;
    margin: auto;

    /* ie fixing */
    *zoom:1;
}
.grid_container:before,
.grid_container:after {
    content:"";
    display:table;
}
.grid_container:after {
    clear:both;
}


.grid_bg {
	background: #F7C1BF;
	color: #FFF;
	padding: 4em 0;
	text-align: center;
	font-size: 1.2857142857em;
	font-weight: 200;
}



/* @
 * tinyfluidgrid.com
 & girlfriendnyc.com
 */

/* clearing floats */
.clear
{
    clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0
}
.clearfix:after
{
    clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0
}
* html .clearfix,
*:first-child+html .clearfix { 
    zoom:1 
}


	/* media queries */
	/* Smaller than 768 */
	@media only screen and (max-width: 768px) {
	    
	    .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 {
	        margin-left: 0.625%;
	        margin-right: 0.625%;
	        margin-bottom: 1em;
	        width: auto;
	        float: none;
	        display: block;
	    }

	}