*{ padding:0px; margin:0px; }			body{ background:#D5DEE7; }						h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }						.boxgrid{ 				width:31.5%; 				height: auto; 				margin:10px; 				float:left;  				overflow: hidden; 				position: relative; 			}				.boxgrid img{ /*					position: absolute; 					top: 0; 					left: 0; 					border: 0; */				}				.boxgrid p{ 					padding: 0 10px; 					color:#afafaf; 					font-weight:bold; 					font:10pt "Lucida Grande", Arial, sans-serif; 				}							.boxcaption{ 				float: left; 				position: absolute; 				height: 100px; 				width: 100%; 				opacity: 1; 				/* For IE 5-7 *//*				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);*/				/* For IE 8 */				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 			} 				.captionfull  .boxcaption { 					top: 260px; 					left: 0; 				} 				.caption .boxcaption { 					top: 220px; 					left: 0; 				}				@media screen and (max-width:1110px) {	.boxgrid{ 				width:31.3%; 				height: auto; 				margin:10px; 				float:left;  				overflow: hidden; 				position: relative; 			}}@media screen and (max-width:1010px) {	.boxgrid{ 				width:31%; 				height: auto; 				margin:10px; 				float:left;  				overflow: hidden; 				position: relative; 			}}@media screen and (max-width:880px) {		}