/* =floating
-----------------------------------------------------------------------------
*/

.clear { height: 1%; line-height: 1px; clear: both; font-size: 1px; }
.left  { float: left; }
.right { float: right; }



/* =invisible
-----------------------------------------------------------------------------
*/

.invisible { visibility: hidden; }



/* =hiding text for accessibility
-----------------------------------------------------------------------------
*/

.hide { position: absolute; left: -999px; width: 990px; }



/* =clearfix
-----------------------------------------------------------------------------
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

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



/* =testbox
-----------------------------------------------------------------------------
*/

.test { border: 1px solid red; }