/*
	Variable fgrid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/fgrids/
	Based on 960 fgrid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/

/* fcontainers
----------------------------------------------------------------------------------------------------*/
.fcontainer-4 {
	width: 100%;
  margin:0;
  padding:0;
}

/* fgrid >> Global
----------------------------------------------------------------------------------------------------*/

.fgrid-1,
.fgrid-2,
.fgrid-3,
.fgrid-4 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

/* fgrid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* fgrid >> 4 Columns
----------------------------------------------------------------------------------------------------*/



.fcontainer-4 .fgrid-1 {
  width:23.0%;
}

.fcontainer-4 .fgrid-1.alpha,
.fcontainer-4 .fgrid-1.omega {
  width:24.0%;
}


.fcontainer-4 .fgrid-2 {
	width:48.0%;
}

.fcontainer-4 .fgrid-2.alpha,
.fcontainer-4 .fgrid-2.omega {
  width:49.0%;
}


.fcontainer-4 .fgrid-3 {
	width:73.0%;
}

.fcontainer-4 .fgrid-3.alpha,
.fcontainer-4 .fgrid-3.omega {
  width:74.0%;
}


.fcontainer-4 .fgrid-4 {
	width:98.0%;
}

.fcontainer-4 .fgrid-4.alpha,
.fcontainer-4 .fgrid-4.omega {
  width:99.0%;
}




/* fprefix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/


.fcontainer-4 .fprefix_1 {
	padding-left:25.0%;
}

.fcontainer-4 .fprefix_2 {
	padding-left:50.0%;
}

.fcontainer-4 .fprefix_3 {
	padding-left:75.0%;
}



/* fsuffix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/


.fcontainer-4 .fsuffix-1 {
	padding-right:25.0%;
}

.fcontainer-4 .fsuffix-2 {
	padding-right:50.0%;
}

.fcontainer-4 .fsuffix-3 {
	padding-right:75.0%;
}



/* fpush Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/


.fcontainer-4 .fpush-1 {
	left:25.0%;
}

.fcontainer-4 .fpush-2 {
	left:50.0%;
}

.fcontainer-4 .fpush-3 {
	left:75.0%;
}



/* fpull Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/


.fcontainer-4 .fpull_1 {
	left:-25.0%;
}

.fcontainer-4 .fpull_2 {
	left:-50.0%;
}

.fcontainer-4 .fpull_3 {
	left:-75.0%;
}




/* 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;
}