/*********************************************************************************************

Project : mgrid
Version: 1.0
Author: Oussama Bougnouch

**********************************************************************************************

/********************************************************************************************* 

1.  Grid 960px (mediaqueries)

*********************************************************************************************/

.container{
	margin:0 0 0 40px;
	width: 960px;
	text-align: left;
}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{
	display:block;
	float: left;
	margin: 0 10px;
}
.container .grid-1 {
	width:60px;
}
.container .grid-2 {
	width:140px;
}
.container .grid-3 {
	width:220px;
}
.container .grid-4 {
	width:300px;
}
.container .grid-5 {
	width:380px;
}
.container .grid-6 {
	width:460px;
}
.container .grid-7 {
	width:540px;
}
.container .grid-8 {
	width:620px;
}
.container .grid-9 {
	width:700px;
}
.container .grid-10 {
	width:780px;
}
.container .grid-11 {
	width:860px;
}
.container .grid-12 {
	width:940px;
}
/*******************************************************
********************* Offset 960px
*******************************************************/
.offset-by-1{
	margin-left: 80px;
}
.offset-by-2{
	margin-left: 160px;
}
.offset-by-3{
	margin-left: 240px;
}
.offset-by-4{
	margin-left: 320px;
}
.offset-by-5{
	margin-left: 400px;
}
.offset-by-6{
	margin-left: 480px;
}
.offset-by-7{
	margin-left: 560px;
}
.offset-by-8{
	margin-left: 640px;
}
.offset-by-9{
	margin-left: 720px;
}
.offset-by-10{
	margin-left: 800px;
}
.offset-by-11{
	margin-left: 880px;
}
.offset-by-12{
	margin-left: 960px;
}