/*
 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: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_2 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_3 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_4 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_5 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_6 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_7 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_8 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_9 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_10 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_11 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_12, #default.grid_12 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_13 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_14 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_15 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.container .grid_16, #default.grid_16 {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.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;
}



/* some overrides */



@media screen and (max-width: 60em) and (min-width: 46em) {
  
  .container .grid_12, #default.grid_12 {
    width: 60%;
  }
  
}