html {
	background: #6D7D89 url("../img/main-bg.gif");
}

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	background: url("../img/theatre.jpg") top left no-repeat;
	font-family: verdana, arial, helvetica, sans-serif; 
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

h1 {
	font-size: 1.2em;
	color: #4A6D4D;
}

h2 {
	font-size: 1em;
	color: #4A6D4D;
}

a:link, a:visited  { 
	color: #5B6A63;
}

a:hover, a:active, a:focus { 
	color: #332222;
}

#page { 
	background: #ffffff url("../img/content-bg.gif") top right;
	margin: 25px 30px 10px 196px; 
	clear: left; 
	border: solid 1px #3D3A39;
}

#header { 
	background: url("../img/title-bg.gif") bottom right no-repeat;
	height: 75px;
	margin: 0px;
}

#header p {
	margin: 0px 10px 0px 0px;
	background: url("../img/title-bg.gif") top left no-repeat;
	height: 75px;
	text-align: center;
}

#content { 
	background: url("../img/content-bg.gif") top left;
	padding: 20px 0px 20px 20px;
	margin: 0px 40px 0px 0px;
	font-size: 0.9em;
}

#navigation { 
	background: url("../img/nav-bg.gif") bottom right no-repeat;
	height: 47px;
}

#navigation div {
	margin: 0px 40px 0px 0px;
	background: url("../img/nav-bg.gif") top left no-repeat;
	height: 47px;
	text-align: center;
}

#navigation p {
	padding: 10px;
}

#footer { 
	background: url("../img/footer-bg.gif") bottom right no-repeat;
	height: 90px;
	margin: 0px;
}

#footer div {
	margin: 0px 100px 0px 0px;
	background: url("../img/footer-bg.gif") top left no-repeat;
	height: 90px;
	text-align: center;
	font-size: 0.6em;
}

#footer p {
	margin: 0px 0px 10px 100px;
}