﻿/* Column */

.columnMask 
{
	margin-left: auto;
	margin-right: auto;		
	margin: 0px;
	border: 0px;	
	position: relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width: 100% !important; /* mozilla */
	width: 100%;
	padding: 0% !important; /* mozilla */
	padding: 0%;
	overflow:hidden;	/* This chops off any overhanging divs */
}
.col1, .col2, .col3, .col4
{
	float: left;
	position: relative;
	overflow: hidden;
}
	
.fourCols
{
	margin: 0px;
	border: 0px solid #C0C0C0;
	background: #EBEBEB;
}
.fourCols .col1
{
	width:25%;			
	left:0%;			
}
.fourCols .col2 
{
	width:25%;			
	left:0%;			
}
.fourCols .col3 
{
	width:25%;			
	left:0%;			
}
.fourCols .col4
{
	width:25%;	
	left:0%;
}

.threeCols
{
	margin: 0px;
	border: 1px solid #C0C0C0;
	background: #EBEBEB;
}
.threeCols .col1 
{
	width:33%;			
	left:0%;			
}
.threeCols .col2 
{
	width:33%;			
	left:0%;			
}
.threeCols .col3 
{
	width:33%;			
	left:0%;			
}
	
.twoCols
{
	margin: 0;
	border: 0;
	padding: 0;
}
.twoCols .col1 
{
	left: 5%;
	width: 40%;						
}
.twoCols .col2 
{
	left: 10%; 
	width: 40%;			
}	
	

	
