/*************************
	gridflair v1.1 by Jesse Veluz
	Free To Use Responsive CSS Framework
	licensed under Creative Commons Attribution 3.0 License

	for tutorials visit: http://lifetickler.com/gridflair
 **************************/
.gridflair{overflow:hidden;padding:0px;margin:0px;zoom:1;}
.gridflair img {width:100%;height:auto; /* can be overriden in your own custom.css */}

.set12grid {width:100%;display:block;margin:1% 0;}
.set11grid {width:91.45%;display:block;float:left;margin:1% 0 1% 1.5%;}
.set10grid {width:83%;display:block;float:left;margin:1% 0 1% 1.5%;}
.set9grid {width:74.55%;display:block;float:left;margin:1% 0 1% 1.5%;}
.set8grid {width:66.1%;display:block;float:left;margin:1% 0 1% 1.5%;}
.set7grid {width:57.65%;display:block;float:left;margin:1% 0 1% 1.5%;}
.set6grid {width:49.2%;display:block;float:left;margin:1% 0 1% 1.5%;}
.set5grid {width:40.75%;display:block;float:left;margin:1% 0 1% 1.5%;}
.set4grid {width:32.3%;display:block;float:left;margin:1% 0 1% 1.5%;}
.set3grid {width:23.85%;display:block;float:left;margin:1% 0 1% 1.5%;}
.set2grid {width:15.4%;display:block;float:left;margin:1% 0 1% 1.5%;}
.set1grid {width:6.95%;display:block;float:left;margin:1% 0 1% 1.5%;}

.set12grid:first-child,.set11grid:first-child,.set10grid:first-child,
.set9grid:first-child,.set8grid:first-child,.set7grid:first-child,
.set6grid:first-child,.set5grid:first-child,.set4grid:first-child,
.set3grid:first-child,.set2grid:first-child,.set1grid:first-child { 
	margin-left:0;
}


/****
 This is for the float right style
 ****/
.set11grid_right {width:91.45%;display:block;float:right;margin:1% 1.5% 1% 0;}
.set10grid_right {width:83%;display:block;float:right;margin:1% 1.5% 1% 0;}
.set9grid_right {width:74.55%;display:block;float:right;margin:1% 1.5% 1% 0;}
.set8grid_right {width:66.1%;display:block;float:right;margin:1% 1.5% 1% 0;}
.set7grid_right {width:57.65%;display:block;float:right;margin:1% 1.5% 1% 0;}
.set6grid_right {width:49.2%;display:block;float:right;margin:1% 1.5% 1% 0;}
.set5grid_right {width:40.75%;display:block;float:right;margin:1% 1.5% 1% 0;}
.set4grid_right {width:32.3%;display:block;float:right;margin:1% 1.5% 1% 0;}
.set3grid_right {width:23.85%;display:block;float:right;margin:1% 1.5% 1% 0;}
.set2grid_right {width:15.4%;display:block;float:right;margin:1% 1.5% 1% 0;}
.set1grid_right {width:6.95%;display:block;float:right;margin:1% 1.5% 1% 0;}

.set12grid_right:first-child,.set11grid_right:first-child,.set10grid_right:first-child,
.set9grid_right:first-child,.set8grid_right:first-child,.set7grid_right:first-child,
.set6grid_right:first-child,.set5grid_right:first-child,.set4grid_right:first-child,
.set3grid_right:first-child,.set2grid_right:first-child,.set1grid_right:first-child { 
	margin-right:0%;
}


@media only screen and (max-width: 1000px) {
	.break_at_1000 {width:100%;margin:1% 0%;}
	.reset_at_1000 {width:100%;margin:1% 0%;}
}

@media only screen and (max-width: 800px) {
	.break_at_800 {	width:100%;margin:1% 0%;}
	.reset_at_800 {	width:100%;margin:1% 0%;}
}

@media only screen and (max-width: 580px) {
	.break_at_580 {	width:100%;margin:1% 0%;}
	.reset_at_580 {	width:100%;margin:1% 0%;}
}

@media only screen and (max-width: 320px) {
	.break_at_320 {	width:100%;margin:1% 0%;}
	.reset_at_320 {	width:100%;margin:1% 0%;}
}
