body {
/*    min-width: 768px;         /* Width at which the fluid column no longer collapses. */
/*    max-width:1024px;         /* Width at which the fluid column stops expanding. */
    margin:0 auto;
}

.clear {                    /* Clear floats with this class. */
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.container {
    padding-right: 320px;     /* Right (static) column width + margin between columns) */
    margin:0 12px;            /* Margins at the left-right edges of the page. */
}

.container .column {
	position: relative;
	float: left;
}

.left-fluid {
	width:100%;               /* Must be 100% to enable fluidity, set max/min widths in body styles. */
}
.right-static {
	width: 300px;             /* Right (static) column width. */
	margin-right: -320px;     /* Negative value of right column width + margin between columns. (must be in pixels */
	padding-left:20px;        /* Margin between fluid and static columns. (Must be in pixels.) */
}

.left-fluid .grid-1,
.left-fluid .grid-2,
.left-fluid .grid-3,
.left-fluid .grid-4,
.left-fluid .grid-5,
.left-fluid .grid-6,
.left-fluid .grid-7,
.left-fluid .grid-8,
.left-fluid .grid-9,
.left-fluid .grid-10,
.left-fluid .grid-11,
.left-fluid .grid-12,
.left-fluid .grid-1-2,
.left-fluid .grid-2-3,
.left-fluid .grid-3-4,
.left-fluid .grid-4-5,
.left-fluid .grid-5-6,
.left-fluid .grid-6-7,
.left-fluid .grid-7-8,
.left-fluid .grid-8-9,
.left-fluid .grid-9-10,
.left-fluid .grid-10-11,
.left-fluid .grid-11-12,
.left-fluid .grid-1-2-3,
.left-fluid .grid-2-3-4,
.left-fluid .grid-3-4-5,
.left-fluid .grid-4-5-6,
.left-fluid .grid-5-6-7,
.left-fluid .grid-6-7-8,
.left-fluid .grid-7-8-9,
.left-fluid .grid-8-9-10,
.left-fluid .grid-9-10-11,
.left-fluid .grid-10-11-12,
.left-fluid .grid-1-2-3-4,
.left-fluid .grid-2-3-4-5,
.left-fluid .grid-3-4-5-6,
.left-fluid .grid-4-5-6-7,
.left-fluid .grid-5-6-7-8,
.left-fluid .grid-6-7-8-9,
.left-fluid .grid-7-8-9-10,
.left-fluid .grid-8-9-10-11,
.left-fluid .grid-9-10-11-12,
.left-fluid .grid-1-2-3-4-5-6,
.left-fluid .grid-2-3-4-5-6-7,
.left-fluid .grid-3-4-5-6-7-8,
.left-fluid .grid-4-5-6-7-8-9,
.left-fluid .grid-5-6-7-8-9-10,
.left-fluid .grid-6-7-8-9-10-11,
.left-fluid .grid-7-8-9-10-11-12,
.left-fluid .grid-full-width {
	margin-left:2.35294118%;/* 16px / 680px = 2.35294118%*/
	/*margin-bottom:2.35294118%;*/
	display:inline;
	float:left;
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-ms-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;

}

.left-fluid .grid-1,
.left-fluid .grid-2,
.left-fluid .grid-3,
.left-fluid .grid-4,
.left-fluid .grid-5,
.left-fluid .grid-6,
.left-fluid .grid-7,
.left-fluid .grid-8,
.left-fluid .grid-9,
.left-fluid .grid-10,
.left-fluid .grid-11,
.left-fluid .grid-12 {
	width:6.17647059%;      /* 42px / 680px = 6.17647059% */
}

.left-fluid .grid-1-2,
.left-fluid .grid-2-3,
.left-fluid .grid-3-4,
.left-fluid .grid-4-5,
.left-fluid .grid-5-6,
.left-fluid .grid-6-7,
.left-fluid .grid-7-8,
.left-fluid .grid-8-9,
.left-fluid .grid-9-10,
.left-fluid .grid-10-11,
.left-fluid .grid-11-12 {
	width:14.7058824%;      /* 100px / 680px = 14.7058824% */
}

.left-fluid .grid-1-2-3,
.left-fluid .grid-2-3-4,
.left-fluid .grid-3-4-5,
.left-fluid .grid-4-5-6,
.left-fluid .grid-5-6-7,
.left-fluid .grid-6-7-8,
.left-fluid .grid-7-8-9,
.left-fluid .grid-8-9-10,
.left-fluid .grid-9-10-11,
.left-fluid .grid-10-11-12 {
	width:23.2352941%;      /* 158px / 680px = 23.2352941% */
}

.left-fluid .grid-1-2-3-4,
.left-fluid .grid-2-3-4-5,
.left-fluid .grid-3-4-5-6,
.left-fluid .grid-4-5-6-7,
.left-fluid .grid-5-6-7-8,
.left-fluid .grid-6-7-8-9,
.left-fluid .grid-7-8-9-10,
.left-fluid .grid-8-9-10-11,
.left-fluid .grid-9-10-11-12 {
	width:31.7647059%;      /* 216px / 680px = 31.7647059% */
}

.left-fluid .grid-1-2-3-4-5-6,
.left-fluid .grid-2-3-4-5-6-7,
.left-fluid .grid-3-4-5-6-7-8,
.left-fluid .grid-4-5-6-7-8-9,
.left-fluid .grid-5-6-7-8-9-10,
.left-fluid .grid-6-7-8-9-10-11,
.left-fluid .grid-7-8-9-10-11-12 {
	width:48.8235294%;      /* 332px / 680px = 48.8235294% */
}

.left-fluid .grid-full-width {
	width:100%;             /* 680px / 680px = 100% */
}

.left-fluid .grid-1,
.left-fluid .grid-1-2,
.left-fluid .grid-1-2-3,
.left-fluid .grid-1-2-3-4,
.left-fluid .grid-1-2-3-4-5-6,
.left-fluid .grid-full-width {
	margin-left:0;
	clear:left;
}

.left-fluid .grid-12,
.left-fluid .grid-11-12,
.left-fluid .grid-10-11-12,
.left-fluid .grid-9-10-11-12,
.left-fluid .grid-6-7-8-9-10-11-12 {
	float:right;
}