/* 
------------------------------------------------------------------------------------------------------------------
  Helpers
------------------------------------------------------------------------------------------------------------------
*/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }

.clear { display: block; clear: both; font-size: 1px; line-height: 0; height: 0; }

.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

.vtop { vertical-align: top; }
.vbottom { vertical-align: bottom; }
.vmiddle { vertical-align: middle; }

.fleft { float: left; }
.fright { float: right; }

/* 
------------------------------------------------------------------------------------------------------------------
  Main
------------------------------------------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; }
html { height: 100%; } 
body { position: relative; height: 100%; }

a img { border: 0; }

small, .small { font-size: 0.9em; }
big, .big { font-size: 1.2em; }

h1, h2, h3, h4, h5, h6 { padding: 14px 0 7px 0; line-height: 1.1; font-weight: bold; }
h1 { font-size: 1.8em; font-weight: normal; }
h2 { font-size: 1.5em; font-weight: normal; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; font-style: italic; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.85em; font-style: italic; }

p, dl { padding: 7px 0; }

ul, ol { padding: 0 0 7px 0; }
ul li,
ol li { margin-left: 16px; padding: 0 0 7px 0; }

#canvas_wrapper { position: relative; min-height: 100%; }

/* 
------------------------------------------------------------------------------------------------------------------
  Grids
------------------------------------------------------------------------------------------------------------------
*/

.container, .container_1, .container_2, .container_3, .container_4, .container_6, .container_8, .container_10, .container_12, .container_16 { overflow: hidden; display: block; margin-bottom: 20px; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_6, .grid_8, .grid_10, .grid_12, .grid_16 { float: left; /*padding-bottom: 32767px; margin-bottom: -32767px;*/ }

.grid_inner { display: block; padding: 0 10px; }

.grid_1 { margin-left: 0; margin-right: 0; width: 100%; }

.container_1 .grid_1, .container .grid_1 { width: 100%; }

.container_2 .grid_1 { width: 50%; }
.container_2 .grid_2 { width: 100%; }

.container_3 .grid_1 { width: 33.333%; }
.container_3 .grid_2 { width: 66.666%; }
.container_3 .grid_3 { width: 100%; }

.container_4 .grid_1 { width: 25%; }
.container_4 .grid_2 { width: 50%; }
.container_4 .grid_3 { width: 75%; }
.container_4 .grid_4 { width: 100%; }

.container_5 .grid_1 { width: 20%; }
.container_5 .grid_2 { width: 40%; }
.container_5 .grid_3 { width: 60%; }
.container_5 .grid_4 { width: 80%; }
.container_5 .grid_5 { width: 100%; }

.container_6 .grid_1 { width: 16.666%; }
.container_6 .grid_2 { width: 33.333%; }
.container_6 .grid_3 { width: 49.999%; }
.container_6 .grid_4 { width: 66.666%; }
.container_6 .grid_5 { width: 83.333%; }
.container_6 .grid_6 { width: 100%; }

.container_8 .grid_1 { width: 12.5%; }
.container_8 .grid_2 { width: 25%; }
.container_8 .grid_3 { width: 37.5%; }
.container_8 .grid_4 { width: 50%; }
.container_8 .grid_5 { width: 62.5%; }
.container_8 .grid_6 { width: 75%; }
.container_8 .grid_7 { width: 87.5%; }
.container_8 .grid_8 { width: 100%; }

.container_10 .grid_1 { width: 10%; }
.container_10 .grid_2 { width: 20%; }
.container_10 .grid_3 { width: 30%; }
.container_10 .grid_4 { width: 40%; }
.container_10 .grid_5 { width: 50%; }
.container_10 .grid_6 { width: 60%; }
.container_10 .grid_7 { width: 70%; }
.container_10 .grid_8 { width: 80%; }
.container_10 .grid_9 { width: 90%; }
.container_10 .grid_10 { width: 100%; }

.container_12 .grid_1 { width: 8.333%; }
.container_12 .grid_2 { width: 16.666%; }
.container_12 .grid_3 { width: 24.999%; }
.container_12 .grid_4 { width: 33.333%; }
.container_12 .grid_5 { width: 41.666%; }
.container_12 .grid_6 { width: 49.999%; }
.container_12 .grid_7 { width: 58.333%; }
.container_12 .grid_8 { width: 66.666%; }
.container_12 .grid_9 { width: 74.999%; }
.container_12 .grid_10 { width: 83.333%; }
.container_12 .grid_11 { width: 91.666%; }
.container_12 .grid_12 { width: 100%; }

.container_16 .grid_1 { width: 6.25%; }
.container_16 .grid_2 { width: 12.5%; }
.container_16 .grid_3 { width: 18.75%; }
.container_16 .grid_4 { width: 25%; }
.container_16 .grid_5 { width: 31.25%; }
.container_16 .grid_6 { width: 37.5%; }
.container_16 .grid_7 { width: 43.75%; }
.container_16 .grid_8 { width: 50%; }
.container_16 .grid_9 { width: 56.25%; }
.container_16 .grid_10 { width: 62.5%; }
.container_16 .grid_11 { width: 68.75%; }
.container_16 .grid_12 { width: 75%; }
.container_16 .grid_13 { width: 81.25%; }
.container_16 .grid_14 { width: 87.5%; }
.container_16 .grid_15 { width: 93.75%; }
.container_16 .grid_16 { width: 100%; }