/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/
	Alex Malkov: 30.10.2009
*/
/* Containers
----------------------------------------------------------------------------*/
.container_12,
.container_16
{
    margin-left:auto;
    margin-right:auto;
    width:960px
}

/* 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,
.shortgrid_1,
.shortgrid_2,
.shortgrid_3,
.shortgrid_4,
.shortgrid_5,
.shortgrid_6,
.shortgrid_7,
.shortgrid_8,
.shortgrid_9,
.shortgrid_10,
.shortgrid_11,
.shortgrid_12,
.shortgrid_13,
.shortgrid_14,
.shortgrid_15,
.shortgrid_16,
.dshortgrid_1,
.dshortgrid_2,
.dshortgrid_3,
.dshortgrid_4,
.dshortgrid_5,
.dshortgrid_6,
.dshortgrid_7,
.dshortgrid_8,
.dshortgrid_9,
.dshortgrid_10,
.dshortgrid_11,
.dshortgrid_12,
.dshortgrid_13,
.dshortgrid_14,
.dshortgrid_15,
.dshortgrid_16
{
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------*/
.alpha{margin-left:0}
.omega{margin-right:0}
.alphahalf{margin-left:5px;}
.omegahalf{margin-right:5px;}
.alpha20{margin-left:20px}
.omega20{margin-right:20px}


/* Grid >> 12 Columns
----------------------------------------------------------------------------*/
.container_12 .grid_1{width:60px}
.container_12 .grid_2{width:140px}
.container_12 .grid_3{width:220px}
.container_12 .grid_4{width:300px}
.container_12 .grid_5{width:380px}
.container_12 .grid_6{width:460px}
.container_12 .grid_7{width:540px}
.container_12 .grid_8{width:620px}
.container_12 .grid_9{width:700px}
.container_12 .grid_10{width:780px}
.container_12 .grid_11{width:860px}
.container_12 .grid_12{width:940px}

/* Grid >> 16 Columns
----------------------------------------------------------------------------*/
.container_16 .grid_1{width:40px}
.container_16 .grid_2{width:100px}
.container_16 .grid_3{width:160px}
.container_16 .grid_4{width:220px}
.container_16 .grid_5{width:280px}
.container_16 .grid_6{width:340px}
.container_16 .grid_7{width:400px}
.container_16 .grid_8{width:460px}
.container_16 .grid_9{width:520px}
.container_16 .grid_10{width:580px}
.container_16 .grid_11{width:640px}
.container_16 .grid_12{width:700px}
.container_16 .grid_13{width:760px}
.container_16 .grid_14{width:820px}
.container_16 .grid_15{width:880px}
.container_16 .grid_16{width:940px}

/* Prefix >> 12 Columns
----------------------------------------------------------------------------*/
.container_12 .prefix_1{padding-left:80px}
.container_12 .prefix_2{padding-left:160px}
.container_12 .prefix_3{padding-left:240px}
.container_12 .prefix_4{padding-left:320px}
.container_12 .prefix_5{padding-left:400px}
.container_12 .prefix_6{padding-left:480px}
.container_12 .prefix_7{padding-left:560px}
.container_12 .prefix_8{padding-left:640px}
.container_12 .prefix_9{padding-left:720px}
.container_12 .prefix_10{padding-left:800px}
.container_12 .prefix_11{padding-left:880px}

/* Prefix >> 16 Columns
----------------------------------------------------------------------------*/
.container_16 .prefix_1{padding-left:60px}
.container_16 .prefix_2{padding-left:120px}
.container_16 .prefix_3{padding-left:180px}
.container_16 .prefix_4{padding-left:240px}
.container_16 .prefix_5{padding-left:300px}
.container_16 .prefix_6{padding-left:360px}
.container_16 .prefix_7{padding-left:420px}
.container_16 .prefix_8{padding-left:480px}
.container_16 .prefix_9{padding-left:540px}
.container_16 .prefix_10{padding-left:600px}
.container_16 .prefix_11{padding-left:660px}
.container_16 .prefix_12{padding-left:720px}
.container_16 .prefix_13{padding-left:780px}
.container_16 .prefix_14{padding-left:840px}
.container_16 .prefix_15{padding-left:900px}

/* Suffix >> 12 Columns
----------------------------------------------------------------------------*/
.container_12 .suffix_1{padding-right:80px}
.container_12 .suffix_2{padding-right:160px}
.container_12 .suffix_3{padding-right:240px}
.container_12 .suffix_4{padding-right:320px}
.container_12 .suffix_5{padding-right:400px}
.container_12 .suffix_6{padding-right:480px}
.container_12 .suffix_7{padding-right:560px}
.container_12 .suffix_8{padding-right:640px}
.container_12 .suffix_9{padding-right:720px}
.container_12 .suffix_10{padding-right:800px}
.container_12 .suffix_11{padding-right:880px}

