/*
984px grid system ~ Core CSS.
12 Columns ~ Margin left: 6px ~ Margin right: 6px

Based on the 960.gs grid system - http://960.gs/

Created by the Grid System Generator - v1.02
Learn more ~ http://www.gridsystemgenerator.com/
*/

/* =Containers
--------------------------------------------------------------------------------*/
.container_12
{
	margin-left: auto;
	margin-right: auto;
	width: 1004px;
}

/* =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  {
	display: inline;
	float: left;
	margin-left: 8px;
	margin-right: 8px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.wide .grid_1, 
.wide .grid_2, 
.wide .grid_3, 
.wide .grid_4,
.wide .grid_5,
.wide .grid_6,
.wide .grid_7,
.wide .grid_8,
.wide .grid_9,
.wide .grid_10,
.wide .grid_11,
.wide .grid_12
 {
	display: inline;
	float: left;
	margin-left: 6px;
	margin-right: 6px;
}

.component table {margin-left: 1px;}
.component.grid_1 table {width: 65px}
.component.grid_2 table {width: 147px}
.component.grid_3 table {width: 229px}
.component.grid_4 table {width: 311px}
.wide .component.grid_1 table {width: 75px}
.wide .component.grid_2 table {width: 161px}
.wide .component.grid_3 table {width: 248px}
.wide .component.grid_4 table {width: 335px}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left;
	margin-left: 6px;
	margin-right: 6px;
}


/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.wide .component .alpha, .alpha {margin-left: 0;}
.wide .component .omega, .omega {margin-right: 0;}


/* =Grid >> 8 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1 {width: 66px;}
.container_12 .grid_2 {width: 148px;}
.container_12 .grid_3 {width: 230px;}
.container_12 .grid_4 {width: 312px;}
.container_12 .grid_5 {width: 394px;}
.container_12 .grid_6 {width: 476px;}
.container_12 .grid_7 {width: 558px;}
.container_12 .grid_8 {width: 640px;}
.container_12 .grid_9 {width: 726px;}
.container_12 .grid_10 {width: 808px;}
.container_12 .grid_11 {width: 890px;}
.container_12 .grid_12 {width: 992px;}

.container_12 .grid_1.content {width: 46px;}
.container_12 .grid_2.content {width: 128px;}
.container_12 .grid_3.content {width: 210px;}
.container_12 .grid_4.content {width: 292px;}
.container_12 .grid_5.content {width: 374px;}
.container_12 .grid_6.content {width: 456px;}
.container_12 .grid_7.content {width: 538px;}
.container_12 .grid_8.content {width: 620px;}
.container_12 .grid_9.content {width: 706px;}
.container_12 .grid_10.content {width: 788px;}
.container_12 .grid_11.content {width: 870px;}
.container_12 .grid_12.content {width: 972px;}

/* WIDE =Grid >> 4 Columns
--------------------------------------------------------------------------------*/
.container_12 .wide.grid_1, .container_12 .wide .grid_1 {width: 75px;}
.container_12 .wide.grid_2, .container_12 .wide .grid_2 {width: 162px;}
.container_12 .wide.grid_3, .container_12 .wide .grid_3 {width: 249px;}
.container_12 .wide.grid_4, .container_12 .wide .grid_4 {width: 336px;}

.container_12 .wide.grid_6, .container_12 .wide .grid_6 {width: 500px;}
.container_12 .wide.grid_7, .container_12 .wide .grid_7 {width: 582px;}
.container_12 .wide.grid_8, .container_12 .wide .grid_8 {width: 664px;}

.container_12 .wide.grid_9, .container_12 .wide .grid_9 {width: 748px;}
.container_12 .wide.grid_10, .container_12 .wide .grid_10 {width: 830px;}

.container_12 .wide.grid_1.content, .container_12 .wide .grid_1.content {width: 55px;}
.container_12 .wide.grid_2.content, .container_12 .wide .grid_2.content {width: 142px;}
.container_12 .wide.grid_3.content, .container_12 .wide .grid_3.content {width: 242px;}
.container_12 .wide.grid_4.content, .container_12 .wide .grid_4.content {width: 316px;}
                                                                      
.container_12 .wide.grid_6.content, .container_12 .wide .grid_6.content {width: 480x;}
.container_12 .wide.grid_7.content, .container_12 .wide .grid_7.content {width: 562px;}
.container_12 .wide.grid_8.content, .container_12 .wide .grid_8.content {width: 644px;}

.container_12 .wide.grid_9.content, .container_12 .wide .grid_9.content {width: 728px;}
.container_12 .wide.grid_10.content, .container_12 .wide .grid_10.content {width: 810px;}

/* WIDE =Prefix Extra Space >> 4 Columns
--------------------------------------------------------------------------------*/
.container_12 .wide .prefix_1 {padding-left: 87px;}
.container_12 .wide .prefix_2 {padding-left: 174px;}
.container_12 .wide .prefix_3 {padding-left: 261px;}

/* WIDE =Suffix Extra Space >> 4 Columns
--------------------------------------------------------------------------------*/
.container_12 .wide .suffix_1 {padding-right: 87px;}
.container_12 .wide .suffix_2 {padding-right: 174px;}
.container_12 .wide .suffix_3 {padding-right: 261px;}


/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .prefix_1 {padding-left: 82px;}
.container_12 .prefix_2 {padding-left: 164px;}
.container_12 .prefix_3 {padding-left: 246px;}
.container_12 .prefix_4 {padding-left: 328px;}
.container_12 .prefix_5 {padding-left: 410px;}
.container_12 .prefix_6 {padding-left: 492px;}
.container_12 .prefix_7 {padding-left: 574px;}
.container_12 .prefix_8 {padding-left: 656px;}
.container_12 .prefix_9 {padding-left: 738px;}
.container_12 .prefix_10 {padding-left: 820px;}
.container_12 .prefix_11 {padding-left: 902px;}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .suffix_1 {padding-right: 82px;}
.container_12 .suffix_2 {padding-right: 164px;}
.container_12 .suffix_3 {padding-right: 246px;}
.container_12 .suffix_4 {padding-right: 328px;}
.container_12 .suffix_5 {padding-right: 410px;}
.container_12 .suffix_6 {padding-right: 492px;}
.container_12 .suffix_7 {padding-right: 574px;}
.container_12 .suffix_8 {padding-right: 656px;}
.container_12 .suffix_9 {padding-right: 738px;}
.container_12 .suffix_10 {padding-right: 820px;}
.container_12 .suffix_11 {padding-right: 902px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clearx {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 20px;
}

.hrclear {
	clear: both;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
/* slightly enhanced, universal clearfix hack */
.clear:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clear { display: inline-block; }
/* start commented backslash hack \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* close commented backslash hack */