/*Base on 12 col grid - 1280 with 20 padding - Content width is 1240*/
.gridrow{
	margin: 0 -1.6129% 0; /*20/1240*/
}

.gridrow:after {
  content: "";
  display: table;
  clear: both;
}

.lt-ie8 .gridrow{ overflow : hidden; _height : 1%; }


.gridcol{
	margin: 0 1.6129% 10px; /*20/1240*/
	float:left;
	overflow:hidden;
	box-sizing:border-box;
}

.one.gridcol{
	width:5.10752%; /*63.333333*/
}
.two.gridcol{
	width:13.44085%; /*166.66666*/
}
.three.gridcol{
	width:21.77419%; /*269.99999*/
}
.four.gridcol{
	width:30.10752%; /*373.33329*/
}


.five.gridcol{
	width:38.44085%; /*476.66659*/
}

.six.gridcol{
	width:46.77418%; /*579.99989*/
}
.seven.gridcol{
	width:55.10751%; /*683.33319*/
}

.eight.gridcol{
	width:63.44084%; /*786.66649*/
}
.nine.gridcol{
	width:71.77417%; /*889.99979*/
}

.ten.gridcol{
	width:80.1075%; /*993.33309*/
}
.eleven.gridcol{
	width:88.44083%; /*1096.6663*/
}

.twelve.gridcol{
	width:96.875%; /*1240/1280*/
}




.gridrow.two-up .gridcol{
	width:45.93495%; /*452*/
}
.gridrow.three-up .gridcol{
	width:29.26829%; /*288*/
}
.gridrow.four-up .gridcol{
	width:20.93495%; /*206*/
}



/*END Margin-------------------------------------------------------------*/


.gridcol.right{
float:right;
}
.gridcol img{
	max-width:100%;
}
.gridcol.center{
	text-align:center;
}

.gridcol.imagefull img{
	width:100%;
}



	
@media (max-width : 640px) {

	.gridcol{
	width:100% !important;
	/*use auto is it extends to far*/
	float:none;
	}
	.gridcol.right{
	float:none;
	}
	
	.gridrow{
		width: 100%;width: 100%; /*ADDED IN 8/6/14*/
	}
	

	
}