/* --------------------------------------------------------------


-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
	display: block;
  margin: 0 auto;
  position: relative;
}

/* Use this class on any .span / container to see the grid. */
.showgrid {
  background: url(grid.png);
}


/* Columns
-------------------------------------------------------------- */

div.first {
	padding-left: 0;
}

div.last {
	padding-right: 0;
}

/* Sets up basic grid floating and margin. */
.span-07, .span-09, .span-15, .span-18, .span-23, .span-31, .span-38, .span-45, .span-48, .span-55, .span-60, .span-65, .span-70, .span-75 , .span-80{
	float: left; 
	padding: 0  .5em  .5em  .5em;  /* changed top from .5em   TM  5/29/2014 */
	position: relative;
}

.span-all {
	padding: 0  6%  .5em  6%;
}

.span-07 {
	width: 7%;
}

.span-09 {
	width: 9%;
}

.span-15 {
	width: 15%;
}

.span-18 {
	width: 18%;
}

.span-23 {
	width: 23%;
}

.span-31 {
	width: 31%;
}

.span-38 {
	width: 38%;
}

.span-45 {
	width: 45%;
}

.span-48 {
	width: 48%;
}

.span-55 {
	width: 55%;
}

.span-60 {
	width: 60%;
}

.span-65 {
	width: 65%;
}

.span-70 {
	width: 70%;
}

.span-75 {
	width: 77%;
}

.span-80 {
	width: 80%;
}

.span-100 {
	float: left;
	padding: .5em  0  .5em  0;
	width: 100%;
}

/* Use this to create a horizontal ruler across a column. */
/*
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 0 0 1.45em;  
  border: none;
}
*/

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}

.clearfix {
	display: block;
}