/* Suffix >> 16 Columns
----------------------------------------------------------------------------*/
.container_16 .suffix_1{padding-right:60px}
.container_16 .suffix_2{padding-right:120px}
.container_16 .suffix_3{padding-right:180px}
.container_16 .suffix_4{padding-right:240px}
.container_16 .suffix_5{padding-right:300px}
.container_16 .suffix_6{padding-right:360px}
.container_16 .suffix_7{padding-right:420px}
.container_16 .suffix_8{padding-right:480px}
.container_16 .suffix_9{padding-right:540px}
.container_16 .suffix_10{padding-right:600px}
.container_16 .suffix_11{padding-right:660px}
.container_16 .suffix_12{padding-right:720px}
.container_16 .suffix_13{padding-right:780px}
.container_16 .suffix_14{padding-right:840px}
.container_16 .suffix_15{padding-right:900px}

/* Clear Floated Elements
----------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}* html
.clearfix{height:1%}
.clearfix{display:block}

/* Short Grid >> 12 Columns (minus 1 Border width)
----------------------------------------------------------------------------*/
.container_12 .shortgrid_1{width:50px}
.container_12 .shortgrid_2{width:130px}
.container_12 .shortgrid_3{width:210px}
.container_12 .shortgrid_4{width:290px}
.container_12 .shortgrid_5{width:370px}
.container_12 .shortgrid_6{width:450px}
.container_12 .shortgrid_7{width:530px}
.container_12 .shortgrid_8{width:610px}
.container_12 .shortgrid_9{width:690px}
.container_12 .shortgrid_10{width:770px}
.container_12 .shortgrid_11{width:850px}
.container_12 .shortgrid_12{width:930px}

/* Short Grid >> 16 Columns (minus 1 Border width)
----------------------------------------------------------------------------*/
.container_16 .shortgrid_1{width:30px}
.container_16 .shortgrid_2{width:90px}
.container_16 .shortgrid_3{width:150px}
.container_16 .shortgrid_4{width:210px}
.container_16 .shortgrid_5{width:270px}
.container_16 .shortgrid_6{width:330px}
.container_16 .shortgrid_7{width:390px}
.container_16 .shortgrid_8{width:450px}
.container_16 .shortgrid_9{width:510px}
.container_16 .shortgrid_10{width:570px}
.container_16 .shortgrid_11{width:630px}
.container_16 .shortgrid_12{width:690px}
.container_16 .shortgrid_13{width:750px}
.container_16 .shortgrid_14{width:810px}
.container_16 .shortgrid_15{width:870px}
.container_16 .shortgrid_16{width:930px}
 
 /* Double Short Grid >> 12 Columns (minus 2 Border width)
----------------------------------------------------------------------------*/
.container_12 .dshortgrid_1{width:40px}
.container_12 .dshortgrid_2{width:120px}
.container_12 .dshortgrid_3{width:200px}
.container_12 .dshortgrid_4{width:280px}
.container_12 .dshortgrid_5{width:360px}
.container_12 .dshortgrid_6{width:440px}
.container_12 .dshortgrid_7{width:520px}
.container_12 .dshortgrid_8{width:600px}
.container_12 .dshortgrid_9{width:680px}
.container_12 .dshortgrid_10{width:760px}
.container_12 .dshortgrid_11{width:840px}
.container_12 .dshortgrid_12{width:920px}

/* Double Short Grid >> 16 Columns (minus 2 Border width)
----------------------------------------------------------------------------*/
.container_16 .dshortgrid_1{width:20px}
.container_16 .dshortgrid_2{width:80px}
.container_16 .dshortgrid_3{width:140px}
.container_16 .dshortgrid_4{width:200px}
.container_16 .dshortgrid_5{width:260px}
.container_16 .dshortgrid_6{width:320px}
.container_16 .dshortgrid_7{width:380px}
.container_16 .dshortgrid_8{width:440px}
.container_16 .dshortgrid_9{width:500px}
.container_16 .dshortgrid_10{width:560px}
.container_16 .dshortgrid_11{width:620px}
.container_16 .dshortgrid_12{width:680px}
.container_16 .dshortgrid_13{width:740px}
.container_16 .dshortgrid_14{width:800px}
.container_16 .dshortgrid_15{width:860px}
.container_16 .dshortgrid_16{width:920px}