@charset "utf-8";
/* Expandable Shadow - CSS Document */

/* ---------- Expandable image drop shadow ---------- */

.shadow_wrapper { /* To be applied to the div that the picture will be in */
	position: relative;
	background: url(../images/shadow/expshadow_r.png) repeat-y right; 
	height: auto;
	z-index: 5;
	border: 0;
	padding: 0;
}

.image { /* This is the image that the shadow will "fall behind" */
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 15;
}

.image img {
	border: 1px #660000 solid
}

.top_right {
	position: absolute;
	background: url(../images/shadow/expshadow_tr.png) no-repeat;
	top: 0;
	right: 0;
	width: 8px;
	height: 8px;
}

.bottom_shadow {
	position: relative;
	background: url(../images/shadow/expshadow_b.png) repeat-x;
	width: 100%;
	height: 8px;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 8;
}

.bottom_left {
	position: absolute;
	background: url(../images/shadow/expshadow_bl.png) no-repeat;
	left: 0;
	top: 0;
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 10;
}


.bottom_right {
	position: absolute;
	background: url(../images/shadow/expshadow_br.png) no-repeat;
	right: 0;
	top: 0;
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 10;
}