/*	12 COLUMN : RESPONSIVE GRID SYSTEM
	DEVELOPER : DENIS LEBLANC
	URL : http://responsive.gs
	VERSION : 3.0
	LICENSE : GPL & MIT */


/*	MAIN CONTAINER 
	Set the width to whatever you want the width of your site to be. */
.contents-940 { 
	max-width: 940px;
	min-width: 940px;
	margin: 0 auto; 
}
.contents-960 { 
	max-width: 960px;
	min-width: 960px;
	margin: 0 auto; 
}
.contents-1020 { 
	max-width: 1020px;
	min-width: 1020px;
	margin: 0 auto; 
}


/* 	DEFAULT ROW STYLES 
	Set bottom padding according to preference */
.row { 
	padding-bottom: 0em;
}
			
								  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float: left;
	width: 100%;
}

/* *********************************************************************************************************************
* large devices
* contents width 960px
*/
@media only screen and (min-width:641px){
	.contents-960 .gutters .col {
		margin-left: 20px;
	}
	.contents-960 .gutters .col:first-child { 
		margin-left: 0; 
	}
}

@media only screen and (min-width:641px){
	.contents-960 .ld_1 { width: 80px; }
	.contents-960 .ld_2 { width: 160px; }
	.contents-960 .ld_3 { width: 240px; }
	.contents-960 .ld_4 { width: 320px; }
	.contents-960 .ld_5 { width: 400px; }
	.contents-960 .ld_6 { width: 480px; }
	.contents-960 .ld_7 { width: 560px; }
	.contents-960 .ld_8 { width: 640px; }
	.contents-960 .ld_9 { width: 720px; }
	.contents-960 .ld_10 { width: 800px; }
	.contents-960 .ld_11 { width: 880px; }
	.contents-960 .ld_12 { width: 960px; }
	
	.contents-960 .gutters .ld_1 { width: 60px; }
	.contents-960 .gutters .ld_2 { width: 140px; }
	.contents-960 .gutters .ld_3 { width: 220px; }
	.contents-960 .gutters .ld_4 { width: 300px; }
	.contents-960 .gutters .ld_5 { width: 380px; }
	.contents-960 .gutters .ld_6 { width: 460px; }
	.contents-960 .gutters .ld_7 { width: 540px; }
	.contents-960 .gutters .ld_8 { width: 620px; }
	.contents-960 .gutters .ld_9 { width: 700px; }
	.contents-960 .gutters .ld_10 { width: 780px; }
	.contents-960 .gutters .ld_11 { width: 860px; }
	.contents-960 .gutters .ld_12 { width: 940px; }
}

/* *********************************************************************************************************************
 * small devices(spMode) 
 * contents width 750px
 */
html.spMode .contents-940,
html.spMode .contents-960,
html.spMode .contents-1020{
	max-width: 640px;
	min-width: 640px;
}
html.spMode .gutters .col {
	margin-left: 12px;
}
html.spMode .gutters .col.sd_12 {
	margin-left: 0;
}

html.spMode .gutters .col:first-child { 
	margin-left: 0; 
}

html.spMode .sd_2 { width: 375px; }
html.spMode .sd_3 { width: 250px; }
html.spMode .sd_12 { width: 750px; }

html.spMode .gutters .sd_2 { width: 369px; }
html.spMode .gutters .sd_3 { width: 242px; }
html.spMode .gutters .sd_12 { width: 750px; }