/*	************************************************
			LAYOUT GRID
	************************************************ */

/**
 * Need a min width on the body (and any other abs positioned top level els)
 * otherwise smaller viewports lose all their background colours.
 * Optimised for iPad with a wider width - of course! Depends on modernizr for body class.
 * We may need a browser fix for the older IEs here
 */
body {
	/* ReSharper disable CssBrowserCompatibility : we only support modern browsers*/
	min-width: 976px;

}

html.touch body {
	min-width: 1024px;
}

/**
 * Grid based on 31 columns of 16px, with 16px left margin.
 * Row and container approach nods to Twitter Bootstrap.
 * Row takes a negative margin so that our container stays at 976px.
 * grid elements are named for the number of columns they take up,
 * .g-31 is full width and .g-1 is 16px wide, with a 16px margin.
 */

.g-container	{
	width: 976px;
	margin: 0 auto;
	/*position: relative; removed as part of 3126 - no need to make this relative*/ 
	clear: both;
}

/* Row also acts like HTML5 Boilerplate clearfix class */
.g-row  {
	margin-left: -16px;
}
.g-row:before, .g-row:after { content: ""; display: table; }
.g-row:after { clear: both; }
.g-row { *zoom: 1; }

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.g-1, .g-2, .g-3, .g-4, .g-5, .g-6, .g-7, .g-8, .g-9, .g-10, .g-11, .g-12, .g-13, .g-14, .g-15, .g-16, .g-17, .g-18, .g-19, .g-20, .g-21, .g-22, .g-23, .g-24, .g-25, .g-26, .g-27, .g-28, .g-29, .g-30, .g-31 {
	display: inline;
	float: left;
	margin-left: 16px;
}

/* =Grid >> 31 Columns
--------------------------------------------------------------------------------*/
.g-1{width:16px;}
.g-2{width:48px;}
.g-3{width:80px;}
.g-4{width:112px;}
.g-5{width:144px;}
.g-6{width:176px;}
.g-7{width:208px;}
.g-8{width:240px;}
.g-9{width:272px;}
.g-10{width:304px;}
.g-11{width:336px;}
.g-12{width:368px;}
.g-13{width:400px;}
.g-14{width:432px;}
.g-15{width:464px;}
.g-16{width:496px;}
.g-17{width:528px;}
.g-18{width:560px;}
.g-19{width:592px;}
.g-20{width:624px;}
.g-21{width:656px;}
.g-22{width:688px;}
.g-23{width:720px;}
.g-24{width:752px;}
.g-25{width:784px;}
.g-26{width:816px;}
.g-27{width:848px;}
.g-28{width:880px;}
.g-29{width:912px;}
.g-30{width:944px;}
.g-31{width:976px;}

/* =Grid >> 31 Columns - no left margin
--------------------------------------------------------------------------------*/
.m-1{margin-left:48px;}
.m-2{margin-left:80px;}
.m-3{margin-left:112px;}
.m-4{margin-left:144px;}
.m-5{margin-left:176px;}
.m-6{margin-left:208px;}
.m-7{margin-left:240px;}
.m-8{margin-left:272px;}
.m-9{margin-left:304px;}
.m-10{margin-left:336px;}
.m-11{margin-left:368px;}
.m-12{margin-left:400px;}
.m-13{margin-left:432px;}
.m-14{margin-left:464px;}
.m-15{margin-left:496px;}
.m-16{margin-left:528px;}
.m-17{margin-left:560px;}
.m-18{margin-left:592px;}
.m-19{margin-left:624px;}
.m-20{margin-left:656px;}
.m-21{margin-left:688px;}
.m-22{margin-left:720px;}
.m-23{margin-left:752px;}
.m-24{margin-left:784px;}
.m-25{margin-left:816px;}
.m-26{margin-left:848px;}
.m-27{margin-left:880px;}
.m-28{margin-left:912px;}
.m-29{margin-left:944px;}
.m-30{margin-left:976px;}
	/* ReSharper restore CssBrowserCompatibility */