@charset "UTF-8";
/* CSS Document */
body
{
	bgcolor="#8d8680"
}
.container {
    overflow:hidden;
    list-style:none;
	 
}

.container li {
    float:left;
    text-align:center;
    margin:0.4em;
}

.container img {
    display:block;
}
a {text-decoration: none; }

body {
  font-family: "Trebuchet", sans-serif;
  line-height: 1.25;
  bgcolor="#8d8680" link="#000000" vlink="#5A4F5B" alink="#AA9277">
}
table {
  border: none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: flexible;
  max-width: 600px;
}
table caption {
  font-size: 1.5em;
   margin: .5em 0 .75em;
}
table tr {
  background: #8d8680;
  border: none;
  padding: 0;
}
table th,
table td {
  padding: .5em;
  text-align: center;
}
table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.image_holder {
	font-size:9px; 
	color:#000; 
	margin-top:2px
}
.image_holder { 
	margin-top:2px
}
<style>
	body{ background: #ddd; margin: 0; padding: 0; }
	#container{ width: 950px; margin: 0 auto; background: #fff; padding: 200px 5px; }
	table{ border-collapse: collapse; width: 100% }
	td{ border: 0; padding: 10px; }

	@media screen and (max-width: 480px){

		#container{ width: auto; margin: 0; padding: 0; }
		table { display: block; }
		td{ display: block; padding: 0; border: none; }
		td img{ display: block; margin: 0; width: 100%; max-width: none; }

	}

	img{ max-width: 100%; height: auto; width: auto\\9; /* ie8 */ }

</style>