/* Grid */

.cwf.grid .column {
	width: 60px;
	margin-right: 20px;
	float: left;
	position: relative;
	top: -10px;
}
.cwf.grid .column.last {margin-right: 0;}
.cwf.grid .column.span2 {width: 180px;}
.cwf.grid .column.span3 {
	width: 220px;
}
.cwf.grid .column.span4 {width: 300px;}
.cwf.grid .column.span5 {width: 380px;}
.cwf.grid .column.span6 {width: 500px;}
.cwf.grid .column.span7 {width: 540px;}
.cwf.grid .column.span8 {width: 620px;}
.cwf.grid .column.span9 {width: 700px;}
.cwf.grid .column.span10 {width: 780px;}
.cwf.grid .column.span11 {width: 860px;}
.cwf.grid .column.span12 {width: 740px;}
.cwf.grid .column.span13 {width: 940px;}




/* Layouts - based on grid */
#sidebar-left, #content, #sidebar-right {width: 60px; margin-right: 20px; float: left;}
#sidebar-right,
.cwf.layout-3-9 #content,
.cwf.layout-4-8 #content,
.cwf.layout-6-6 #content {margin-right: 0;}
.cwf.layout-2-8-2 #sidebar-left,
.cwf.layout-3-7-2 #sidebar-right,
.cwf.layout-2-8-2 #sidebar-right {width: 140px;}
.cwf.layout-3-6-3 #sidebar-left, 
.cwf.layout-3-7-2 #sidebar-left,
.cwf.layout-3-6-3 #sidebar-right,
.cwf.layout-3-9 #sidebar-left,
.cwf.layout-9-3 #sidebar-right {width: 220px;}
.cwf.layout-4-8 #sidebar-left,
.cwf.layout-8-4 #sidebar-right {width: 300px;}
.cwf.layout-3-6-3 #content,
.cwf.layout-6-6 #sidebar-left,
.cwf.layout-6-6 #content {width: 460px;}
.cwf.layout-3-7-2 #content {width: 540px;}
.cwf.layout-4-8 #content,
.cwf.layout-8-4 #content,
.cwf.layout-2-8-2 #content {width: 620px;}
.cwf.layout-3-9 #content,
.cwf.layout-9-3 #content {width: 700px;}




/* Left margins - give block elements grid-conformant left-hand margins */
.cwf.ml1 {margin-left: 80px;}
.cwf.ml2 {margin-left: 160px;}
.cwf.ml3 {margin-left: 240px;}
.cwf.ml4 {margin-left: 320px;}
.cwf.ml5 {margin-left: 400px;}
.cwf.ml6 {margin-left: 480px;}
.cwf.ml7 {margin-left: 560px;}
.cwf.ml8 {margin-left: 640px;}
.cwf.ml9 {margin-left: 720px;}
.cwf.ml10 {margin-left: 800px;}
.cwf.ml11 {margin-left: 880px;}




/* Layout column lines */
.cwf.layout-2-8-2 .layout_lines {background: url(../img/layouts/2-8-2.png) 0px 0px repeat-y;}
.cwf.layout-3-6-3 .layout_lines {background: url(../img/layouts/3-6-3.png) 0px 0px repeat-y;}
.cwf.layout-3-7-2 .layout_lines {background: url(../img/layouts/3-7-2.png) 0px 0px repeat-y;}
.cwf.layout-3-9 .layout_lines {background: url(../img/layouts/3-9.png) 0px 0px repeat-y;}
.cwf.layout-4-8 .layout_lines {background: url(../img/layouts/4-8.png) 0px 0px repeat-y;}
.cwf.layout-6-6 .layout_lines {background: url(../img/layouts/6-6.png) 0px 0px repeat-y;}
.cwf.layout-9-3 .layout_lines {background: url(../img/layouts/9-3.png) 0px 0px repeat-y;}