html {
	margin: 0;
	padding: 0;

	font-family: Arial, "Arial CE", sans-serif;
	font-size: 100%; /* IE hack */

	background: url('images/html-bg.jpg') top center #e5dfcf;
	color: #222222;
}

body {
	background: url('images/html-bg-top.jpg') top center repeat-x;

	z-index: 50;
	font-size: .75em;
	margin: 0;
	padding: 0;
}

#wrapper-shadow {
	margin: 0 auto;
	width: 1022px;

	background: url('images/main-top-shadow.png') top center no-repeat;
}

#wrapper-border-outside {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	position: relative;
	margin: 0 auto;
	width: 1002px;
}

.centered-container {
	margin: 0 auto;
	width: 980px;
}

#wrapper {
	background: url('images/wrapper-bg.png') top center repeat-x #f9f6e6;
	border-left: 1px solid #e3d6c3;
	border-right: 1px solid #e3d6c3;
	border-bottom: 1px solid #e3d6c3;
	width: 980px;
	padding: 0 10px;
}

#header {
}

#content {
	background: url('images/content-bg.png') top right repeat-y;
}

#footer {
}

/* left-bar */
#block-1 {
	width: 170px;
	float: left;
	position: relative;
/*	background-color: #f6f2e7;*/
	background-color: #f9f6e6;
}

/* main */
#block-2 {
	width: 810px;
	float: right;
	line-height: 1.5em;
}

/*TODO*/
#block-3 {
	width: 202px;
	position: absolute;
	right: 0;
	z-index: 500;
	height: 0;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;   /* prevent IE expanding the container */
	margin: 0;          /* keep flush with surrounding blocks */
}