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

  Licensed under GPL and MIT.
*/

/* Container
-----------------------------------------------------------------------------------------------------------------------------------*/
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	max-width: 960px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last, Doubleright ~ 2x margin right, Doubleleft ~ 2x margin left, Fullwidth ~ 100%)
-----------------------------------------------------------------------------------------------------------------------------------*/
.alpha {
	margin-left: 0!important;
}
.omega {
	margin-right: 0!important;
}
.fullwidth {
	width: 100%!important;
}
/* Grid >> 16 Columns
-----------------------------------------------------------------------------------------------------------------------------------*/
.container .grid_1 {
	width: calc(10.25% - 20px);
  	width: -moz-calc(10.25% - 20px);
  	width: -webkit-calc(10.25% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;

}
.container .grid_2 {
	width: calc(12.5% - 20px);
  	width: -moz-calc(12.5% - 20px);
  	width: -webkit-calc(12.5% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;

}
.container .grid_3 {
  	width: calc(18.75% - 20px);
  	width: -moz-calc(18.75% - 20px);
  	width: -webkit-calc(18.75% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;

}
.container .grid_4 {
  	width: calc(25% - 20px);
  	width: -moz-calc(25% - 20px);
  	width: -webkit-calc(25% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;

}
.container .grid_5 {
    width: calc(31.25% - 20px);
  	width: -moz-calc(31.25% - 20px);
  	width: -webkit-calc(31.25% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;

}
.container .grid_6 {
  	width: calc(37.5% - 20px);
  	width: -moz-calc(37/5% - 20px);
  	width: -webkit-calc(37.5% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;

}
.container .grid_7 {
  	width: calc(43.75% - 20px);
  	width: -moz-calc(43.75% - 20px);
  	width: -webkit-calc(43.75% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;

}
.container .grid_8 {
  	width: calc(50% - 20px);
  	width: -moz-calc(50% - 20px);
  	width: -webkit-calc(50% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;

}
.container .grid_9 {
  	width: calc(56.25% - 20px);
  	width: -moz-calc(56.25% - 20px);
  	width: -webkit-calc(56.25% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;

}
.container .grid_10 {
   	width: calc(62.5% - 20px);
  	width: -moz-calc(62.5% - 20px);
  	width: -webkit-calc(62.5% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;

}
.container .grid_11 {
  	width: calc(68.75% - 20px);
  	width: -moz-calc(68.75% - 20px);
  	width: -webkit-calc(68.75% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.container .grid_12 {
  	width: calc(75% - 20px);
  	width: -moz-calc(75% - 20px);
  	width: -webkit-calc(75% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.container .grid_13 {
    width: calc(81.25% - 20px);
  	width: -moz-calc(81.25% - 20px);
  	width: -webkit-calc(81.25% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;

}
.container .grid_14 {
    width: calc(87.5% - 20px);
  	width: -moz-calc(87.5% - 20px);
  	width: -webkit-calc(87.5% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.container .grid_15 {
    width: calc(93.75% - 20px);
  	width: -moz-calc(93.75% - 20px);
  	width: -webkit-calc(93.75% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.container .grid_16 {
    width: calc(100% - 20px);
  	width: -moz-calc(100% - 20px);
  	width: -webkit-calc(100% - 20px);
	display: inline;
	float: left;
	margin-right: 10px;
	margin-left: 10px;

}

@media screen and (max-width: 640px) {
.container .grid_1 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_2 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_3 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_4 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_5 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_6 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_7 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_8 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_9 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_10 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_11 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_12 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_13 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_14 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_15 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.container .grid_16 {
    width: calc(100% - 30px);
  	width: -moz-calc(100% - 30px);
  	width: -webkit-calc(100% - 30px);
    margin-right: 15px;
	margin-left: 15px;
}
.alpha {
	margin-left: 15px!important;
}
.omega {
	margin-right: 15px!important;
}
.fullwidth {
    width: calc(100% - 30px)!important;
  	width: -moz-calc(100% - 30px)!important;
  	width: -webkit-calc(100% - 30px)!important;
    margin-right: 15px!important;
	margin-left: 15px!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, .container:before, .container:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}
.clearfix:after, .container: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 {
	zoom: 1;
}