body {
	color: #fff;
	background-color: #000;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

/* = HEADERS ------------------------------------*/

h1 {
	margin: 0px;
	padding: 0px;
	text-align: right;
}

h2 {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 2em;
	line-height: 1.2em;
	margin: 10px 0px;
	font-weight: normal;
	color: #fff;
}

ul {
	list-style: none;
	margin: 10px 0px;
	padding: 0px;
}

li {
	margin: 0px 0px 2px;
	padding: 0px;
	font-size: 1.2em;
	line-height: 1.4em;
}

/* = CLEAR --------------------------------------*/

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

.clear span {
	position: absolute;
	left: -9999em;
}

.hidden {
	display: none;
}

.hr {
	height: 5px;
	width: 100%;
	clear: both;
	margin: 15px 0px 20px;
	background: transparent url('../images/hr_bg.png') repeat-x 0% 0%;
}

.hr span {
	position: absolute;
	left: -9999em;
}

/* = IMAGES -----------------*/

a:link img,
a:visited img,
a:active img,
a:hover img {
	border: 0px;
}

.image-right {
	display: block;
	float: right;
	margin: 4px 0px 20px 20px;
}

.image-left {
	display: block;
	float: left;
	margin: 4px 20px 20px 0px;
}

/* = PNG BUTTON -------------*/

a.button:link,
a.button:visited,
a.button:active {
	display: block;
	width: 109px;
	height: 29px;
	font-size: 10px;
	line-height: 25px;
	padding: 0px;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/button_bg.png') no-repeat 0% 0%;
}

a.button span {
	display: block;
	width: 107px;
	height: 27px;
	padding: 0px 2px 2px 0px;
	position: static;
	text-align: center;
	color: #fff;
	font-size: inherit;
	line-height: inherit;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

a.button:hover span {
	background: transparent url('../images/button_hover_bg.png') no-repeat 0% 0%;
}


/* = PAGE AREA ----------------------------------*/

#page-area-wrapper {
	width: 100%;
	background: transparent url('../images/page_area_mid_bg.jpg') repeat-y 50% 0%;
}

#page-area-top-wrapper {
	width: 100%;
	background: transparent url('../images/page_area_top_bg.jpg') no-repeat 50% 0%;
}

#page-area {
	width: 100%;
	background: transparent url('../images/page_area_bot_bg.jpg') no-repeat 50% 100%;
	font-size: 1em;
	padding: 92px 0px 28px;
}

/* = HEADER -------------------------------------*/

#header {
	margin: 0px;
	width: 920px;
	height: 92px;
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: 95;
	margin-left: -460px;
}

#tr-roots {
	position: absolute;
	right: -64px;
	top: 0px;
	z-index: 50;
	background: transparent url('../images/top_right_roots.png') no-repeat 0% 0%;
}

#sound-switch {
	display: block;
	width: 103px;
	height: 12px;
	position: absolute;
	right: 22px;
	top: 11px;
}

#sound-switch img {
	display: block;
}

/* = LOGO ---------------------------------------*/

#header #logo-wrapper {
	position: absolute;
	left: -108px;
	top: 0px;
	width: 545px;
	height: 194px;
	z-index: 10;
}

#logo-wrapper #logo {
	display: block;
	border: 0px;
	background: transparent url('../images/logo.png') no-repeat 0% 0%;
}

/* = MAIN NAVIGATION ----------------------------*/

#main-nav-wrapper {
	position: absolute;
	left: 367px;
	top: 47px;
	width: 550px;
	z-index: 99;
}

#main-nav {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Georgia, Times, 'Times New Roman', serif;
}

#main-nav li {
	float: left;
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
	height: 36px;
}

#main-nav li a:link,
#main-nav li a:visited,
#main-nav li a:active {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	height: 36px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#main-nav li.sel a:link,
#main-nav li.sel a:visited,
#main-nav li.sel a:active,
#main-nav li a:hover {
	background-position: 0px -36px;
}

#main-nav li a span {
	position: absolute;
	left: -9999em;
}

#main-nav li#mn-home {
	width: 67px;
	padding-right: 1px;
}

#main-nav li#mn-home a {
	width: 67px;
	background-image: url('../images/main_nav/mn_home.jpg');
}

#main-nav li#mn-store {
	width: 100px;
	padding-right: 3px;
}

#main-nav li#mn-store a {
	width: 100px;
	background-image: url('../images/main_nav/mn_the_store.jpg');
}

#main-nav li#mn-story {
	width: 100px;
	padding-right: 1px;
}

#main-nav li#mn-story a {
	width: 100px;
	background-image: url('../images/main_nav/mn_the_story.jpg');
}

#main-nav li#mn-creators {
	width: 125px;
	padding-right: 6px;
}

#main-nav li#mn-creators a {
	width: 125px;
	background-image: url('../images/main_nav/mn_the_creators.jpg');
}

#main-nav li#mn-contact-us {
	width: 107px;
	padding-right: 9px;
}

#main-nav li#mn-contact-us a {
	width: 107px;
	background-image: url('../images/main_nav/mn_contact_us.jpg');
}

/* = FOOTER -------------------------------------*/

#footer {
	width: 770px;
	margin: 30px auto;
	font-family: Helvetica, Arial, sans-serif;
}

#footer p {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #4f4b49;
}

#footer a:link,
#footer a:visited,
#footer a:active {
	color: #4f4b49;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .disclaimer {
	font-size: 1.1em;
	color: #333;
}

#footer .disclaimer a:link,
#footer .disclaimer a:visited,
#footer .disclaimer a:active {
	color: #632c17;
}