@card-width: 100px;
@card-height: 140px;

.shadow (@x: 0, @y: 0, @blur: 1px, @alpha) {
	@val: @x @y @blur rgba(0, 0, 0, @alpha);
	box-shadow:         @val;
	-webkit-box-shadow: @val;
	-moz-box-shadow:    @val;
}

body {
	color: black;
	background: #ccc;
	font-size: 11px;
	margin: 0;
	padding: 10px;
}

h1 {
	margin-top: 0;
	font: bold 20px 'Verdana';
	color: blue;
}

#table {
	height: 600px;
	width: 860px;
	background: #eee;
	position: relative;
	.shadow(2px, 2px, 10px, 0.4);
	border: 2px solid #468;
}

.card {
	width: @card-width;
	height: @card-height;
	padding: 2px;
	position: absolute;
	background: #fff;
	border: 2px solid #fff;
	.shadow(1px, 1px, 8px, 0.4);
	border-radius: 4px;
}