@import url(/work/works.css);
body {
	margin: 0;
	padding: 0;
}
#thumbs {
	float: left;
	width: 30%;
}
#thumbs ul {
	margin: 0;
	padding: 0;
}
#thumbs li {
	list-style: none;
	float: left;
	width: 96px;
	height: 96px;
	text-align: center;
	border: solid 2px #FFF;
	background: #FFF;
	margin: 2px;
}
#thumbs li.selected {
	border: solid 2px #F30;
}
#thumbs img {
	border: none;
}
#for-placeholder {
	position: relative;
	float: left;
}
#placeholder, #preimage {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 100;
}
#preimage {
	z-index: 50;
}
#controls {
	clear: left;
	text-align: center;
}
.op0 {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
.op1 {
	opacity: .1;
	-moz-opacity: .1;
	filter: alpha(opacity=10);
}
.op2 {
	opacity: .2;
	-moz-opacity: .2;
	filter: alpha(opacity=20);
}
.op3 {
	opacity: .3;
	-moz-opacity: .3;
	filter: alpha(opacity=30);
}
.op4 {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.op5 {
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}
.op6 {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.op7 {
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
}
.op8 {
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
}
.op9 {
	opacity: .9;
	-moz-opacity: .9;
	filter: alpha(opacity=90);
}
.op10 {
	opacity: .99;
	-moz-opacity: .99;
	filter: alpha(opacity=99);
}