@charset "UTF-8";

body {
	margin: 20px;
	background-color: #DDDDDD;
}

div.layout {
	width: 950px;
	height: auto;
	background-color: #E6E6E6;
	position: relative;
	top: 0px;
	left: 50%;
	margin-left: -475px;
	box-shadow: 1px 1px 15px #999999;
	-webkit-box-shadow: 1px 1px 15px #999999;
	-moz-box-shadow: 1px 1px 15px #999999;
}

div.content {
	width: 950px;
	height: auto;
	background-color: #E6E6E6;
	font-family: Verdana;
	font-size: 12px;
}

div.clear {
	clear: both;
}

/* LATER

div.layout_left {
	width: 30px;
	height: 100%;
	background-image: url('shadow/left.png');
	background-repeat: repeat-y;
	background-position: left;
	float: left;
}

div.layout_middle {
	width: 940px;
	height: 100%;
	float: left;
}

div.layout_right {
	width: 30px;
	height: 100%;
	background-image: url('shadow/right.png');
	background-repeat: repeat-y;
	background-position: right;
	float: left;
}

div.layout_left div.top,
div.layout_right div.top {
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
}

div.layout_left div.top {
	background-image: url('shadow/left_top.png');
}

div.layout_right div.top {
	background-image: url('shadow/right_top.png');
}

div.layout_middle div.top {
	width: 100%;
	height: 15px;
	background-image: url('shadow/top.png');
	background-repeat: repeat-x;
}

div.layout_middle div.bottom {
	width: 100%;
	height: 15px;
	background-image: url('shadow/bottom.png');
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0px;
}

div.layout_left div.bottom,
div.layout_right div.bottom {
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
}

div.layout_left div.bottom {
	background-image: url('shadow/left_bottom.png');
}

div.right div.bottom {
	background-image: url('shadow/right_bottom.png');
}

*/