/* --------------------------------------------------------------------------------
   CSS : GRID
   -
   by Kings of Mambo / www.kingsofmambo.com
-------------------------------------------------------------------------------- */

.wrapper {
  width: 100%;
  overflow: hidden;
  xbackground: url('../images/layout/content_body.png') top center repeat-y;
}

#content {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 0 30px 0;
}

.showgrid { xbackground: url('../images/layout/grid.png') 0 0 repeat; }


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

.column, div.width-1, div.width-2, div.width-3, div.width-4, div.width-5, div.width-6, div.width-7, div.width-8, div.width-9, div.width-10, 
div.width-11, div.width-12, div.width-13, div.width-14, div.width-15, div.width-16, div.width-17, div.width-18, div.width-19, div.width-20, 
div.width-21, div.width-22, div.width-23, div.width-24 {
  float: left;
  margin-right: 10px;
  overflow: hidden;
}

.last, div.last { margin-right: 0; }

.width-1  { width: 30px; }
.width-2  { width: 70px; }
.width-3  { width: 110px; }
.width-4  { width: 150px; }
.width-5  { width: 190px; }
.width-6  { width: 230px; }
.width-7  { width: 270px; }
.width-8  { width: 310px; }
.width-9  { width: 350px; }
.width-10 { width: 390px; }
.width-11 { width: 430px; }
.width-12 { width: 470px; }
.width-13 { width: 510px; }
.width-14 { width: 550px; }
.width-15 { width: 590px; }
.width-16 { width: 630px; }
.width-17 { width: 670px; }
.width-18 { width: 710px; }
.width-19 { width: 750px; }
.width-20 { width: 790px; }
.width-21 { width: 830px; }
.width-22 { width: 870px; }
.width-23 { width: 910px; }
.width-24 { width: 950px; margin: 0; }
.centered { width: 950px; margin: 0 auto; text-align: left; overflow: hidden;}


.margin-1  { padding-right: 40px; }  
.margin-2  { padding-right: 80px; } 
.margin-3  { padding-right: 120px; } 
.margin-4  { padding-right: 160px; } 
.margin-5  { padding-right: 200px; } 
.margin-6  { padding-right: 240px; } 
.margin-7  { padding-right: 280px; } 
.margin-8  { padding-right: 320px; } 
.margin-9  { padding-right: 360px; } 
.margin-10 { padding-right: 400px; } 
.margin-11 { padding-right: 440px; } 
.margin-12 { padding-right: 480px; } 
.margin-13 { padding-right: 520px; } 
.margin-14 { padding-right: 560px; } 
.margin-15 { padding-right: 600px; } 
.margin-16 { padding-right: 640px; } 
.margin-17 { padding-right: 680px; } 
.margin-18 { padding-right: 720px; } 
.margin-19 { padding-right: 760px; } 
.margin-20 { padding-right: 800px; } 
.margin-21 { padding-right: 840px; } 
.margin-22 { padding-right: 880px; } 
.margin-23 { padding-right: 920px; }


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

.right {float: right}
.left {float: left;}

/* Clearing */

.clear {clear: both;}
