/* A container should group all your columns. */
.container {
  width: 1000px;
  margin: 0 auto;
}

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


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

/* Sets up basic grid floating and margin. */
.column, div.span-7, div.span-7-sec, div.span-17, div.span-17-sec, div.span-24 {
  float: left;
  margin: 0; /*margin-right: 10px;*/
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */

.span-7 {width: 266px;} /*.span-7 {width: 270px;}*/
.span-17 {width: 730px;} /*.span-17 {width: 670px;}*/
.span-24, div.span-24 { width:1000px; margin:0; } /*.span-24, div.span-24 { width:950px; margin:0; }*/

.span-7-sec {width: 263px;} /*.span-7 {width: 270px;}*/
.span-17-sec {width: 730px;} /*.span-17 {width: 670px;}*/


/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}



/* Misc classes and elements
-------------------------------------------------------------- */

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


/* 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, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }