/* @override http://servernewemage.local/getit/css/gridinator.css */

/* 
========================
  GRIDINATOR CSS v0.4.1
  http://gridinator.com/
  
  GRIDINATOR CSS is a very basic framework to create
  grid-based layouts. The content of this file is 
  provided as-is, without support.
  
  If you would like to contact GRIDINATOR to suggest
  improvements, to ask for help or to file a bug report, 
  please feel free to email: gridinator@steff.me
  
  Your grid settings:
  	columns: 24
  	column width: 31px
  	column margin: 10px
  	container margin: 10px
    
=========================
*/
* { /* quick reset */
	margin: 0;	
}

body { 
	font-size: 16px;
	margin: 0;
	padding: 0;
	text-align: center;
}


.wrapper {
	margin: 0 auto; /* This centers the grid. Remove this line to place the grid on the left of the page. */
	text-align: left;
	width: 960px;
}

.inner-wrapper {
	clear: both;
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: left;
	padding: 0 10px 0 10px;
	position: relative;
	width: 974px;
}


.row {
  margin-left: -10px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 10px;
}



.container {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;	
}
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9,.span10,.span11,.span12,.span13,.span14,.span15,.span16,.span17,.span18,.span19,.span20,.span21,.span21,.span22,.span23,.span24 {
	clear: none;
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	position: relative;
	
}
.span1 {
	width: 31px;
}

.span2 {
	width: 72px;
}

.span3 {
	width: 113px;
}

.span4 {
	width: 154px;
}

.span5 {
	width: 195px;
}

.span6 {
	width: 236px;
}

.span7 {
	width: 277px;
}

.span8 {
	width: 318px;
}

.span9 {
	width: 359px;
}

.span10 {
	width: 400px;
}

.span11 {
	width: 441px;
}

.span12 {
	width: 482px;
}

.span13 {
	width: 523px;
}

.span14 {
	width: 564px;
}

.span15 {
	width: 605px;
}

.span16 {
	width: 646px;
}

.span17 {
	width: 687px;
}

.span18 {
	width: 728px;
}

.span19 {
	width: 769px;
}

.span20 {
	width: 810px;
}

.span21 {
	width: 851px;
}

.span22 {
	width: 892px;
}

.span23 {
	width: 933px;
}

.span24 {
	width: 974px;
	margin-right: 0;
}

.offset1 {
	margin-left: 41px;
}

.offset2 {
	margin-left: 82px;
}

.offset3 {
	margin-left: 123px;
}

.offset4 {
	margin-left: 164px;
}

.offset5 {
	margin-left: 205px;
}

.offset6 {
	margin-left: 246px;
}

.offset7 {
	margin-left: 287px;
}

.offset8 {
	margin-left: 328px;
}

.offset9 {
	margin-left: 369px;
}

.offset10 {
	margin-left: 410px;
}

.offset11 {
	margin-left: 451px;
}

.offset12 {
	margin-left: 492px;
}

.offset13 {
	margin-left: 533px;
}

.offset14 {
	margin-left: 574px;
}

.offset15 {
	margin-left: 615px;
}

.offset16 {
	margin-left: 656px;
}

.offset17 {
	margin-left: 697px;
}

.offset18 {
	margin-left: 738px;
}

.offset19 {
	margin-left: 779px;
}

.offset20 {
	margin-left: 820px;
}

.offset21 {
	margin-left: 861px;
}

.offset22 {
	margin-left: 902px;
}

.offset23 {
	margin-left: 943px;
}

.suffix-one {
	margin-right: 51px;
}

.suffix-two {
	margin-right: 92px;
}

.suffix-three {
	margin-right: 133px;
}

.suffix-four {
	margin-right: 174px;
}

.suffix-five {
	margin-right: 215px;
}

.suffix-six {
	margin-right: 256px;
}

.suffix-seven {
	margin-right: 297px;
}

.suffix-eight {
	margin-right: 338px;
}

.suffix-nine {
	margin-right: 379px;
}

.suffix-ten {
	margin-right: 420px;
}

.suffix-eleven {
	margin-right: 461px;
}

.suffix-twelve {
	margin-right: 502px;
}

.suffix-thirteen {
	margin-right: 543px;
}

.suffix-fourteen {
	margin-right: 584px;
}

.suffix-fifteen {
	margin-right: 625px;
}

.suffix-sixteen {
	margin-right: 666px;
}

.suffix-seventeen {
	margin-right: 707px;
}

.suffix-eighteen {
	margin-right: 748px;
}

.suffix-nineteen {
	margin-right: 789px;
}

.suffix-twenty {
	margin-right: 830px;
}

.suffix-twenty-one {
	margin-right: 871px;
}

.suffix-twenty-two {
	margin-right: 912px;
}

.suffix-twenty-three {
	margin-right: 953px;
}

.clear { /* Useful generic clearing class. */
	clear: both;
}
.last-col {
	margin-right: 0;
}