/** --------------------------------------------------
 * Grid
 * Contains styles for grid layout
 * Also contains style for Carrington Build
 *
 * AMI (Amiable Interactive) modified 12/22/12
 * Change from Original Grid: 918 Content / 948 Full
 * Col Width: 49px; Gutter: 30px
 * To New Grid: 944 Content / 1006 Full
 * Col Width: 53px; Gutter: 28px (With 31px Outer Margin)
 * -------------------------------------------------- */

/* Clear rows */
.cfct-row:before,
.cfct-row:after {
	content: "";
	display: table;
}
.cfct-row:after {
	clear: both;
}
.cfct-row {
	zoom: 1;
}

/**
 * Constrained single col
 */
.col-full {
	margin-left: auto;
	margin-right: auto;
	width: 620px;
}

/**
/* All possible grid columns (AMI) 
*/
.c6-12, /* 1/3 */
.c6-34,
.c6-56,
.c6-1234, /* 1/3 grouped */
.c6-3456,
.c4-1234, /* 1/1 */
.c4-12, /* 1/2 */
.c4-34,
.col-f, /* 1/6 */
.col-g,
.col-h,
.cfct-block /* Carrington build */
{
	display: inline; /* Double-margin float bug fix */
	float: left;
	margin: 0 14px;
}

/* Prevent empty columns from collapsing in Build.
We don't need to worry about this in IE7 and IE6 because they don't collapse empty rows
with overflow: hidden.

We're targeting modern browsers specifically to avoid triggering hasLayout via min-height.
This allows floated rows to wrap (since hasLayout would otherwise trigger a new layout context). */
.modern .cfct-block,
.ie8 .cfct-block {
	min-height: 1px; 
}

/** 
/* One-third or 2/6 or 4/12 column classes (AMI) 
/* Also one-half of two-thirds, or 2/4 of 4/6, or 4/12
/* AMI Added Classes: .c6-3456.c4-12, .c6-3456.c4-34 
*/
.c6-12,
.c6-34,
.c6-56,
.c6-1234 .c4-12,
.c6-1234 .c4-34 {
	width: 296px;	/*width: 302px;*/
}

/* Two-thirds or 4/6 or 8/12 column classes (AMI) */
.c6-1234,
.c6-3456 {
	width:620px;	/*width: 634px;*/
}

/* Full or 4/4 or 12/12 column class (AMI) */
.c4-1234 {
	display: block;
	float: none;
}

/**
 * Make sure first columns are always on a new line
 */
.c6-12,
.c6-1234,
.c4-1234,
.c4-12 {
	clear: left;
}

/* One-half or 2/4 or 6/12 column classes (AMI) */
.c4-12,
.c4-34 {
	width: 458px; /*468px;*/
}

.col-f,
.col-g, /** Middle columns. Repeat 4x, or as necessary. */
.col-h {
	width: 134px; /*125px;*/
}

/**
 * @subsection nested columns
 */
.c4-1234 .c6-12,
.c4-1234 .c6-1234,
.c4-1234 .c4-12,
.c6-1234 .c6-12,
.c6-3456 .c6-34,
.c6-1234 .c6-12,
.c6-1234 .c6-1234,
.c6-1234 .c4-1234,
.c6-1234 .c4-12,
.c6-3456 .c6-12,
.c6-3456 .c6-1234,
.c6-3456 .c6-3456,
.c6-3456 .c4-1234,
.c6-3456 .c4-12,
.c4-1234 .c6-12,
.c4-1234 .c6-1234,
.c4-1234 .c4-1234,
.c4-1234 .c4-12,
.c4-12 .col-f,
.c4-34 .col-f {
	margin-left: 0;
}
.c4-1234 .c6-56,
.c4-1234 .c6-3456,
.c4-1234 .c4-34,
.c6-1234 .c6-34,
.c6-3456 .c4-34,
.c6-1234 .c6-56,
.c6-1234 .c6-1234,
.c6-1234 .c6-3456,
.c6-1234 .c4-1234,
.c6-3456 .c6-56,
.c6-3456 .c6-1234,
.c6-3456 .c6-3456,
.c6-3456 .c4-1234,
.c4-1234 .c6-56,
.c4-1234 .c6-3456,
.c4-1234 .c4-1234,
.c4-1234 .c4-34,
.c6-1234 .c4-34,
.c4-12 .col-h,
.c4-34 .col-h {
	margin-right: 0;
}

.c4-1234 .c4-1234,
.c6-1234 .c6-1234 {
	margin-left: 0;
	margin-right: 0;
}

/**
 * Floated columns
 */
.cfct-block-float-a {
	margin-right: 14px; /*15px;*/
}
.cfct-row-float-a .c4-1234 .cfct-module,
.cfct-row-float-c .c4-1234 .cfct-module {
	overflow: visible;
}
.cfct-block-float-a,
.cfct-block-float-c {
	max-width: 296px; /*286px;*/
}
.cfct-block-float-a {
	margin: 0 31px 0 0; /*0 30px 0 0;*/
}
.cfct-block-float-c {
	float: right;
	margin: 0 0 0 31px; /*0 0 0 30px;*/
}