/* ---------------------------------------------------- */
/*  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                                   */
/* ---------------------------------------------------- */
.clearleft   {clear:left;}
.clearright  {clear:right;}
.clearboth   {clear:both;}
.clearoff    {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;}
.float_right {float: right;}
.float_left  {float: left;}

/* ---------------------------------------------------- */
/* misc                                                 */
/* ---------------------------------------------------- */
sup {
	vertical-align:super;
	font-size:0.9em;
}
em, .em {
	font-style:italic;
}

hr { 
	height:0; 
	border:0;
        border-top:1px dashed #81d3eb; 
	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;}