/* ---------------------------------------------------- */
 /*  global styles                                       */
 /* ---------------------------------------------------- */
 * {margin:0; padding:0; border: 0}
 
 html, body {
 	height: 100%;    /* Because the IE doesnt know min-height */
 	min-height:100%; /* For other browsers */
 }
 
 /* ---------------------------------------------------- */
 /* clear floated divs                                   */
 /* ---------------------------------------------------- */
 .clear_left  {clear:left;}
 .clear_right {clear:right;}
 .clear_both  {clear:both;}
 .clear_off   {clear:none;}
 
 /* ---------------------------------------------------- */
 /* alsett clearing method                               */
 /* www.positioniseverything.net/easyclearing.html       */
 /* use on a div containing floated divs, class=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 */
 
 /* ---------------------------------------------------- */
 /* end of alsett clearing method                        */
 /* ---------------------------------------------------- */
 
 
 
 
 
 
 
 
 /* ---------------------------------------------------- */
 /* alignment classes                                    */
 /* ---------------------------------------------------- */
 .align_right {text-align: right;}
 .align_left  {text-align: left;}
 .align_center {text-align: center;}
 .float_right {float: right;}
 .float_left  {float: left;}
 
 /* ---------------------------------------------------- */
 /* misc                                                 */
 /* ---------------------------------------------------- */
 sup {
 	vertical-align:super;
 	font-size:0.9em;
 }
 .small {
 	font-size:0.9em;
 }
 em, .em {
 	font-style:italic;
 }
 
 hr { 
 	height:0; 
 	border:0;
        border-top:1px dashed #666; 
 	margin:17px 0px 0px 0px;
 }
 
 
 .flush_top {
 	margin-top:0px;
 }
 
 
 .preload {
 	height: 0; 
 	width: 0; 
 	border-width: 0;
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	z-index: -30;
 }
 
 
 /* use it like this */
 /* <div> */
 /* <img class="preload" src="images/site/background_main.jpg" alt="PRELOAD" /> */
 /* </div> */
 
 
 img { display:block; }
 
 img { vertical-align:bottom;}