/*
	CLASSES FOR CLEARING FLOATS
*/


.brclear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}

/* Easy Clearing of Float: The clearfix uses the pseudo element after: which generates content after an element. The appended content in this case is a simple punctuation mark, the period, which is given a height of 0 and a visibility set to hidden. We can then add clear:both to our pseudo element, and viola! Our float is cleared. We also do a little IE Mac hiding to complete the technique. */
.clearfix:after {   
     content: "."; /* This dot is the actual appended content */   
     clear: both;   
     height: 0;   
     visibility: hidden;   
     display: block; 
} 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
/* End hide from IE-mac */