/*  
*
*		MSM Grid framework
*		File type: CSS2
*		Media type: screen
*		License : GPL
*   
---------------------------------------- 
        Stylesheet structure
----------------------------------------
#1 - Debug
#2 - Box floats
#3 - Box widths
#4 - Box heights
#5 - Clear classes
#6 - Misc
#7 - Borders
	#7.1 - Border top
	#7.1 - Border bottom
	#7.1 - Border right
	#7.1 - Border left	
	#7.1 - No border 		
#8 - Margins
	#8.1 - Margin ALL
	#8.2 - Margin Left
	#8.3 - Margin Right
	#8.4 - Margin Top
	#8.5 - Margin Bottom
#9 - Paddings
	#9.1 - Padding ALL
	#9.2 - Padding Left
	#9.3 - Padding Right
	#9.4 - Padding Bottom
	#9.5 - Padding top					
#10 - Vertical alignments


/* #1 -------- Debug -------- */
	.dbgC1{ background:red; }
	.dbgC2{ background:green; }
	.dbgC3 {background:cyan;}
	.dbgC4 {background:yellow;}


/* #2 -------- Box floats -------- */
	.boxFltL	{ float: left; display:inline;	}
	.boxFltR	{ float: right; display:inline;}	

	
/* #3 -------- Box widths -------- */
	.boxW0 { width:0px;  }
	.boxW1 { width:60px;  }
	.boxW2 { width:660px;  }
	.boxW3 { width:200px;  }	
	.boxW4 { width:300px;  }	
	.boxW5 { width:100%;  }
	.boxW6 { width:50%;  }

	
/* #4 -------- Box heights -------- */
	.boxH0{ height:0px;}


/* #5 -------- Clear classes -------- */
	.clearfix:after{
	    content: "\0020"; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden; 
	    overflow:hidden; 
	}
	.clear { clear:both; }


/* #6 -------- Misc -------- */
	.hide		{ display: none; }
	.dBlock	{ display: block; }
	.firstItem		{ margin-left:0; padding-left:0; }
	.lastItem		{ margin-right:0; padding-right:0; }
	.topItem		{ margin-top:0; padding-top:0; }
	.bottomItem	{ margin-bottom:0; padding-bottom:0; }
	
/* #7 -------- Borders -------- */

	/* #7.1 - Border top - */
		.brdT1{ border-top:1px solid #ffffff; }	

	/* #7.2 - Border bottom - */
		.brdB1{ border-bottom:1px solid #ffffff; }

	/* #7.3 - Border right - */
		.brdR1{ border-top:1px solid #ffffff; }	

	/* #7.4 - Border left - */
		.brdL1{ border-bottom:1px solid #ffffff; }

	/* #7.5 - No borders - */
		.brdNone{ border:none; }
	
	
/* #8 -------- Margins -------- */
			
	/* #8.1 - Margin ALL - */
		.mrgAll0{margin:0px;	}
	
	/* #8.2 - Margin Left - */
		.mrgL0{ margin-left:0px; }
		.mrgL1{ margin-left:50px; }
		.mrgL2{ margin-left: 210px;}
		
	/* #8.3 - Margin Right - */
		.mrgR0{ margin-right:0px; }
		.mrgR1{ margin-right:680px; }
		.mrgR2{ margin-right:210px; }
	
	/* #8.4 - Margin Top - */
		.mrgT0{ margin-top:0px; }
			
	/* #8.5 - Margin Bottom - */
		.mrgB0{ margin-top:0px; }		
		
		
/* #9 -------- Paddings -------- */

	/* #9.1 - Padding ALL - */
		.padAll0{ padding:0px; }
			
	/* #9.2 - Padding Left - */
		.padL0{ padding-left:0px; }			

	/* #9.3 - Padding Right - */
		.padR0{ padding-right:0px; }
		.padR1{ padding-right:20px; }			

	/* #9.4 - Padding Bottom - */
		.padB0{ padding-bottom:30px; }			
			
	/* #9.5 - Padding top - */					
		.padT0{ padding-top:0px; }
		.padT1{ padding-top:20px; }
		.padT2{ padding-top:15px; }


/* #10 -------- Vertical alignments -------- */
	.vlgT, .vlgT * { vertical-align:top !important; }


/* #11 -------- Clear classes -------- */