/*
  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: 980px;}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_10 {

	width: 980px;
}

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

.grid_05,
.grid_1,
.grid_1_2,
.grid_1_3,
.grid_1_5,
.grid_1_8, 
.grid_1_9,
.grid_2,
.grid_2_1,
.grid_2_2,
.grid_2_5,
.grid_2-5,
.grid_2_9,
.grid_3,
.grid_3_5,
.grid_3_6,
.grid_4,
.grid_4_2,
.grid_4_3,
.grid_4_5,
.grid_5,
.grid_5_5,
.grid_5i,
.grid_6,
.grid_6_1,
.grid_6-5,
.grid_6_7,
.grid_7,
.grid_7_2,
.grid_8,
.grid_8_1,
.grid_9,
.grid_10,
.grid_11  {
	display:inline;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}



.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 {
	position:relative;
}


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

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 10 Columns
----------------------------------------------------------------------------------------------------*/

.container_10 .grid_05 {width:40px;}
.container_10 .grid_1 {width:58px;}
.container_10 .grid_1_2 {width:90px;}
.container_10 .grid_1_3 {width:120px; margin-left:0px; margin-right:20px}
.container_10 .grid_1_5 {width:162px; margin-left:0px; margin-right:20px}
.container_10 .grid_1_8 {width:168px;}
.container_10 .grid_1_9 {width:177px;}
.container_10 .grid_2 {width:190px;}
.container_10 .grid_2_1 {width:210px;}
.container_10 .grid_2_2 {width:240px;}
.container_10 .grid_2-5 {width:250px;}
.container_10 .grid_2_5 {width:257px;}
.container_10 .grid_2_9 {width:280px;}
.container_10 .grid_3 {width:284px;}
.container_10 .grid_3_5 {width:300px;}
.container_10 .grid_3_6 {width:340px;}
.container_10 .grid_4 {width:352px;}
.container_10 .grid_4_2 {width:400px;}
.container_10 .grid_4_3 {width:427px;}
.container_10 .grid_4_5 {width:440px;}
.container_10 .grid_5 {width:470px;}
.container_10 .grid_5i {width:244px;}
.container_10 .grid_5i:hover {width:244px;}
.container_10 .grid_5_5 {width:520px;}
.container_10 .grid_6 {width:548px;}
.container_10 .grid_6_1 {width:616px;}
.container_10 .grid_6-5 {width:590px;}
.container_10 .grid_6_7 {width:640px;}
.container_10 .grid_7 {width:670px;}
.container_10 .grid_7_2 {width:678px;}
.container_10 .grid_8 {width:720px;}
.container_10 .grid_8_1 {width:725px;}
.container_10 .grid_9 {width:842px;}
.container_10 .grid_9_5 {width:900px; margin-left:40px; margin-right:40px;}
.container_10 .grid_10 {width:920px; margin-left:30px;}
.container_10 .grid_11 {width:940px;}



/* Prefix Extra Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/


.container_10 .prefix_1 {padding-left:10px;}
.container_10 .prefix_2 {padding-left:196px;}
.container_10 .prefix_3 {padding-left:294px;}
.container_10 .prefix_4 {padding-left:392px;}
.container_10 .prefix_5 {padding-left:490px;}
.container_10 .prefix_6 {padding-left:588px;}
.container_10 .prefix_7 {padding-left:686px;}
.container_10 .prefix_8 {padding-left:784px;}
.container_10 .prefix_9 {padding-left:882px;}


/* Suffix Extra Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/


.container_10 .suffix_1 {
	padding-right:18px;
}

.container_10 .suffix_2 {
	padding-right:196px;
}

.container_10 .suffix_3 {
	padding-right:294px;
}

.container_10 .suffix_4 {
	padding-right:392px;
}

.container_10 .suffix_5 {
	padding-right:490px;
}

.container_10 .suffix_6 {
	padding-right:588px;
}

.container_10 .suffix_7 {
	padding-right:686px;
}

.container_10 .suffix_8 {
	padding-right:784px;
}

.container_10 .suffix_9 {
	padding-right:882px;
}



/* Push Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/

.container_10 .push_edge {
	left:20px;
}

.container_10 .push_1 {
	left:98px;
}

.container_10 .push_2 {
	left:196px;
}

.container_10 .push_3 {
	left:294px;
}

.container_10 .push_4 {
	left:392px;
}

.container_10 .push_5 {
	left:490px;
}

.container_10 .push_6 {
	left:588px;
}

.container_10 .push_7 {
	left:686px;
}

.container_10 .push_8 {
	left:784px;
}

.container_10 .push_9 {
	left:882px;
}



/* Pull Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/


.container_10 .pull_1 {
	left:-48px;
}

.container_10 .pull_2 {
	left:-196px;
}

.container_10 .pull_3 {
	left:-294px;
}

.container_10 .pull_4 {
	left:-392px;
}

.container_10 .pull_5 {
	left:-490px;
}

.container_10 .pull_6 {
	left:-588px;
}

.container_10 .pull_7 {
	left:-686px;
}

.container_10 .pull_8 {
	left:-784px;
}

.container_10 .pull_9 {
	left:-882px;
}

/* Widths 
-----------------------------------------------------------------------------------------------------*/
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w33{width:33%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w47{width:47%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w66{width:66%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}


/* New Guttering
----------------------------------------------------------------------------------------------------*/
.p60-0{padding:60px 0; overflow:auto;}
.p0-60{padding:0 60px; overflow:auto;}
.p60{padding:60px; overflow:auto;}

.p40-0{padding-top:40px; padding-bottom:40px; overflow:auto;}
.p0-40{padding-left:40px; padding-right:40px; overflow:auto;}
.p40{padding:40px; overflow:auto;}

.p30-0{padding-top:30px; padding-bottom:30px; overflow:auto;}
.p0-30{padding-left:30px; padding-right:30px; overflow:auto;}
.p30{padding:30px; overflow:auto;}

.p10{padding:10px; overflow:auto;}

.no-pad-bottom{padding-bottom:0;}

/* Margins
-----------------------------------------------------------------------------------------------------*/
.mb0{margin-bottom:0!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}

.mt0{margin-top:0!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}

.text-center{text-align:center;}

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

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

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  padding:0;
  margin:0!important;
}

/* 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;
}
*/