/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

body {
  min-width: 960px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.container_8 {
    margin-left: 0;
    margin-right: 0;
    width: 480px;
    float: left;
}
.container_55 {
    margin-left: 0;
    margin-right: 0;
    width: 320px;
    float: left;
}
.container_12 {
    margin-left: 0;
    margin-right: 0;
    width: 720px;
    float: left;
}
.container_6 {
    margin-left: 0;
    margin-right: 0;
    width: 360px;
    float: left;
}
.container_4 {
    margin-left: 0;
    margin-right: 0;
    width: 240px;
    float: left;
}
.container_35 {
    margin-left: 0;
    margin-right: 0;
    width: 192px;
    float: left;
}

/* 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,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_55,
.grid_35{
	display:inline;
	float: left;
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
}

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

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .grid_1 {
	width:30px;
}

.container_16 .grid_2 {
	width:90px;
}

.container_16 .grid_3 {
	width:150px;
}
.container_16 .grid_35 {
        width: 162px;
}

.container_16 .grid_4 {
	width:210px;
}

.container_16 .grid_5 {
	width:270px;
}
.container_16 .grid_55 {
        width: 290px;
}
.container_16 .grid_6 {
	width:330px;
}

.container_16 .grid_7 {
	width:390px;
}

.container_16 .grid_8 {
	width:450px;
}

.container_16 .grid_9 {
	width:510px;
}

.container_16 .grid_10 {
	width:570px;
}

.container_16 .grid_11 {
	width:630px;
}

.container_16 .grid_12 {
	width:690px;
}

.container_16 .grid_13 {
	width:750px;
}

.container_16 .grid_14 {
	width:810px;
}

.container_16 .grid_15 {
	width:870px;
}

.container_16 .grid_16 {
	width:930px;
}

/* Max width of images */

.container_16 .grid_1 img {
	max-width:30px;
}

.container_16 .grid_2 img {
	max-width:90px;
}

.container_16 .grid_3 img {
	max-width:150px;
}
.container_16 .grid_35 img {
        max-width: 162px;
}

.container_16 .grid_4 img {
	max-width:210px;
}

.container_16 .grid_5 img {
	max-width:270px;
}
.container_16 .grid_55 img {
        max-width: 290px;
}
.container_16 .grid_6 img {
	max-width:330px;
}

.container_16 .grid_7 img {
	max-width:390px;
}

.container_16 .grid_8 img {
	max-width:450px;
}

.container_16 .grid_9 img {
	max-width:510px;
}

.container_16 .grid_10 img {
	max-width:570px;
}

.container_16 .grid_11 img {
	max-width:630px;
}

.container_16 .grid_12 img {
	max-width:690px;
}

.container_16 .grid_13 img {
	max-width:750px;
}

.container_16 .grid_14 img {
	max-width:810px;
}

.container_16 .grid_15 img {
	max-width:870px;
}

.container_16 .grid_16 img {
	max-width:930px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

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

.clearfix {
  zoom: 1;
}