body {
	font: 14px/17px Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
	}

.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 20%; }
.gallery li a { display: block; margin: 0.15em; border: 1px solid #c7c7c7; }
.gallery li.selectedReview a { border: 1px solid #636062; cursor:default; }
.gallery li.inactiveReview a { cursor:default;}
.gallery li.inactiveReview a:hover { border: 1px solid #c7c7c7;}
.gallery li a:hover {border: 1px solid #636062;}
.gallery li img { display: block; width: 100%; max-width:100%; height: auto; }
#MainContent img.rate {height:auto; max-with:100%; width:100%;}


@media (min-width: 700px) and (max-width: 900px){
	.gallery li {
		width: 15%;
	}
	#MainContent img.rate {height:auto; max-with:50%; width:50%;}
}	

@media (min-width: 901px){
	.gallery li {
		width: 7%;
	}
	#MainContent img.rate {height:auto; max-with:50%; width:50%;}
}