/* sGrid v 0.1 */
.sgrid		{ position: relative; width: 100%; }
.sgrid .column			{ margin-right: 16px; width: 55px; }
.sgrid .column.first	{ clear: left; *clear: both; }
.sgrid .column.last		{ margin-right: 0 !important; float: right !important; }

.sgrid .column.clear 	{ clear: both; }

/* column spans */
.sgrid .column.span_2,
.sgrid .column.span_2.last.no_gutter,
.sgrid .column.span_2.no_gutter.offset	{ width: 126px; }
.sgrid .column.span_3,
.sgrid .column.span_3.last.no_gutter,
.sgrid .column.span_3.no_gutter.offset	{ width: 197px; }
.sgrid .column.span_4,
.sgrid .column.span_4.last.no_gutter,
.sgrid .column.span_4.no_gutter.offset	{ width: 268px; }
.sgrid .column.span_5,
.sgrid .column.span_5.last.no_gutter,
.sgrid .column.span_5.no_gutter.offset	{ width: 339px; }
.sgrid .column.span_6,
.sgrid .column.span_6.last.no_gutter,
.sgrid .column.span_6.no_gutter.offset	{ width: 410px; }
.sgrid .column.span_7,
.sgrid .column.span_7.last.no_gutter,
.sgrid .column.span_7.no_gutter.offset	{
	width: 435px;
}
.sgrid .column.span_8,
.sgrid .column.span_8.last.no_gutter,
.sgrid .column.span_8.no_gutter.offset	{ width: 552px; }
.sgrid .column.span_9,
.sgrid .column.span_9.last.no_gutter,
.sgrid .column.span_9.no_gutter.offset	{ width: 623px; }
.sgrid .column.span_10,
.sgrid .column.span_10.last.no_gutter,
.sgrid .column.span_10.no_gutter.offset	{ width: 694px; }
.sgrid .column.span_11,
.sgrid .column.span_11.last.no_gutter,
.sgrid .column.span_11.no_gutter.offset	{ width: 765px; }
.sgrid .column.span_12,
.sgrid .column.span_12.last.no_gutter,
.sgrid .column.span_12.no_gutter.offset	{ width: 836px; }
.sgrid .column.span_13,
.sgrid .column.span_13.last.no_gutter,
.sgrid .column.span_13.no_gutter.offset	{ width: 907px; }
.sgrid .column.span_14,
.sgrid .column.span_14.last.no_gutter,
.sgrid .column.span_14.no_gutter.offset	{ margin-right: 0 !important; width: 978px; }

/* prepending */
.sgrid .column.prepend_half	{ padding-left: 28px; }
.sgrid .column.prepend_1	{ padding-left: 71px; }
.sgrid .column.prepend_2	{ padding-left: 142px; }
.sgrid .column.prepend_3	{ padding-left: 213px; }
.sgrid .column.prepend_4	{ padding-left: 284px; }
.sgrid .column.prepend_5	{ padding-left: 355px; }
.sgrid .column.prepend_6	{ padding-left: 426px; }
.sgrid .column.prepend_7	{ padding-left: 497px; }
.sgrid .column.prepend_8	{ padding-left: 568px; }
.sgrid .column.prepend_9	{ padding-left: 639px; }
.sgrid .column.prepend_10	{ padding-left: 710px; }
.sgrid .column.prepend_11	{ padding-left: 781px; }
.sgrid .column.prepend_12	{ padding-left: 852px; }
.sgrid .column.prepend_13	{ padding-left: 923px; }

/* appending */
.sgrid .column.append_1		{ padding-right: 71px; }
.sgrid .column.append_2		{ padding-right: 142px; }
.sgrid .column.append_3		{ padding-right: 213px; }
.sgrid .column.append_4		{ padding-right: 284px; }
.sgrid .column.append_5		{ padding-right: 355px; }
.sgrid .column.append_6		{ padding-right: 426px; }
.sgrid .column.append_7		{ padding-right: 497px; }
.sgrid .column.append_8		{ padding-right: 568px; }
.sgrid .column.append_9		{ padding-right: 639px; }
.sgrid .column.append_10	{ padding-right: 710px; }
.sgrid .column.append_11	{ padding-right: 781px; }
.sgrid .column.append_12	{ padding-right: 852px; }
.sgrid .column.append_13	{ padding-right: 923px; }

