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



/* Body margin  default  */
body {
  margin:1.5em 0;	
}


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

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25, div.span-26, div.span-27, div.span-28, div.span-29, div.span-30, div.span-31, div.span-32, div.span-33, div.span-34, div.span-35, div.span-36, div.span-37, div.span-38, div.span-39, div.span-40, div.span-41, div.span-42, div.span-43, div.span-44, div.span-45, div.span-46, div.span-47, div.span-48 {float:left;margin-right: 4px;}


div.last { margin-right: 0; }


.span-1  { width: 17px;} .span-2  { width: 38px;} .span-3  { width: 59px;} .span-4  { width: 80px;} .span-5  { width: 101px;} .span-6  { width: 122px;}
.span-7  { width: 143px;} .span-8  { width: 164px;} .span-9  { width: 185px;} .span-10 { width: 206px;} .span-11 { width: 227px;} .span-12 { width: 248px;} 
.span-13 { width: 269px;} .span-14 { width: 290px;} .span-15 { width: 311px;} .span-16 { width: 332px;} .span-17 { width: 353px;} .span-18 { width: 374px;}
.span-19 { width: 395px;} .span-20 { width: 416px;} .span-21 { width: 437px;} .span-22 { width: 458px;} .span-23 { width: 479px;} .span-24 { width: 500px;} 
.span-25 { width: 521px;} .span-26 { width: 542px;} .span-27 { width: 563px;} .span-28 { width: 584px;} .span-29 { width: 605px;} .span-30 { width: 626px;} 
.span-31 { width: 647px;} .span-32 { width: 668px;} .span-33 { width: 689px;} .span-34 { width: 710px;} .span-35 { width: 731px;} .span-36 { width: 752px;} 
.span-37 { width: 773px;} .span-38 { width: 794px;} .span-39 { width: 815px;} .span-40 { width: 836px;} .span-41 { width: 857px;} .span-42 { width: 878px;} 
.span-43 { width: 899px;} .span-44 { width: 920px;} .span-45 { width: 941px;} .span-46 { width: 962px;} .span-47 { width: 983px;} 
.span-48, div.span-48 { width: 1004px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 21px;} .append-2  { padding-right: 42px;} .append-3  { padding-right: 63px;} .append-4  { padding-right: 84px;} .append-5  { padding-right: 105px;} 
.append-6  { padding-right: 126px;} .append-7  { padding-right: 147px;} .append-8  { padding-right: 168px;} .append-9  { padding-right: 189px;} .append-10 { padding-right: 210px;} 
.append-11 { padding-right: 231px;} .append-12 { padding-right: 252px;} .append-13 { padding-right: 273px;} .append-14 { padding-right: 294px;} .append-15 { padding-right: 315px;} 
.append-16 { padding-right: 336px;} .append-17 { padding-right: 357px;} .append-18 { padding-right: 378px;} .append-19 { padding-right: 399px;} .append-20 { padding-right: 420px;} 
.append-21 { padding-right: 441px;} .append-22 { padding-right: 462px;} .append-23 { padding-right: 483px;} .append-24 { padding-right: 504px;} .append-25 { padding-right: 525px;} 
.append-26 { padding-right: 546px;} .append-27 { padding-right: 567px;} .append-28 { padding-right: 588px;} .append-29 { padding-right: 609px;} .append-30 { padding-right: 630px;} 
.append-31 { padding-right: 651px;} .append-32 { padding-right: 672px;} .append-33 { padding-right: 693px;} .append-34 { padding-right: 714px;} .append-35 { padding-right: 735px;} 
.append-36 { padding-right: 756px;} .append-37 { padding-right: 777px;} .append-38 { padding-right: 798px;} .append-39 { padding-right: 819px;} .append-40 { padding-right: 840px;} 
.append-41 { padding-right: 861px;} .append-42 { padding-right: 882px;} .append-43 { padding-right: 903px;} .append-44 { padding-right: 924px;} .append-45 { padding-right: 945px;} 
.append-46 { padding-right: 966px;} .append-47 { padding-right: 987px;} 


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 21px;} .prepend-2  { padding-left: 42px;} .prepend-3  { padding-left: 63px;} .prepend-4  { padding-left: 84px;}  .prepend-5  { padding-left: 105px;}
.prepend-6  { padding-left: 126px;} .prepend-7  { padding-left: 147px;} .prepend-8  { padding-left: 168px;} .prepend-9  { padding-left: 189px;} .prepend-10 { padding-left: 210px;} 
.prepend-11 { padding-left: 231px;} .prepend-12 { padding-left: 252px;} .prepend-13 { padding-left: 273px;} .prepend-14 { padding-left: 294px;} .prepend-15 { padding-left: 315px;} 
.prepend-16 { padding-left: 336px;} .prepend-17 { padding-left: 357px;} .prepend-18 { padding-left: 378px;} .prepend-19 { padding-left: 399px;} .prepend-20 { padding-left: 420px;} 
.prepend-21 { padding-left: 441px;} .prepend-22 { padding-left: 462px;} .prepend-23 { padding-left: 483px;} .prepend-24 { padding-left: 504px;} 
.prepend-25 { padding-left: 525px;} .prepend-26 { padding-left: 546px;} .prepend-27 { padding-left: 567px;} .prepend-28 { padding-left: 588px;} .prepend-29 { padding-left: 609px;} 
.prepend-30 { padding-left: 630px;} .prepend-31 { padding-left: 651px;} .prepend-32 { padding-left: 672px;} .prepend-33 { padding-left: 693px;} .prepend-34 { padding-left: 714px;} 
.prepend-35 { padding-left: 735px;} .prepend-36 { padding-left: 756px;} .prepend-37 { padding-left: 777px;} .prepend-38 { padding-left: 798px;} .prepend-39 { padding-left: 819px;} 
.prepend-40 { padding-left: 840px;} .prepend-41 { padding-left: 861px;} .prepend-42 { padding-left: 882px;} .prepend-43 { padding-left: 903px;} .prepend-44 { padding-left: 924px;} 
.prepend-45 { padding-left: 945px;} .prepend-46 { padding-left: 966px;} .prepend-47 { padding-left: 987px;} 



/* Border rhs. */
div.border {
  padding-right:1px;
  margin-right:2px;
  border-right: 1px solid #eee;
}

/* Border with more white . */
div.colborder {
  padding-right:18px;
  margin-right:15px;
  border-right: 1px solid #eee;
}


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

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

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;
}



.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}



.clear { clear:both; }