/* Category Photo Formatting */
img.left {
	display: block;
	width: 30%;
	height: auto;
	float: left;
	margin-left: 20%;
	margin-right: 15px;
	margin-top: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

img.right {
	display: block;
	width: 30%;
	height: auto;
	float: right;
	margin-left: 15px;
	margin-right: 20%;
	margin-top: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

/* Unique styles for screen resolution of 1024px and below */
@media screen and (max-width: 1024px) {
	img.left {
		width: 40%;
		margin-left: 10%;
	}

	img.right {
		width: 40%;
		margin-right: 10%;
	}
}


/* Unique styles for screen resolution of 640px and below */
@media screen and (max-width: 640px) {
	img.left {
		width: 50%;
		margin-left: 15px;
	}

	img.left {
		width: 50%;
		margin-right: 15px;
	}
}


/* Unique styles for screen resolution of 320px and below */
@media screen and (max-width: 320px) {
	img.left {
		width: 100%;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	img.right {
		width: 100%;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}