.grid {
  display: block;
  padding: 0;
  margin: 0 -15px;

  text-align: left;

  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
  
  
}

.grid.autoheight{
	overflow:auto;	
}


.opera:-o-prefocus,
.grid {
  word-spacing: -0.43em;
 
}


.grid > .grid {
  overflow: hidden;
  margin-right: 0;
  margin-left: 0;
}


.grid__cell {
  height: auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  
  margin: 0;
  padding: 0 45px;
  
  vertical-align: top;
 
  text-align: center;

  letter-spacing: normal;

  word-spacing: normal;

  text-rendering: auto;

}

.grid--center {
  text-align: center;
}


.grid--left {
  text-align: left;
}


.grid--right {
  text-align: right;
}


.grid__cell--center {
  display: block;
  margin: 0 auto;
}


.grid__cell--left {
  display: block;
  margin-right: auto;
}


.grid__cell--right {
  display: block;
  margin-left: auto;
}


.unit-1-2, .unit-2-4, .unit-3-6, .unit-6-12 {
  width: 50%;
}

.unit-1-3, .unit-2-6, .unit-4-12 {
  width: 33.333%;
}

.unit-2-3, .unit-4-6, .unit-8-12 {
  width: 66.667%;
}

.unit-1-4, .unit-3-12 {
  width: 25%;
}

.unit-3-4, .unit-9-12 {
  width: 75%;
}

.unit-1-5 {
  width: 20%;
}

.unit-2-5 {
  width: 40%;
}

.unit-3-5 {
  width: 60%;
}

.unit-4-5 {
  width: 80%;
}

.unit-1-6, .unit-2-12 {
  width: 16.667%;
}

.unit-5-6, .unit-10-12 {
  width: 83.333%;
}

.unit-1-12 {
  width: 8.333%;
}

.unit-5-12 {
  width: 41.667%;
}

.unit-7-12 {
  width: 58.333%;
}

.unit-11-12 {
  width: 91.667%;
}

.sidebar {
  float: left;
  width: 220px;
}