/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { width: 100%; clear: both; }
.main { width: 980px; max-width: 1200px; margin: 0 auto; position: relative;}

.column { overflow: hidden; float: left; }

.csi-mass { clear: both; }

/* Gutter ---*/
.main .inner {
/* We use liquid layout, so we need to insert a div which will create margin if need */
	padding-left: 5px;
	padding-right: 5px;
}

#csi-main .inner { padding: 0 !important; margin-left: 5px; margin-right:  5px; }

#csi-mainnav .inner { padding: 0 !important; margin-left: 28px; margin-right: 27px; }

.column div.csi-moduletable, .column div.moduletable, .column div.csi-module, .column div.module { 
/* for side columns and spotlight, we only need to add margin or padding to Module */
	margin-left: 5px;
	margin-right: 5px;
}

.csi-inset2 div.csi-moduletable, .csi-inset2 .div.moduletable, .csi-inset2 div.csi-module, .csi-inset2 div.module {
	margin-right: 0;
	margin-left: 10px;
}

.csi-inset1 div.csi-moduletable, .csi-inset1 .div.moduletable, .csi-inset1 div.csi-module, .csi-inset1 div.module {
	margin-right: 10px;
	margin-left: 0;
}

.article_column .contentpaneopen {
/* for article columns, we only need to add margin or padding to this div  */
	padding-left: 5px;
	padding-right: 5px;
}

.leading { }

.article_row {
/* minus the spacing of the article row to macth with the Gutter & global grid */
	margin-left: -5px;
	margin-right: -5px; 
}

/* MAIN COLUMN
--------------------------------------------------------- */
#csi-mainbody { float: left; }
#csi-current-content, #csi-main { float: right; }

/* SIDE COLUMNS
--------------------------------------------------------- */
.csi-colswrap {}
.csi-col {}

/* Left Column ---*/
#csi-left .csi-l2 .csi-left1, #csi-left .csi-l2 .csi-left2 { width: 50%; }
#csi-left .csi-l1 .csi-col { width: 100%; }

/* Right Column ---*/
#csi-right { float: right; }
#csi-right .csi-r2 .csi-right1, #csi-right .csi-r2 .csi-right2 { width: 50%; }
#csi-right .csi-r1 .csi-col { width: 100%; }

/* HEADER
--------------------------------------------------------- */
#csi-header {}

/* FOOTER
--------------------------------------------------------- */
#csi-footer { clear: both; }

/* CONTENT'S GRIDS
--------------------------------------------------------- */
.article_column { float: left; position: relative; }

.cols1 .article_column { width: 100%; }
.cols2 .article_column { width: 50%; }
.cols3 .article_column { width: 33.33%; }
.cols4 .article_column { width: 25%; }
.cols5 .article_column { width: 20%; }

/* SPOTLIGHT
--------------------------------------------------------- */
#csi-topsl {}
#csi-botsl {}

.csi-box { float: left; overflow: hidden; }