/*	=layer
---------------------------------------------------------------------------- */

.layer {
	margin: 20px;
	width: 45%;
	padding: 23px;
	position: relative;
	background-color: #ffc;
}

.layer .content {
	padding: 10px;
	background-color: #fff;
}

/*	=shadow
---------------------------------------------------------------------------- */

.layer .left,
.layer .right,
.layer .center {
	position: absolute;	
}

.layer .shadow-top .left,
.layer .shadow-top .right,
.layer .shadow-bottom .left,
.layer .shadow-bottom .right {
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.layer .shadow-top div { top: 0; }
.layer .shadow-bottom div { bottom: 0; }

.layer .left { left: 0; }
.layer .right { right: 0; }

.layer .shadow-top .left { background-image: url(../tl.png); }
.layer .shadow-top .right { background-image: url(../tr.png); }
.layer .shadow-bottom .left { background-image: url(../bl.png); }
.layer .shadow-bottom .right { background-image: url(../br.png); }