html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
background:#ced1b7; /*color background - only works in IE */
font-size:80%; /*set default font size */
font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden; /*get rid of scroll bars in IE */
/* */
}

body {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
overflow:hidden; /*get rid of scroll bars in IE */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
background-image: url('images/page-background-fade.png');
background-repeat: repeat-x;
background-color: #ced1b7;
}

#content { 
display:block; /* set up as a block */
height:100%; /* set height to full page */
max-height:100%;
overflow:hidden; /* add scroll bars as required */
position:relative; /* set up relative positioning so that z-index will work */
z-index:3; /* allocate a suitable z-index */
}

img {
	border-style: none;
}

#outer {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 1px;
  overflow: visible;
}

#inner {
  width: 600px;
  height: 650px;
  margin-left: -300px;  /***  width / 2   ***/
  position: absolute;
  top: -325px;          /***  height / 2   ***/
  left: 50%;
  text-align: center;
}

#footer {
	position:absolute; 
	margin:0; 
	bottom:0;
	display:block; 
	width:100%; 
	height:35px; 
	background-image: url('images/page-bottom-fade.png');
	z-index:0; 
}

#big_crown {
	position:absolute; 
	margin:0; 
	bottom:0;
	left: 0;
	display:block; 
    width: 808px;
    height: 721px;
	background-image: url('images/page-bottom-big-crown.png');
	z-index:1; 
}