/* Grid Global
----------------------------------------------------------------------------------------------------*/
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid Functions
----------------------------------------------------------------------------------------------------*/
.container12 {margin-right: auto; margin-left: auto; width: 996px;}
.col1  {width: 63px;}
.col2  {width: 146px;}
.col3  {width: 229px;}
.col4  {width: 312px;}
.col5  {
	width: 596px;
}
.col6  {width: 478px;}
.col7  {width: 561px;}
.col8  {width: 644px;}
.col9  {width: 727px;}
.col10 {width: 810px;}
.col11 {width: 893px;}
.col12 {width: 976px;}


@media screen and (max-width: 999px) and (min-width: 768px) {
	.container12 {width: 768px;}
	.col1 {width: 44px;}
	.col2 {width: 108px;}
	.col3 {width: 172px;}
	.col4 {width: 236px;}
	.col5 {width: 300px;}
	.col6 {width: 364px;}
	.col7 {width: 428px;}
	.col8 {width: 492px;}
	.col9 {width: 556px;}
	.col10 {width: 620px;}
	.col11 {width: 684px;}
	.col12 {width: 748px;}
}

@media screen and (max-width: 767px) and (min-width: 0) {
	.container12 {width: 90%;}
	.col1  {width: 100%; margin-left:0; margin-right: 0; }
	.col2  {width: 100%; margin-left:0; margin-right: 0; }
	.col3  {width: 100%; margin-left:0; margin-right: 0; }
	.col4  {width: 100%; margin-left:0; margin-right: 0; }
	.col5  {width: 100%; margin-left:0; margin-right: 0; }
	.col6  {width: 100%; margin-left:0; margin-right: 0; }
	.col7  {width: 100%; margin-left:0; margin-right: 0; }
	.col8  {width: 100%; margin-left:0; margin-right: 0; }
	.col9  {width: 100%; margin-left:0; margin-right: 0; }
	.col10 {width: 100%; margin-left:0; margin-right: 0; }
	.col11 {width: 100%; margin-left:0; margin-right: 0; }
	.col12 {width: 100%; margin-left:0; margin-right: 0; }
}





.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 5px;
}
.clearfix:before,
.clearfix:after,
.container12:before,
.container12:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}
.clearfix:after,
.container12:after {
	clear: both;
}
.clearfix,
.container12 {
	zoom: 1;
}