body {
  min-width: 980px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/

.container_1  { width: 80px; float:left;}
.container_2  { width: 160px; float:left;}
.container_3  { width: 240px; float:left;}
.container_4  { width: 320px; float:left;}
.container_45 { width: 360px; float:left;}
.container_5  { width: 400px; float:left;}
.container_6  { width: 480px; float:left;}
.container_7  { width: 560px; float:left;}
.container_8  { width: 640px; float:left;}
.container_9  { width: 740px; float:left;}
.container_10 { width: 800px; float:left;}
.container_11 { width: 880px; float:left;}
.container_12 {	margin-left: auto;	margin-right: auto;	width: 980px; }
.container-12 {	margin-left: auto;	margin-right: auto;	width: 960px; }
.container_8_home  { width: 630px; float:left; margin-right:10px;}
.container_4_home  { width: 310px; float:left; margin-left:10px;}

.c3 { width: 220px; float:left;  }
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11
{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.grid_12
{
	
	position: relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px; 
}
.container_12 .grid_3-sp {
	width:240px;
	display:inline;
	float:left;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	margin:0px auto;
	width:940px;
}




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

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

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clear-right     {
  clear: right;
  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 {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}


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

.clearfix {
  zoom: 1;
}
.fr { float:right; }
.fl { float:left; }
.cl { clear:left; }
.cr { clear:right; }
.m10 {margin-top:10px;}
.m15 {margin-top:15px;}
.m20 {margin-top:20px;}
.m30 {margin-top:30px;}
.m40 {margin-top:40px;}
.m60 {margin-top:60px;}
.lh-22 {line-height:22px;}