/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

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

.cont_1,.cont_2,.cont_3,.cont_4,
.cont_5,.cont_6,.cont_7,
.cont_8,.cont_9,.cont_10,
.cont_11,.cont_12,.cont_13,
.cont_14,.cont_15,.cont_16,
.cont_17,.cont_18,.cont_19,
.cont_20,.cont_21,.cont_22,
.cont_23,.cont_24 { 
	display:inline;
	float:left;
	margin-right:5px; 
	margin-left:5px; 
	
}

.cont_1 div,.cont_2 div,.cont_3 div,.cont_4 div,
.cont_5 div,.cont_6 div,.cont_7 div,
.cont_8 div,.cont_9 div,.cont_10 div,
.cont_11 div,.cont_12 div,.cont_13 div,
.cont_14 div,.cont_15 div,.cont_16 div,
.cont_17 div,.cont_18 div,.cont_19 div,
.cont_20 div,.cont_21 div,.cont_22 div,
.cont_23 div,.cont_24 div { 
    margin:0; 
}


.cont_1 div.alpha_i,.cont_2 div.alpha_i,.cont_3 div.alpha_i,
.cont_4 div.alpha_i,.cont_5 div.alpha_i,
.cont_6 div.alpha_i,.cont_7 div.alpha_i,
.cont_8 div.alpha_i,.cont_9 div.alpha_i,
.cont_10 div.alpha_i,.cont_11 div.alpha_i,
.cont_12 div.alpha_i,.cont_13 div.alpha_i,
.cont_14 div.alpha_i,.cont_15 div.alpha_i,
.cont_16 div.alpha_i,.cont_17 div.alpha_i,
.cont_18 div.alpha_i,.cont_19 div.alpha_i,
.cont_20 div.alpha_i,.cont_21 div.alpha_i,
.cont_22 div.alpha_i,.cont_23 div.alpha_i,
.cont_24 div.alpha_i { 
    margin-right: 5px; 
}

.cont_1 div.omega_i,.cont_2 div.omega_i,
.cont_3 div.omega_i,.cont_4 div.omega_i,
.cont_5 div.omega_i,.cont_6 div.omega_i,
.cont_7 div.omega_i,.cont_8 div.omega_i,
.cont_9 div.omega_i,.cont_10 div.omega_i,
.cont_11 div.omega_i,.cont_12 div.omega_i,
.cont_13 div.omega_i,.cont_14 div.omega_i,
.cont_15 div.omega_i,.cont_16 div.omega_i,
.cont_17 div.omega_i,.cont_18 div.omega_i,
.cont_19 div.omega_i,.cont_20 div.omega_i,
.cont_21 div.omega_i,.cont_22 div.omega_i,
.cont_23 div.omega_i,.cont_24 div.omega_i { 
    margin-left: 5px; 
}

.cont_1 div.gamma_i,.cont_2 div.gamma_i,
.cont_3 div.gamma_i,.cont_4 div.gamma_i,
.cont_5 div.gamma_i,.cont_6 div.gamma_i,
.cont_7 div.gamma_i,.cont_8 div.gamma_i,
.cont_9 div.gamma_i,.cont_10 div.gamma_i,
.cont_11 div.gamma_i,.cont_12 div.gamma_i,
.cont_13 div.gamma_i,.cont_14 div.gamma_i,
.cont_15 div.gamma_i,.cont_16 div.gamma_i,
.cont_17 div.gamma_i,.cont_18 div.gamma_i,
.cont_19 div.gamma_i,.cont_20 div.gamma_i,
.cont_21 div.gamma_i,.cont_22 div.gamma_i,
.cont_23 div.gamma_i,.cont_24 div.gamma_i { 
    margin:0 5px;
}

.cont_1{ width:30px;}
.cont_2{ width:70px;}
.cont_3{ width:110px;}
.cont_4{ width:150px;}
.cont_5{ width:190px;}
.cont_6{ width:230px;}
.cont_7{ width:270px;}
.cont_8{ width:310px;}
.cont_9{ width:350px;}
.cont_10{ width:390px;}
.cont_11{ width:430px;}
.cont_12{ width:470px;}
.cont_13{ width:510px;}
.cont_14{ width:550px;}
.cont_15{ width:590px;}
.cont_16{ width:630px;}
.cont_17{ width:670px;}
.cont_18{ width:710px;}
.cont_19{ width:750px;}
.cont_20{ width:790px;}
.cont_21{ width:830px;}
.cont_22{ width:870px;}
.cont_23{ width:910px;}
.cont_24{ width:950px;}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
  display: inline;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
 
}

/*.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15,
.push_16, .pull_16,
.push_17, .pull_17,
.push_18, .pull_18,
.push_19, .pull_19,
.push_20, .pull_20,
.push_21, .pull_21,
.push_22, .pull_22,
.push_23, .pull_23 {
  position: relative;
}
*/
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

.alpha_i {
  margin-right: 5px;
}
.omega_i {
  margin-left: 5px;
}

.gamma_i{ margin-left:5px; margin-right:5px;}
/* `Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .grid_1 {
  width: 30px;
}

.container_24 .grid_2 {
  width: 70px;
}

.container_24 .grid_3 {
  width: 110px;
}

.container_24 .grid_4 {
  width: 150px;
}

.container_24 .grid_5 {
  width: 190px;
}

.container_24 .grid_6 {
  width: 230px;
}

.container_24 .grid_7 {
  width: 270px;
}

.container_24 .grid_8 {
  width: 310px;
}

.container_24 .grid_9 {
  width: 350px;
}

.container_24 .grid_10 {
  width: 390px;
}

.container_24 .grid_11 {
  width: 430px;
}

.container_24 .grid_12 {
  width: 470px;
}

.container_24 .grid_13 {
  width: 510px;
}

.container_24 .grid_14 {
  width: 550px;
}

.container_24 .grid_15 {
  width: 590px;
}

.container_24 .grid_16 {
  width: 630px;
}

.container_24 .grid_17 {
  width: 670px;
}

.container_24 .grid_18 {
  width: 710px;
}

.container_24 .grid_19 {
  width: 750px;
}

.container_24 .grid_20 {
  width: 790px;
}

.container_24 .grid_21 {
  width: 830px;
}

.container_24 .grid_22 {
  width: 870px;
}

.container_24 .grid_23 {
  width: 910px;
}

.container_24 .grid_24 {
  width: 950px;
}

/* `Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_24:before,
.container_24:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_24:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_24 {
  zoom: 1;
}