/* grid_12_layout css - 960px
layout width: 960px
columns: 12
gutters (margins): 10px

Minden grid-nek alapbol 10px-es marginja van MINDNEN iranyban.

Gridben a grid:
	Ha egy gridbe tovabbi grideket szeretnenk helyezni, akkor ezt ugy tehetjuk meg,
	hogy a tartalmazo gridnek egy .gridWrapper class-t adunk es abba helyezzuk bele a kivant grid-eket.
	A gridWrapper-nek be van allitva, hogy az ot tartalmazo grideknek ne legyen top- es left-marginja.
	Tovabba a tartalmazo gridben levo elso es utolso gridekrol le kell szednunk a bal es jobboldali margin-okat (a szelesseg megtartasa miatt)
	
Ha margin helyett padding-okat szeretnenk a grid-ek kozott:
	Mikor lehet erre szuksegunk? 
	Ha pl. szeretnenk, hogy az egymas mellett levo gridek hatterszine osszeerjen, de ezt a gridek kozotti marginok megakadalyozzak.
	Ekkor a marginokat lecserelhetjuk paddingokra.
	Ilyenkor haromfele class adasa kozul kell valasztanunk a gridek egymashoz valo elhelyezkedesetol fuggoen:
	replaceLMPadding - lecsereli a grid 10px-es bal oldali marginjat paddingra
	replaceRMPadding - lecsereli a grid 10px-es jobb oldali marginjat paddingra
	replaceMPadding - lecsereli a grid 10px-es bal es jobb oldali marginjait paddingokra
*/

.gridLayout.container_12 {
	width: 960px;
	overflow: hidden;
}
 
 .container_12 .gridWrapper {
  overflow: hidden;
}
 
.container_12 .gridWrapper .grid1, .container_12 .gridWrapper .grid2, .container_12 .gridWrapper .grid3, .container_12 .gridWrapper .grid4,
.container_12 .gridWrapper .grid5, .container_12 .gridWrapper .grid6, .container_12 .gridWrapper .grid7, .container_12 .gridWrapper .grid8,
.container_12 .gridWrapper .grid9, .container_12 .gridWrapper .grid10, .container_12 .gridWrapper .grid11, .container_12 .gridWrapper .grid12 {
	margin-top: 0;
	margin-bottom: 0;
}
 
.container_12 .grid1, .container_12 .grid2, .container_12 .grid3, .container_12 .grid4,
.container_12 .grid5, .container_12 .grid6, .container_12 .grid7, .container_12 .grid8,
.container_12 .grid9, .container_12 .grid10, .container_12 .grid11, .container_12 .grid12 {
	float: left;
	margin: 10px;
	display: inline;
	overflow: hidden;
	position: relative;
}

.container_12 .firstGrid { margin-left: 0; }
.container_12 .lastGrid { margin-right: 0; }

/* replaced left margin with left padding */
.container_12 .replaceLMPadding {
	margin-left: 0;
	padding-left: 10px;
}
/* replaced right margin with right padding */
.container_12 .replaceRMPadding {
	margin-right: 0;
	padding-right: 10px;
}
/* replaced left and right margins with left and right paddings */
.container_12 .replaceMPadding {
	margin-left: 0;
	margin-right: 0;
	padding-left: 10px;
	padding-right: 10px;
}
  
.clearer { clear: both; }
 
.container_12 .grid1 { width: 60px; } 
.container_12 .grid2 { width: 140px; }
.container_12 .grid3 { width: 220px; }
.container_12 .grid4 { width: 300px; }
.container_12 .grid5 { width: 380px; }
.container_12 .grid6 { width: 460px; }
.container_12 .grid7 { width: 540px; }
.container_12 .grid8 { width: 620px; }
.container_12 .grid9 { width: 700px; }
.container_12 .grid10 { width: 780px; }
.container_12 .grid11 { width: 860px; }
.container_12 .grid12 { width: 955px; }

/* prefix */
.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}
/* END OF prefix */


/* suffix */
.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}
/* END OF suffix */