/*
  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: 1%;
}
/* 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;
}
.double_marginright {
	margin-right: 2%!important;
}
.double_marginleft {
	margin-left: 2%!important;
}
.paddingright {
	padding-right: 1%!important;
}
.paddingleft {
	padding-left: 1%!important;
}
.double_paddingright {
	padding-right: 2%!important;
}
.double_paddingleft {
	padding-left: 2%!important;
}
.fullwidth {
	width: 100%!important;
}
/* Grid >> 16 Columns
-----------------------------------------------------------------------------------------------------------------------------------*/
.container .grid_1 {
	width: 8.25%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_2 {
	width: 10.5%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_3 {
	width: 16.75%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_4 {
	width: 23%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_5 {
	width: 29.25%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_6 {
	width: 35.5%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_7 {
	width: 41.75%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_8 {
	width: 48%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_9 {
	width: 54.25%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_10 {
	width: 60.5%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_11 {
	width: 66.75%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_12 {
	width: 73%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_13 {
	width: 79.25%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_14 {
	width: 85.5%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_15 {
	width: 91.75%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.container .grid_16 {
	width: 98%;
	display: inline;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
@media screen and (max-width: 960px) {
.container .grid_1 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_2 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_3 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_4 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_5 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_6 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_7 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_8 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_9 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_10 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_11 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_12 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_13 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_14 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_15 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.container .grid_16 {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.double_marginright {
	margin-right: 0!important;
}
.double_marginleft {
	margin-left: 0!important;
}
.paddingright {
	padding-right: 0!important;
}
.paddingleft {
	padding-left: 0!important;
}
.double_paddingright {
	padding-right: 0!important;
}
.double_paddingleft {
	padding-left: 0!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;
}