/*
Variable Grid System (Fluid Version).
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

Licensed under GPL and MIT.
*/

.container_12 {width:96%;margin:auto;max-width:1200px;}
.container_12 .container_12 {width:100%;}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 
	{display:inline;float:left;position:relative;}

.container_12 .grid_1 {width:8.333%;}
.container_12 .grid_2 {width:16.667%;}
.container_12 .grid_3 {width:25.0%;}
.container_12 .grid_4 {width:33.333%;}
.container_12 .grid_5 {width:41.667%;}
.container_12 .grid_6 {width:50.0%;}
.container_12 .grid_7 {width:58.333%;}
.container_12 .grid_8 {width:66.667%;}
.container_12 .grid_9 {width:75.0%;}
.container_12 .grid_10 {width:83.333%;}
.container_12 .grid_11 {width:91.667%;}
.container_12 .grid_12 {width:100.0%;}

.clearfix:after 
	{
	clear:both;content:' ';display:block;visibility:hidden;
	font-size: 0;line-height:0;
	width:0;height:0;
	}
.clearfix{display:block;}

.test_grid
	{display:block;line-height:45px;text-align:center;background-color:#E2E2E2;}

@media all and (max-width:1280px)
	{
	.container_12 {max-width:1024px;}
	}
	
@media all and (max-width:980px)
	{
	.container_12 {width:90%;}
	}

@media all and (max-width:800px)
	{
	.container_12 .grid_2,
	.container_12 .grid_3
		{width:50.0%;}
	
	.container_12 .grid_1,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9,
	.container_12 .grid_10,
	.container_12 .grid_11,
	.container_12 .grid_12
		{width:100.0%;}
	}

@media all and (max-width:640px)
	{	
	.container_12 .grid_2,
	.container_12 .grid_3
		{width:50.0%;}
	
	.container_12 .grid_1,
	.container_12 .grid_4
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_8,
	.container_12 .grid_9,
	.container_12 .grid_10,
	.container_12 .grid_11,
	.container_12 .grid_12
		{width:100.0%;}
	}

@media all and (max-width:480px)
	{	
	.container_12 .grid_1,
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_4,
	.container_12 .grid_5,
	.container_12 .grid_6,
	.container_12 .grid_7,	
	.container_12 .grid_8,
	.container_12 .grid_9,
	.container_12 .grid_10,
	.container_12 .grid_11,
	.container_12 .grid_12
		{width:100.0%;}
	}

@media all and (max-width:320px)
	{}

@media print
	{
	.container_12 {width:640px;margin:auto;}
	
	.container_12 .grid_2,
	.container_12 .grid_3,
	.container_12 .grid_5
		{width:50.0%;}
	.container_12 .grid_8
		{width:75.0%;}
	.container_12 .grid_4
		{width:25.0%;}
	.container_12 .grid_1,
	.container_12 .grid_6,
	.container_12 .grid_7,
	.container_12 .grid_9,
	.container_12 .grid_10,
	.container_12 .grid_11,
	.container_12 .grid_12
		{width:100.0%;}
	}