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

  Licensed under GPL and MIT.
*/

/* Desktop */
@media only screen and (min-width: 980px) {
	
	body {
	  min-width: 960px;
	}
	
	/* `Containers
	----------------------------------------------------------------------------------------------------*/
	
	.container_12 {
	  margin-left: auto;
	  margin-right: auto;
	  width: 960px;
	}
	
	/* `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: 10px;
	  margin-right: 10px;
	  margin-bottom: 35px;
	}
	
	.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 {
	  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_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 {
	  width: 940px;
	}
	
	/* `Prefix Extra Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
	
	.container_12 .prefix_1 {
	  padding-left: 80px;
	}
	
	.container_12 .prefix_2 {
	  padding-left: 160px;
	}
	
	.container_12 .prefix_3 {
	  padding-left: 240px;
	}
	
	.container_12 .prefix_4 {
	  padding-left: 320px;
	}
	
	.container_12 .prefix_5 {
	  padding-left: 400px;
	}
	
	.container_12 .prefix_6 {
	  padding-left: 480px;
	}
	
	.container_12 .prefix_7 {
	  padding-left: 560px;
	}
	
	.container_12 .prefix_8 {
	  padding-left: 640px;
	}
	
	.container_12 .prefix_9 {
	  padding-left: 720px;
	}
	
	.container_12 .prefix_10 {
	  padding-left: 800px;
	}
	
	.container_12 .prefix_11 {
	  padding-left: 880px;
	}
	
	/* `Suffix Extra Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
	
	.container_12 .suffix_1 {
	  padding-right: 80px;
	}
	
	.container_12 .suffix_2 {
	  padding-right: 160px;
	}
	
	.container_12 .suffix_3 {
	  padding-right: 240px;
	}
	
	.container_12 .suffix_4 {
	  padding-right: 320px;
	}
	
	.container_12 .suffix_5 {
	  padding-right: 400px;
	}
	
	.container_12 .suffix_6 {
	  padding-right: 480px;
	}
	
	.container_12 .suffix_7 {
	  padding-right: 560px;
	}
	
	.container_12 .suffix_8 {
	  padding-right: 640px;
	}
	
	.container_12 .suffix_9 {
	  padding-right: 720px;
	}
	
	.container_12 .suffix_10 {
	  padding-right: 800px;
	}
	
	.container_12 .suffix_11 {
	  padding-right: 880px;
	}
	
	/* `Push Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
	
	.container_12 .push_1 {
	  left: 80px;
	}
	
	.container_12 .push_2 {
	  left: 160px;
	}
	
	.container_12 .push_3 {
	  left: 240px;
	}
	
	.container_12 .push_4 {
	  left: 320px;
	}
	
	.container_12 .push_5 {
	  left: 400px;
	}
	
	.container_12 .push_6 {
	  left: 480px;
	}
	
	.container_12 .push_7 {
	  left: 560px;
	}
	
	.container_12 .push_8 {
	  left: 640px;
	}
	
	.container_12 .push_9 {
	  left: 720px;
	}
	
	.container_12 .push_10 {
	  left: 800px;
	}
	
	.container_12 .push_11 {
	  left: 880px;
	}
	
	/* `Pull Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
	
	.container_12 .pull_1 {
	  left: -80px;
	}
	
	.container_12 .pull_2 {
	  left: -160px;
	}
	
	.container_12 .pull_3 {
	  left: -240px;
	}
	
	.container_12 .pull_4 {
	  left: -320px;
	}
	
	.container_12 .pull_5 {
	  left: -400px;
	}
	
	.container_12 .pull_6 {
	  left: -480px;
	}
	
	.container_12 .pull_7 {
	  left: -560px;
	}
	
	.container_12 .pull_8 {
	  left: -640px;
	}
	
	.container_12 .pull_9 {
	  left: -720px;
	}
	
	.container_12 .pull_10 {
	  left: -800px;
	}
	
	.container_12 .pull_11 {
	  left: -880px;
	}
	
	/* `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_12:before,
	.container_12:after {
	  content: '.';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  font-size: 0;
	  line-height: 0;
	  width: 0;
	  height: 0;
	}
	
	.clearfix:after,
	.container_12: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_12 {
	  zoom: 1;
	}
}

/* Tablet */
@media only screen and (min-width: 760px) and (max-width: 979px) {

	body {
	  min-width: 720px;
	}
	
	/* `Containers
	----------------------------------------------------------------------------------------------------*/
	
	.container_12 {
	  margin-left: auto;
	  margin-right: auto;
	  width: 720px;
	}
	
	/* `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: 10px;
	  margin-right: 10px;
	  margin-bottom: 35px;
	}
	
	.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 {
	  position: relative;
	}
	
	/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
	----------------------------------------------------------------------------------------------------*/
	
	.alpha {
	  margin-left: 0;
	}
	
	.omega {
	  margin-right: 0;
	}
	
	/* `Grid >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
	
	.container_12 .grid_1 {
	  width: 40px;
	}
	
	.container_12 .grid_2 {
	  width: 100px;
	}
	
	.container_12 .grid_3 {
	  width: 160px;
	}
	
	.container_12 .grid_4 {
	  width: 220px;
	}
	
	.container_12 .grid_5 {
	  width: 280px;
	}
	
	.container_12 .grid_6 {
	  width: 340px;
	}
	
	.container_12 .grid_7 {
	  width: 400px;
	}
	
	.container_12 .grid_8 {
	  width: 460px;
	}
	
	.container_12 .grid_9 {
	  width: 520px;
	}
	
	.container_12 .grid_10 {
	  width: 580px;
	}
	
	.container_12 .grid_11 {
	  width: 640px;
	}
	
	.container_12 .grid_12 {
	  width: 700px;
	}
	
	/* `Prefix Extra Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
	
	.container_12 .prefix_1 {
	  padding-left: 60px;
	}
	
	.container_12 .prefix_2 {
	  padding-left: 120px;
	}
	
	.container_12 .prefix_3 {
	  padding-left: 180px;
	}
	
	.container_12 .prefix_4 {
	  padding-left: 240px;
	}
	
	.container_12 .prefix_5 {
	  padding-left: 300px;
	}
	
	.container_12 .prefix_6 {
	  padding-left: 360px;
	}
	
	.container_12 .prefix_7 {
	  padding-left: 420px;
	}
	
	.container_12 .prefix_8 {
	  padding-left: 480px;
	}
	
	.container_12 .prefix_9 {
	  padding-left: 540px;
	}
	
	.container_12 .prefix_10 {
	  padding-left: 600px;
	}
	
	.container_12 .prefix_11 {
	  padding-left: 660px;
	}
	
	/* `Suffix Extra Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
	
	.container_12 .suffix_1 {
	  padding-right: 60px;
	}
	
	.container_12 .suffix_2 {
	  padding-right: 120px;
	}
	
	.container_12 .suffix_3 {
	  padding-right: 180px;
	}
	
	.container_12 .suffix_4 {
	  padding-right: 240px;
	}
	
	.container_12 .suffix_5 {
	  padding-right: 300px;
	}
	
	.container_12 .suffix_6 {
	  padding-right: 360px;
	}
	
	.container_12 .suffix_7 {
	  padding-right: 420px;
	}
	
	.container_12 .suffix_8 {
	  padding-right: 480px;
	}
	
	.container_12 .suffix_9 {
	  padding-right: 540px;
	}
	
	.container_12 .suffix_10 {
	  padding-right: 600px;
	}
	
	.container_12 .suffix_11 {
	  padding-right: 660px;
	}
	
	/* `Push Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
	
	.container_12 .push_1 {
	  left: 60px;
	}
	
	.container_12 .push_2 {
	  left: 120px;
	}
	
	.container_12 .push_3 {
	  left: 180px;
	}
	
	.container_12 .push_4 {
	  left: 240px;
	}
	
	.container_12 .push_5 {
	  left: 300px;
	}
	
	.container_12 .push_6 {
	  left: 360px;
	}
	
	.container_12 .push_7 {
	  left: 420px;
	}
	
	.container_12 .push_8 {
	  left: 480px;
	}
	
	.container_12 .push_9 {
	  left: 540px;
	}
	
	.container_12 .push_10 {
	  left: 600px;
	}
	
	.container_12 .push_11 {
	  left: 660px;
	}
	
	/* `Pull Space >> 12 Columns
	----------------------------------------------------------------------------------------------------*/
	
	.container_12 .pull_1 {
	  left: -60px;
	}
	
	.container_12 .pull_2 {
	  left: -120px;
	}
	
	.container_12 .pull_3 {
	  left: -180px;
	}
	
	.container_12 .pull_4 {
	  left: -240px;
	}
	
	.container_12 .pull_5 {
	  left: -300px;
	}
	
	.container_12 .pull_6 {
	  left: -360px;
	}
	
	.container_12 .pull_7 {
	  left: -420px;
	}
	
	.container_12 .pull_8 {
	  left: -480px;
	}
	
	.container_12 .pull_9 {
	  left: -540px;
	}
	
	.container_12 .pull_10 {
	  left: -600px;
	}
	
	.container_12 .pull_11 {
	  left: -660px;
	}
	
	/* `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_12:before,
	.container_12:after {
	  content: '.';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  font-size: 0;
	  line-height: 0;
	  width: 0;
	  height: 0;
	}
	
	.clearfix:after,
	.container_12: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_12 {
	  zoom: 1;
	}
}

/* Smartphone */
@media only screen and (max-width: 759px) {
	.container_12 {
		padding-bottom: 1px;
	}
	
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
	  margin-left: 10px;
	  margin-right: 10px;
	  margin-bottom: 50px;
	}
	
	.alpha,
	.omega {
	  margin-left: 0;
	  margin-right: 0;
	}
	
	.align_center,
	.align_right {
	  text-align: left;
	}
}