/* STRUCTURE */

#pagewrap {
	padding: 0;
	width: 1260px;
	margin: 0 auto;
}
#left {
	width: 300px;
	float: left;
	padding: 0;
}
#left img {
	padding: 0;
}
#middle {
	width: 620px; /* Account for margins + border values */
	float: left;
	padding: 0;
	margin: 0px 20px 0px 20px;
}

#right {
	width: 300px;
	padding: 0;
	float: left;
}
#right img {
	padding: 0;
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1024px or less */
@media screen and (max-width: 1024px) {
	
	#pagewrap {
		width: 94%;
	}
	#left {
		width: 23.8%;
		padding: 0;
	}
	#middle {
		width: 49.21%;
		padding: 0;
		margin: 0 1.59% 0 1.59%;
	}
	#right {
		width: 23.8%;
		padding: 0;
	}
}

/* for 768px or less */
@media screen and (max-width: 768px) {

	#pagewrap {
		display: table;
	}
	#left {
		float: none;
		width: auto;
		margin: 1.59% 0 1.59% 0;
	}
	#middle {
		width: auto;
		float: none;
		display: table-header-group;
		margin: 0;
	}
	#right {
		float: none;
		display: table-footer-group;
	}
}