/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
/*.wrap { width: 100%; clear: both; }*/
.wrap {
    width: 980px;
    clear: both;
    margin: 0 auto;
    position: relative;
}

.main {
    width: 980px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.column { 
    /* overflow: hidden; */
    float: left; 
}

.lw-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: 10px;
	padding-right: 10px;
}

.column div.lw-moduletable,
.column div.moduletable,
.column div.lw-module,
.column div.module { 
/* for side columns and spotlight, we only need to add margin or padding to Module */
	margin-left: 10px;
	margin-right: 10px;
}

.lw-inset2 div.lw-moduletable,
.lw-inset2 .div.moduletable,
.lw-inset2 div.lw-module,
.lw-inset2 div.module {
	margin-right: 0;
	margin-left: 20px;
}

.lw-inset1 div.lw-moduletable,
.lw-inset1 .div.moduletable,
.lw-inset1 div.lw-module,
.lw-inset1 div.module {
	margin-right: 20px;
	margin-left: 0;
}

.article_column .contentpaneopen {
/* for article columns, we only need to add margin or padding to this div  */
	padding-left: 10px;
	padding-right: 10px;
}

.leading { }

.article_row {
/* minus the spacing of the article row to macth with the Gutter & global grid */
	margin-left: -10px;
	margin-right: -10px; 
}

/* MAIN COLUMN
--------------------------------------------------------- */
#lw-mainbody { float: left; }
#lw-current-content,
#lw-main { 
    float: right;
}

/* SIDE COLUMNS
--------------------------------------------------------- */
.lw-colswrap {}
.lw-col {}

/* Left Column ---*/
#lw-left .lw-l2 .lw-left1,
#lw-left .lw-l2 .lw-left2 { width: 50%; }
#lw-left .lw-l1 .lw-col { width: 100%; }

/* Right Column ---*/
#lw-right { float: right; }
#lw-right .lw-r2 .lw-right1, #lw-right .lw-r2 .lw-right2 { width: 50%; }
#lw-right .lw-r1 .lw-col { width: 100%; }

/* HEADER
--------------------------------------------------------- */
#lw-header {}

/* FOOTER
--------------------------------------------------------- */
#lw-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
--------------------------------------------------------- */
#lw-topsl {}
#lw-botsl {}

.lw-box {
    float: left;
    overflow: hidden;
}