/* overflow */
.sgrid .overflow 			{ float: left; position: relative; width: 100%; }
.sgrid .overflow .column *	{ _float: left; _position: relative; }

/* overflow with margin-right on columns */
.sgrid .column.overflowleft_1		{ margin-left: -71px !important;  position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowleft_2		{ margin-left: -142px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowleft_3		{ margin-left: -213px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowleft_4		{ margin-left: -284px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowleft_5		{ margin-left: -355px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowleft_6		{ margin-left: -426px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowleft_7		{ margin-left: -497px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowleft_8		{ margin-left: -568px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowleft_9		{ margin-left: -639px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowleft_10		{ margin-left: -710px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowleft_11		{ margin-left: -781px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowleft_12		{ margin-left: -852px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowleft_13		{ margin-left: -923px !important; position: relative; _z-index: 1000; _zoom: 1; }

.sgrid .column.last.overflowleft_1		{ margin-left: -142px !important; }
.sgrid .column.last.overflowleft_2		{ margin-left: -213px !important; }
.sgrid .column.last.overflowleft_3		{ margin-left: -284px !important; }
.sgrid .column.last.overflowleft_4		{ margin-left: -355px !important; }
.sgrid .column.last.overflowleft_5		{ margin-left: -426px !important; }
.sgrid .column.last.overflowleft_6		{ margin-left: -497px !important; }
.sgrid .column.last.overflowleft_7		{ margin-left: -568px !important; }
.sgrid .column.last.overflowleft_8		{ margin-left: -639px !important; }
.sgrid .column.last.overflowleft_9		{ margin-left: -710px !important; }
.sgrid .column.last.overflowleft_10		{ margin-left: -781px !important; }
.sgrid .column.last.overflowleft_11		{ margin-left: -852px !important; }
.sgrid .column.last.overflowleft_12		{ margin-left: -923px !important; }
.sgrid .column.last.overflowleft_13		{ margin-left: -994px !important; }

.sgrid .column.overflowright_1		{ margin-right: -55px !important;  position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowright_2		{ margin-right: -126px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowright_3		{ margin-right: -197px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowright_4		{ margin-right: -268px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowright_5		{ margin-right: -339px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowright_6		{ margin-right: -410px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowright_7		{ margin-right: -481px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowright_8		{ margin-right: -552px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowright_9		{ margin-right: -623px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowright_10		{ margin-right: -694px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowright_11		{ margin-right: -765px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowright_12		{ margin-right: -836px !important; position: relative; _z-index: 1000; _zoom: 1; }
.sgrid .column.overflowright_13		{ margin-right: -907px !important; position: relative; _z-index: 1000; _zoom: 1; }

/* offset */
.sgrid .column.offset			{ padding-left: 16px; width: 71px; }
.sgrid .column.span_2.offset	{ width: 110px; }
.sgrid .column.span_3.offset	{ width: 181px; }
.sgrid .column.span_4.offset	{
	width: 250px;
}
.sgrid .column.span_5.offset	{ width: 323px; }
.sgrid .column.span_6.offset	{ width: 394px; }
.sgrid .column.span_7.offset	{ width: 465px; }
.sgrid .column.span_8.offset	{ width: 536px; }
.sgrid .column.span_9.offset	{ width: 607px; }
.sgrid .column.span_10.offset	{ width: 678px; }
.sgrid .column.span_11.offset	{ width: 749px; }
.sgrid .column.span_12.offset	{ width: 820px; }
.sgrid .column.span_13.offset	{ width: 891px; }
.sgrid .column.span_14.offset	{ width: 962px; }

/* no gutter */
.sgrid .column.no_gutter			{ margin-right: 0; width: 71px; }
.sgrid .column.span_2.no_gutter		{ margin-right: 0; width: 142px; }
.sgrid .column.span_3.no_gutter		{ margin-right: 0; width: 213px; }
.sgrid .column.span_4.no_gutter		{ margin-right: 0; width: 284px; }
.sgrid .column.span_5.no_gutter		{ margin-right: 0; width: 355px; }
.sgrid .column.span_6.no_gutter		{
	margin-right: 0px;
	width: 310px;
}
.sgrid .column.span_7.no_gutter		{ margin-right: 0; width: 497px; }
.sgrid .column.span_8.no_gutter		{ margin-right: 0; width: 568px; }
.sgrid .column.span_9.no_gutter		{ margin-right: 0; width: 639px; }
.sgrid .column.span_10.no_gutter	{ margin-right: 0; width: 710px; }
.sgrid .column.span_11.no_gutter	{ margin-right: 0; width: 781px; }
.sgrid .column.span_12.no_gutter	{ margin-right: 0; width: 852px; }
.sgrid .column.span_13.no_gutter	{ margin-right: 0; width: 923px; }

/* combinations */
/* .overflow.no_gutter */
.sgrid .column.overflowright_1.no_gutter		{ margin-right: -71px !important; }
.sgrid .column.overflowright_2.no_gutter		{ margin-right: -142px !important; }
.sgrid .column.overflowright_3.no_gutter		{ margin-right: -213px !important; }
.sgrid .column.overflowright_4.no_gutter		{ margin-right: -284px !important; }
.sgrid .column.overflowright_5.no_gutter		{ margin-right: -355px !important; }
.sgrid .column.overflowright_6.no_gutter		{ margin-right: -426px !important; }
.sgrid .column.overflowright_7.no_gutter		{ margin-right: -497px !important; }
.sgrid .column.overflowright_8.no_gutter		{ margin-right: -568px !important; }
.sgrid .column.overflowright_9.no_gutter		{ margin-right: -639px !important; }
.sgrid .column.overflowright_10.no_gutter   	{ margin-right: -710px !important; }
.sgrid .column.overflowright_11.no_gutter   	{ margin-right: -781px !important; }
.sgrid .column.overflowright_12.no_gutter   	{ margin-right: -852px !important; }
.sgrid .column.overflowright_13.no_gutter   	{ margin-right: -923px !important; }

/* .no_gutter.offset */
.sgrid .column.no_gutter.offset	{ width: 71px; }

/* .overflow.offset */
.sgrid .column.overflowleft_1.offset		{ width: px; }
.sgrid .column.overflowleft_2.offset		{ width: px; }
.sgrid .column.overflowleft_3.offset		{ width: px; }
.sgrid .column.overflowleft_4.offset		{ width: px; }
.sgrid .column.overflowleft_5.offset		{ width: px; }
.sgrid .column.overflowleft_6.offset		{ width: px; }
.sgrid .column.overflowleft_7.offset		{ width: px; }
.sgrid .column.overflowleft_8.offset		{ width: px; }
.sgrid .column.overflowleft_9.offset		{ width: px; }
.sgrid .column.overflowleft_10.offset		{ width: px; }
.sgrid .column.overflowleft_11.offset		{ width: px; }
.sgrid .column.overflowleft_12.offset		{ width: px; }
.sgrid .column.overflowleft_13.offset		{ width: px; }

.sgrid .column.overflowright_1.offset		{ width: px; }
.sgrid .column.overflowright_2.offset		{ width: px; }
.sgrid .column.overflowright_3.offset		{ width: px; }
.sgrid .column.overflowright_4.offset		{ width: px; }
.sgrid .column.overflowright_5.offset		{ width: px; }
.sgrid .column.overflowright_6.offset		{ width: px; }
.sgrid .column.overflowright_7.offset		{ width: px; }
.sgrid .column.overflowright_8.offset		{ width: px; }
.sgrid .column.overflowright_9.offset		{ width: px; }
.sgrid .column.overflowright_10.offset		{ width: px; }
.sgrid .column.overflowright_11.offset		{ width: px; }
.sgrid .column.overflowright_12.offset		{ width: px; }
.sgrid .column.overflowright_13.offset		{ width: px; }

/* borders */
.sgrid .column.border 		{ border-right: 1px solid #f00; margin-right: 8px; padding-right: 7px; }

/* exceptions */
.sgrid.cols_4 .column	{ margin-right: 0; padding-right: 0; width: 24.9%; }

/* clearing */
.sgrid:after	{ content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.sgrid, .sgrid .column	{ _zoom: 1; }