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

  Licensed under GPL and MIT.
*/

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

/* `Container
----------------------------------------------------------------------------------------------------*/

.container12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  /*outline: 1px solid red;*/
}


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

.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12 {
  /*display: inline;*/
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  /*outline: 1px solid blue;*/

}

.push1, .pull1,
.push2, .pull2,
.push3, .pull3,
.push4, .pull4,
.push5, .pull5,
.push6, .pull6,
.push7, .pull7,
.push8, .pull8,
.push9, .pull9,
.push10, .pull10,
.push11, .pull11 {
  position: relative;

}

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

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

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

.container12 .grid1 {
  width: 60px;
}

.container12 .grid2 {
  width: 140px;
}

.container12 .grid3 {
  width: 220px;
}

.container12 .grid4 {
  width: 300px;
}

.container12 .grid5 {
  width: 380px;
}

.container12 .grid6 {
  width: 460px;
}

.container12 .grid7 {
  width: 540px;
}

.container12 .grid8 {
  width: 620px;
}

.container12 .grid9 {
  width: 700px;
}

.container12 .grid10 {
  width: 780px;
}

.container12 .grid11 {
  width: 860px;
}

.container12 .grid12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container12 .prefix1 {
  padding-left: 80px;
}

.container12 .prefix2 {
  padding-left: 160px;
}

.container12 .prefix3 {
  padding-left: 240px;
}

.container12 .prefix4 {
  padding-left: 320px;
}

.container12 .prefix5 {
  padding-left: 400px;
}

.container12 .prefix6 {
  padding-left: 480px;
}

.container12 .prefix7 {
  padding-left: 560px;
}

.container12 .prefix8 {
  padding-left: 640px;
}

.container12 .prefix9 {
  padding-left: 720px;
}

.container12 .prefix10 {
  padding-left: 800px;
}

.container12 .prefix11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container12 .suffix1 {
  padding-right: 80px;
}

.container12 .suffix2 {
  padding-right: 160px;
}

.container12 .suffix3 {
  padding-right: 240px;
}

.container12 .suffix4 {
  padding-right: 320px;
}

.container12 .suffix5 {
  padding-right: 400px;
}

.container12 .suffix6 {
  padding-right: 480px;
}

.container12 .suffix7 {
  padding-right: 560px;
}

.container12 .suffix8 {
  padding-right: 640px;
}

.container12 .suffix9 {
  padding-right: 720px;
}

.container12 .suffix10 {
  padding-right: 800px;
}

.container12 .suffix11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container12 .push1 {
  margin-left: 80px;
}

.container12 .push2 {
  margin-left: 160px;
}

.container12 .push3 {
  margin-left: 240px;
}

.container12 .push4 {
 margin-left: 320px;
}

.container12 .push5 {
  margin-left: 400px;
}

.container12 .push6 {
  margin-left: 480px;
}

.container12 .push7 {
  margin-left: 560px;
}

.container12 .push8 {
  margin-left: 640px;
}

.container12 .push9 {
  margin-left: 720px;
}

.container12 .push10 {
  margin-left: 800px;
}

.container12 .push11 {
  margin-left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container12 .pull1 {
  margin-left: -80px;
}

.container12 .pull2 {
  margin-left: -160px;
}

.container12 .pull3 {
  margin-left: -240px;
}

.container12 .pull4 {
  margin-left: -320px;
}

.container12 .pull5 {
 margin-left: -400px;
}

.container12 .pull6 {
  margin-left: -480px;
}

.container12 .pull7 {
  margin-left: -560px;
}

.container12 .pull8 {
  margin-left: -640px;
}

.container12 .pull9 {
  margin-left: -720px;
}

.container12 .pull10 {
  margin-left: -800px;
}

.container12 .pull11 {
  margin-left: -880px;
}

/* `Top Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.top1 {
  margin-top: 10px;
}

.top2 {
  margin-top: 20px;
}

.top3 {
  margin-top: 30px;
}

.top4 {
  margin-top: 40px;
}

.top5 {
  margin-top: 50px;
}

.top6 {
  margin-top: 60px;
}

.top7 {
  margin-top: 70px;
}

.top8 {
  margin-top: 80px;
}

.top9 {
  margin-top: 90px;
}

.top10 {
  margin-top: 100px;
}

/* Bottom Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.btm1 {
  margin-bottom: 10px;
}

.btm2 {
  margin-bottom: 20px
}

.btm3 {
  margin-bottom: 30px;
}

.btm4 {
  margin-bottom: 40px;
}

.btm5 {
  margin-bottom: 50px;
}

.btm6 {
  margin-bottom: 60px;
}

.btm7 {
  margin-bottom: 70px;
}

.btm8 {
  margin-bottom: 80px;
}

.btm9 {
  margin-bottom: 90px;
}

.btm10 {
  margin-bottom: 100px;
}

/* Button Styles
----------------------------------------------------------------------------------------------------*/

.button { 
	width: 100px; 
	background: #202020;
	border: none;
	outline: none; 
	-webkit-border-radius: 10px;
	border-radius: 10px;  
	color: #efefef; 
	font-family: 'Bebus Neue';
	letter-spacing: 1px; 
	/*display: inline-block;*/ 
	font-size: 20px; 
	font-style: normal; 
	line-height: 1; 
	padding: 2px; 
	position: relative; 
	text-align: center; 
	text-decoration: none; 
	-webkit-transition: background-color 0.15s ease-in-out; 
	-moz-transition: background-color 0.15s ease-in-out; 
	-o-transition: background-color 0.15s ease-in-out; 
	transition: background-color 0.15s ease-in-out;
}

.button:hover {
	color: #efefef; 
	background-color: #006ff9;
}
	
.full-width { 
	width: 100%; 
	text-align: center; 
	padding-left: 0px !important; 
	padding-right: 0px !important; 
}

/* `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,
.container12:before,
.container12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container12:after {
  clear: both;
}

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

.clearfix,
.container12 {
  zoom: 1;
}