/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*body {
	margin: 0px;
}*/

img {
  display: block;
  max-width: 100%;
}

#gmap img { max-width: none; }

/*#wrap, footer {*/
.wrap, footer {
   max-width: 1100px;
   margin: auto;
}

[class*='col-'] {
	float: left;
	padding: 0 0px 10px 0px;
}

[class*='col-']:last-of-type {
	padding-right: 10px;
}

.gridorigin {
	width: 100%;
	max-width: 1100px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

.grid {	
	max-width: 1100px;
	margin: 0;
	overflow: hidden;
	/*background: #eeeeee;*/
	/*margin-right: 300px;*/
}

.grid:after {
	content: "";
	display: table;
	clear: both;
	/*height: 20px;*/
}



.grid-pad {
	padding: 0 0 0 0;
}

.grid-pad > [class*='col-']:last-of-type {
	padding-right: 0px;
}

.banner   { display: block; clear: both; min-height: 110px; margin-bottom: 10px; }
.banner > [class*='col-']  { padding: 0; }
.banner > [class*='col-']:last-of-type  {  padding: 0; }

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1, .col-12-12 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%;
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%;
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-7-12 {
	width: 58.33%;
	/*background-color: #ccffff;*/
}

.col-5-12 {
	width: 41.66%;
	/*background-color: #ffccff;*/
}


/*@media handheld, only screen and (max-width: 800px) {*/
@media screen and (max-width: 800px) {
	
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		/*margin-top: 10px;*/
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 0px;
		/*padding-right: 20px;*/
	}

	[class*='col-']:last-of-type { padding-right: 0; }
	.grid-pad > [class*='col-']:last-of-type { padding-right: 0px; }

	.banner   { display: block; clear: both; min-height: 0; margin-bottom: 0; padding: 0; }
	.banner > [class*='col-'] { padding: 0; }
	.banner > [class*='col-']:last-of-type { padding: 0; }

	#main_i {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}

}