.row {
  margin-left:0;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  margin-left: 0;
}
/*
	breaking .row in to 24 spans (or columns)
  # 960 / 24 = 40 (pixels)
  # 100 / 24 = 4.16667 (precent, also limited to 5 decimal places as any more and some browsers miscalculate)
---------------------------------------- */   
.span1 {
  width: 4.166667%
}
.span2 {
  width: 8.333334%;
}
.span3 {
  width: 12.500001%;
}
.span4 {
  width: 16.666668%;
}
.span5 {
  width: 20.833335%;
}
.span6 {
  width: 25%;
}
.span7 {
  width: 29.166669%;
}
.span8 {
  width: 33.333336%;
}
.span9 {
  width: 37.500003%;
}
.span10 {
  width: 41.66667%;
}
.span11 {
  width: 45.833337%;
}
.span12 {
 	width: 50%; 
}
.span13 {
  width: 44.166667%
}
.span14 {
  width: 58.333334%;
}
.span15 {
  width: 62.500001%;
}
.span16 {
  width: 66.666668%;
}
.span17 {
  width: 70.833335%;
}
.span18 {
  width: 75%;
}
.span19 {
  width: 79.166669%;
}
.span20 {
  width: 83.333336%;
}
.span21 {
  width: 87.500003%;
}
.span22 {
  width: 91.66667%;
}
.span23 {
  width: 95.833337%;
}
.span24 {
  width: 100%;
}