/*  
*
*		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;}
	.colorTxt1{ color:#74b7ff}


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

	
/* #3 -------- Box widths -------- */
	.boxW0 { width:0px;  }
	.boxW1 { width:210px;  }
	.boxW2 { width:550px;  }
	.boxW3 { width:180px;  }
	.boxW4 { width:330px;  }	
	.boxW5 { width:60% !important;  }
	.boxW6 { width:230px; position: relative;  }
	.boxW7 { width:155px;  }
	.boxW8 { width:70px;  }

	
/* #4 -------- Box heights -------- */
	.boxH0{ height:0px;}
	.boxH1{ height:50px;}
	.boxH2{ height:265px;}
	.boxH3{ height: 325px;}
	.boxH4{ height: 265px;}
	.boxH5{ height: 310px;}


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

	a.rounded {
		  outline: none;
		  border: none;
		  text-decoration: none;
		  cursor: pointer;
		  white-space: nowrap;
		  vertical-align: middle; /* or top */
		  display: -moz-inline-box;
		  display: inline-block;
		  overflow: visible; /* IE6 form button fix */ 
		}
		

/* #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:230px; }
		.mrgL2{ margin-left:220px; }
		.mrgL3{ margin-left:250px; }
		.mrgL4{ margin-left:20px; }
		
	/* #8.3 - Margin Right - */
		.mrgR0{ margin-right:0px; }
		.mrgR1{ margin-right:220px; }
		.mrgR2{ margin-right:220px; }
		.mrgR3{ margin-right:350px; }
	
	/* #8.4 - Margin Top - */
		.mrgT0{ margin-top:0px; }
		.mrgT1{ margin-top:20px; }
		.mrgT10{ margin-top:10px; }
		.mrgT20{ margin-top:20px; }
		.mrgT5{ margin-top:5px; }
			
	/* #8.5 - Margin Bottom - */
		.mrgB0{ margin-bottom:0px; }
		.mrgB1{ margin-bottom:20px !important; }		
		
		
/* #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; }			

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


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


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