@charset "UTF-8";

/*****************************************
/	Clear / Clearfix
/****************************************/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom:1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom:1;
} /* IE7 */


/*****************************************
/	Grid Set Up
/****************************************/
body {
	min-width: 960px;
}

.container {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

.grid {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.container.span12 .grid.span3,
.container.span16 .grid.span4 {
  width: 220px;
}

.container.span12 .grid.span6,
.container.span16 .grid.span8 {
  width: 460px;
}

.container.span12 .grid.span9,
.container.span16 .grid.span12 {
  width: 700px;
}

.container.span12 .grid.span12,
.container.span16 .grid.span16 {
  width: 940px;
}

.container .first {
	margin-left: 0px;
}

.container .last {
	margin-right: 0px;
}

/*****************************************
/	12-column Grid Columns
/****************************************/
.container.span12 .grid.span1 {
  width: 60px;
}

.container.span12 .grid.span2 {
  width: 140px;
}

.container.span12 .grid.span4 {
  width: 300px;
}

.container.span12 .grid.span5 {
  width: 380px;
}

.container.span12 .grid.span7 {
  width: 540px;
}

.container.span12 .grid.span8 {
  width: 620px;
}

.container.span12 .grid.span10 {
  width: 780px;
}

.container.span12 .grid.span11 {
  width: 860px;
}

/*****************************************
/	16-column Grid Columns
/****************************************/
.container.span16 .grid.span1 {
  width: 40px;
}

.container.span16 .grid.span2 {
  width: 100px;
}

.container.span16 .grid.span3 {
  width: 160px;
}

.container.span16 .grid.span5 {
  width: 280px;
}

.container.span16 .grid.span6 {
  width: 340px;
}

.container.span16 .grid.span7 {
  width: 400px;
}

.container.span16 .grid.span9 {
  width: 520px;
}

.container.span16 .grid.span10 {
  width: 580px;
}

.container.span16 .grid.span11 {
  width: 640px;
}

.container.span16 .grid.span13 {
  width: 760px;
}

.container.span16 .grid.span14 {
  width: 820px;
}

.container.span16 .grid.span15 {
  width: 880px;
}