/* ----- GRID CSS ----

@usage:
First declare a gridUnit Class , then add a size that you need, finally you must add the gridLastUnit to your final element

@exemple
<div class="gridUnit grid1of3">
  <p>element 1</p>
</div>
<div class="gridUnit grid1of3">
  <p>element 2</p>
</div>
<div class="gridLastUnit">
  <p>Final element</p>
</div>


/* ========================== Grid Styles ========================== */


.gridUnit{float:left;}
.grid1of1{float:none;}
.grid1of2{width:50%;}
.grid1of3{width:33.33333%;}
.grid2of3{width:66.66666%;}
.grid1of4{width:25%;}
.grid3of4{width:75%;}
.grid1of5{width:20%;}
.grid2of5{width:40%;}
.grid3of5{width:60%;}
.grid4of5{width:80%;}
.gridLastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
.gridWrapper{width:850px;margin:0 auto;position:relative;}