html, body {	margin: 0;	padding: 0;	}
body {	background: #EEE;	}
.clear {	clear: both;	line-height: 1px;	font-size: 1px;}
#images{ float:left; width:28%; margin:2% 36% 0% 36%}
#images a {margin-right: 14px;}
#images a img {border: 1px solid #888;	padding: 3px;	vertical-align: top;}
#images01 a img {border: 1px solid #888;	padding: 3px;	vertical-align: top;}
#images02 a img {border: 1px solid #888;	padding: 3px;	vertical-align: top;}

#credit {clear: both; margin-top: 50px; padding-top: 20px; font-size: 10px; border-top: 1px solid #BBB; font-family: Verdana; }
#imgbox-loading { position: absolute; top: 0; left: 0; background: url('imgbox-spinner.gif') center center no-repeat;
	cursor: pointer;
	display: none;
	z-index: 90;
}
#imgbox-loading div {	background: #FFF;	width: 100%;	height : 100%;}
#imgbox-overlay { position: absolute; top: 0;	left: 0;	width: 100%;	height: 100%;	background: #000;	display: none;	z-index: 80;}
.imgbox-wrap {position: absolute;	top: 0;	left: 0;	background: #FFF;	display: none;	z-index: 90;}
.imgbox-img {	padding: 0;	margin: 0;	border: none;	width: 100%;	height: 100%;	vertical-align: top;}
.imgbox-close {	position: absolute;	top: -15px;	right: -15px;	height: 30px;	width: 30px;	background: url(../images/x.png) top left no-repeat;	cursor: pointer;	outline: none; background-size:100%}
.imgbox-bg-wrap {	position: absolute;	padding: 0;	margin: 0;	display: none;}
.imgbox-bg {position: absolute;width: 20px;height: 20px;}




@media (max-width: 500px) {
#images { width: 28%; margin: 2% 36% 2% 36%;}