/*
	PERCENT COLUMN SYSTEM
	=====================
	by:Abid Hussain
	email: abid@abidhussain.com

	NAMING CONVENTIONS:
	===================
	Regular two column layout:
	col_25 = Column 1/4 in %
	col_50 = Column 1/2 in %
	
	The % Columns CSS Framework is free to use and you can change it to suit your needs.
*/

/* Multi Columns
----------------------------------------------------------------------------------------------------*/

.col_20{width:20%;}
.col_25{width:25%;}
.col_33{width:33.33%;}
.col_40{width:40%;}
.col_50{width:50%;}
.col_60{width:60%;}
.col_66{width:66.66%;}
.col_75{width:75%;}
.col_80{width:80%;}
.col_100{width:100%;}

/* Content
----------------------------------------------------------------------------------------------------*/
.content{
	margin-left: 0px;
}

.col_20,
.col_25,
.col_33,
.col_40,
.col_50,
.col_60,
.col_66,
.col_75,
.col_80,
.col_100{
	float:left;
	display:inline;
	overflow:hidden;
	padding-left:0;
	padding-right:0;
}

/*IE margin hack to keep the columns from being to wide and wrapping*/
* html .col_20,
* html .col_25,
* html .col_33,
* html .col_40,
* html .col_50,
* html .col_60,
* html .col_66,
* html .col_75,
* html .col_80,
* html .col_100{
	margin-left:-0.04em;
}