.wrapper div.content { padding: 0 0 0 12px; margin-right: -12px; }
.wrapper .bottomleft {
	position: absolute;
	width: 40px;
	height: 40px;
	background: url(../images/menus/shadow_botleft.png);
	bottom: -24px;
	left: 0;
}

.wrapper .bottomright {
	position: absolute;
	width: 40px;
	height: 40px;
	background: url(../images/menus/shadow_botright.png);
	bottom: -24px;
	right: -24px;
}

.wrapper .colleft {
	width: 12px;
	position: absolute;
	background: url(../images/menus/shadow_left.png);
	top: 28px;
	left: 0;
}

.wrapper .colright {
	width: 12px;
	position: absolute;
	background: url(../images/menus/shadow_right.png);
	top: 28px;
	right: -24px;
}

.wrapper .background {
	background: url(../images/menus/shadow_bg.png);
	position: absolute;
	left: 12px;
	top: 0;
	width: 100%;
}

.wrapper .bottom {
	position: absolute;
	height: 24px;
	bottom: -24px;
	left: 40px;
	background: url(../images/menus/shadow_bottom.png);
}

.shadower .topright {
	position: absolute;
	width: 40px;
	height: 40px;
	right: -24px;
	top: -12px;
	background: url(../images/menus/shadow_topright.png);
	z-index: 99;
}

.shadower .topleft {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 0;
	top: -12px;
	background: url(../images/menus/shadow_topleft.png);
}

.shadower .top {
	position: absolute;
	width: 100%;
	top: -12px;
	background: url(../images/menus/shadow_top.png);
	left: 40px;
	height: 12px;
}

/*----- the entire menu container. -------*/
.wrapper {
	position: absolute;
	top: 12px;
}

.shadower {
	position: absolute;
	text-align: left;
}