/* sets all default margins and padding values to zero */
* {
  padding: 0;
  margin: 0;
  }
  
html {
  font-size: 100%;
  height: 100%;
  }  

/* this aligns all elements to center for IE6 which doesn't read auto margin, also sets body margin and padding to zero */
body {
   height: 100%;
   text-align:center;
   margin: 0 0;
   padding: 0 0;
   font-size: 62.5%;
   background-color:#fff; 
   }

/* this class clears float containers and is used with a break */   
.clear { 
    clear:both;
    height:0;
    margin:0;
    font-size: 1px;
    line-height: 0;
    }
	
.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 */		
	
/* these classes float images left or right */	
.leftFloatImgs {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  border: 1px solid #000;
  }
  
.rightFloatImgs {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  border: 1px solid #000;
  }
/* --------------------------------- */