.container_12 {margin-left:auto;margin-right:auto;width:100%}
.container_16{margin-left:auto;margin-right:auto;width:96%}
.container_20 {margin-right:auto;margin-left:auto;width:50%; float: right; text-align:left}
.container_21 {margin-right:auto;margin-left:auto;width:50%; float: left; text-align:left}

.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{display:inline;float:left;margin-left:1%;margin-right:1%}

.container_12 .grid_3,.container_16 .grid_4{width:22%}

.container_12 .grid_6,.container_16 .grid_8{width:46%}

.container_12 .grid_9,.container_16 .grid_12{width:70%}

.container_12 .grid_12,.container_16 .grid_16{width:94%}

.alpha{margin-left:0}

.omega{margin-right:0}

.container_12 .grid_1{width:6%}

.container_12 .grid_2{width:14%}

.container_12 .grid_4{width:30%}

.container_12 .grid_5{width:38%}

.container_12 .grid_7{width:54%}

.container_12 .grid_8{width:62%}

.container_12 .grid_10{width:78%}

.container_12 .grid_11{width:86%}

.container_16 .grid_1{width:4%}

.container_16 .grid_2{width:10%}

.container_16 .grid_3{width:16%}

.container_16 .grid_5{width:28%}

.container_16 .grid_6{width:34%}

.container_16 .grid_7{width:40%}

.container_16 .grid_9{width:52%}

.container_16 .grid_10{width:58%}

.container_16 .grid_11{width:64%}

.container_16 .grid_13{width:76%}

.container_16 .grid_14{width:82%}

.container_16 .grid_15{width:88%}.

container_12 .prefix_3,.container_16 .prefix_4{padding-left:24%}

.container_12 .prefix_6,.container_16 .prefix_8{padding-left:48%}

.container_12 .prefix_9,.container_16 .prefix_12{padding-left:72%}

.container_12 .prefix_1{padding-left:8%}

.container_12 .prefix_2{padding-left:16%}

.container_12 .prefix_4{padding-left:32%}

.container_12 .prefix_5{padding-left:40%}

.container_12 .prefix_7{padding-left:56%}

.container_12 .prefix_8{padding-left:64%}

.container_12 .prefix_10{padding-left:80%}

.container_12 .prefix_11{padding-left:88%}

.container_16 .prefix_1{padding-left:6%}

.container_16 .prefix_2{padding-left:12%}

.container_16 .prefix_3{padding-left:18%}

.container_16 .prefix_5{padding-left:30%}

.container_16 .prefix_6{padding-left:36%}

.container_16 .prefix_7{padding-left:42%}

.container_16 .prefix_9{padding-left:54%}

.container_16 .prefix_10{padding-left:60%}

.container_16 .prefix_11{padding-left:66%}

.container_16 .prefix_13{padding-left:78%}

.container_16 .prefix_14{padding-left:84%}

.container_16 .prefix_15{padding-left:90%}

.container_12 .suffix_3,.container_16 .suffix_4{padding-right:24%}

.container_12 .suffix_6,.container_16 .suffix_8{padding-right:48%}

.container_12 .suffix_9,.container_16 .suffix_12{padding-right:72%}

.container_12 .suffix_1{padding-right:8%}

.container_12 .suffix_2{padding-right:16%}

.container_12 .suffix_4{padding-right:32%}

.container_12 .suffix_5{padding-right:40%}

.container_12 .suffix_7{padding-right:56%}

.container_12 .suffix_8{padding-right:64%}

.container_12 .suffix_10{padding-right:80%}

.container_12 .suffix_11{padding-right:88%}

.container_16 .suffix_1{padding-right:6%}

.container_16 .suffix_2{padding-right:12%}

.container_16 .suffix_3{padding-right:18%}

.container_16 .suffix_5{padding-right:30%}

.container_16 .suffix_6{padding-right:36%}

.container_16 .suffix_7{padding-right:42%}

.container_16 .suffix_9{padding-right:54%}

.container_16 .suffix_10{padding-right:60%}

.container_16 .suffix_11{padding-right:66%}

.container_16 .suffix_13{padding-right:78%}

.container_16 .suffix_14{padding-right:84%}

.container_16 .suffix_15{padding-right:90%}

.cellContainer { position:relative; top:0; left:0; margin:0; padding:0px}

/*.cellContainer was originally { position:relative; top:0; left:0; margin:0 30px 0 30px; padding:3px} which caused footer to not fill container*/
  
.cellTop { position:absolute; top:0px; right:0px; width:20%; padding:3px; margin:2px}
  
.cellBottom { position:absolute; bottom:0px; right:0px; width:20%; padding:3px; margin:2px}
  
.cellContent { margin-right:22%}

.cellCenter { float:left; min-width:45%}

.floatRight { float:right; width:47%; padding:.5%; margin:2px 1% 2px 1%}
  
.floatLeft { float:left; width:47%; padding:.5%; margin:2px 1% 2px 1%}
  
.fixedWidth {
	width:47%;
	min-width:21%
}

end 3 column responsive design with floats from http://www.rainbodesign.com/pub/css/css-float.html

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

.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}

.clearfix{display:inline-block}

* html .clearfix{height:1%}

.clearfix{display:block}