.thumb {
  float: left;
  margin: 0 20px 20px 0;
}
.thumb IMG {
  width: 100px;
  height: 100px;
}
#main {
	float: left;
	width: 400px;
	height: 400px;
	bgcolor: #eee;
	border: 2px solid #900;
}
#preview {
	margin-top: 50px;
	float: left;
}
#preview IMG {
	border: 1px solid #444;
	width: 200px;
	height: 200px;
}
.cell {
	float: left;
	width: 100px;
	height: 100px;
}
.cell0  { background-position:     0px    0px; }
.cell1  { background-position:  -100px    0px; }
.cell2  { background-position:  -200px    0px; }
.cell3  { background-position:  -300px    0px; }
.cell4  { background-position:     0px -100px; }
.cell5  { background-position:  -100px -100px; }
.cell6  { background-position:  -200px -100px; }
.cell7  { background-position:  -300px -100px; }
.cell8  { background-position:     0px -200px; }
.cell9  { background-position:  -100px -200px; }
.cell10 { background-position:  -200px -200px; }
.cell11 { background-position:  -300px -200px; }
.cell12 { background-position:     0px -300px; }
.cell13 { background-position:  -100px -300px; }
.cell14 { background-position:  -200px -300px; }
.cell15 { background-position:  -300px -300px; }
.cellempty { background: #2B6991; }
#cell0,
#cell4,
#cell8,
#cell12 {
	clear: left;
}