/*
Variable Grid System (Fluid Version).
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
\Licensed under GPL and MIT.
*/


@charset "utf-8";
/* CSS Document */

.container_12 {
	width: auto;
	xmargin-left: 4%;
	xmargin-right: 4%;
}

.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%;
}

/*** One Column 98 *********************/
.container_12 .grid_12 {
	width: 98%;
}

/*** Two Column 48/48 *********************/
.container_12 .grid_6 {
	width:48.0%;
}

/*** Two Column  23/73 *********************/
.container_12 .grid_3 {
	width:23.0%;
}

.container_12 .grid_9 {
	width:73.0%;
}

/*** Three Column 31.33/31.33/31.33 ***********/
.container_12 .grid_4 {
	width:31.333%;
}

/*** Three Column 23/48/23 *********************/
.container_12 .grid_2 {
    width:14.667%;
}

/****Other Misc. Column Sizes ****/
.container_12 .grid_1 {
    width:6.333%;
}

.container_12 .grid_5 {
    width:39.667%;
}

.container_12 .grid_7 {
    width:56.333%;
}

.container_12 .grid_8 {
    width:64.667%;
}

.container_12 .grid_10 {
    width:81.333%;
}

.container_12 .grid_11 {
    width:89.667%;
}
 
/* Prefix Extra Space >> 12 Columns  --------*/
 
.container_12 .prefix_1 {
    padding-left:8.333%;
}
 
.container_12 .prefix_2 {
    padding-left:16.667%;
}

 .container_12 .prefix_3 {
    padding-left:25.0%;
}

 .container_12 .prefix_4 {
    padding-left:33.333%;
}

.container_12 .prefix_5 {
    padding-left:41.667%;
}

 .container_12 .prefix_6 {
    padding-left:50.0%;
}

 .container_12 .prefix_7 {
    padding-left:58.333%;
}

 .container_12 .prefix_8 {
    padding-left:66.667%;
}

 .container_12 .prefix_9 {
    padding-left:75.0%;
}

 .container_12 .prefix_10 {
    padding-left:83.333%;
}

.container_12 .prefix_11 {
    padding-left:91.667%;
}
  
 
/* Suffix Extra Space >> 12 Columns  ---------*/
 
 
.container_12 .suffix_1 {
    padding-right:8.333%;
}

 .container_12 .suffix_2 {
    padding-right:16.667%;
}

.container_12 .suffix_3 {
    padding-right:25.0%;
}

.container_12 .suffix_4 {
    padding-right:33.333%;
}

.container_12 .suffix_5 {
    padding-right:41.667%;
}

.container_12 .suffix_6 {
    padding-right:50.0%;
}

.container_12 .suffix_7 {
    padding-right:58.333%;
}

.container_12 .suffix_8 {
    padding-right:66.667%;
}

.container_12 .suffix_9 {
    padding-right:75.0%;
}

.container_12 .suffix_10 {
    padding-right:83.333%;
}

.container_12 .suffix_11 {
    padding-right:91.667%;
}
 
/*** Grid 960's Spacing After each block, triggered by grid_row***/
.grid_row
{
    padding-bottom: 1em;
}
 
/*
** Grid 960's Separator but with no padding at the bottom
*/
.grid_row_nopadding
{
    padding: 0px;
    margin: 0px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.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 {
	height: 1%;
}

.clearfix {
	display: block;
}

.width10{
    width: 10%;
}

.width20{
    width: 20%;
}

.width30{
    width: 30%;
}

.width40{
    width: 40%;
}

.width50{
    width: 50%;
}

.width100{
    width: 100%;
}