html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
html
{
	background-color: #000000;
}
body {
	background-color:#000;
	color: #a366e7;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, "Lucida Grande", sans-serif;
	font-size: 67%;
}
a
{
	color: #6BBE46;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, "Lucida Grande", sans-serif;
}

#wrapper
{
	width: 1006px;
	position: relative;
	margin: 0px;
	padding: 0px;
}
p.clearer
{
	clear: both;
	height: 0px;
	display: block;
}
.hider
{
	position: absolute;
	height: 370px;
	width: 747px;
	z-index: 2;
	visibility: visible;
}
.hider p
{
	display: none;
}
#header h1
{
	background-image: url(../img/h1-home.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 226px;
	width: 708px;
	float: left;
}
#header h1 span, 
#header h1 a#homeLink span
{
	text-indent: -9999px;
	display: none;
}
a#homeLink
{
	height: 226px;
	width: 410px;
	display: block;
	position: relative;
	text-indent: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
div#slideshow
{
	background-image: url(../img/slideshow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 226px;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 298px;
}
#slideshow  div#slides
{
	height: 140px;
	position: relative;
	top: 19px;
	left: 11px;
	width: 255px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #CCCCCC;
	border-bottom-color: #FFFFFF;
	border-left-color: #333333;
}
#leftNav
{
	clear: both;
	margin: 0;
	padding: 0px;
	float: left;
	width: 238px;
	height: 404px;
	position: relative;
}
#leftNav span
{
	text-indent: -9999px;
	display: none;
}

#leftNav   a#vol01 
{
	text-indent: 0px;
	height: 404px;
	width: 238px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#leftNav  a:hover#vol01
{
	text-indent: 0px;
	height: 404px;
	width: 238px;
	display: block;
	margin: 0;
	padding: 0px;
	background-image: url(../img/leftNav-01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#leftNav a#extraextra
{
	position: absolute;
	background-image: url(../img/journey-continues.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	left: 111px;
	bottom: 8px;
	height: 44px;
	width: 110px;
	z-index: 199;
}
#leftNav a#extraextra:hover
{
	background-image: url(../img/journey-continues-01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#areaMain
{
	margin: 0px;
	padding: 0px;
}
#areaMain   #navigation
{
	float: left;
	width: 768px;
	padding: 6px 0;
}
#areaMain #navigation li
{
	display: inline;
	list-style-type: none;
	float: left;
}
#navigation  li a
{
	background-image: url(../img/navlinks.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	height: 20px;
	display: block;
	width: 50px;
	margin: 0px;
	padding: 0px;
}
#navigation  li span,
#navigation li p
{
	display: none;
}
#navigation  li a#story
{
	background-image: url(../img/navlinks.gif);
	background-position: 0px 0px;
	width: 53px;
}
#navigation  li a#tino
{
	background-position: -53px 0px;
	width: 55px;
}
#navigation  li a#pigfish
{
	background-position: -108px 0px;
	width: 77px;
}
#navigation   li  a#luckyfoot
{
	background-position: -186px 0px;
	width: 114px;
}
#navigation   li a#mrtree
{
	background-position: -300px 0px;
	width: 92px;
}
#navigation li a#characters
{
	background-position: -392px 0px;
	width: 120px;
}
#navigation li a#locations
{
	background-position: -512px 0px;
	width: 105px;
}
#navigation li a#events
{
	background-position: -617px 0px;
	width: 79px;
}
#navigation li a#blog
{
	background-position: -696px 0px;
	width: 62px;
}

/* ---- Hover Styles for Nav Bar */


#navigation  li a#story:hover
{
	background-position: 0px -40px;
}

#navigation li a#tino:hover
{
	background-position: -53px -40px;
}
#navigation  li a#pigfish:hover
{
	background-position: -108px -40px;
}
#navigation   li  a#luckyfoot:hover
{
	background-position: -186px -40px;
}
#navigation   li a#mrtree:hover
{
	background-position: -300px -40px;
}
#navigation li a#characters:hover
{
	background-position: -392px -40px;
}
#navigation li a#locations:hover
{
	background-position: -512px -40px;
}
#navigation li a#events:hover
{
	background-position: -617px -40px;
}
#navigation li a#blog:hover
{
	background-position: -696px -40px;
}


/* ---- Down Styles for Nav Bar */

#storyB #navigation  li a#story,
#navigation  li a#story:active
{
	background-position: 0px -20px;
}
#tinoB #navigation li a#tino,
#navigation  li a#tino:active
{
	background-position: -53px -20px;
}
#pigfishB #navigation  li a#pigfish,
#navigation  li a#pigfish:active
{
	background-position: -108px -20px;
}
#luckyfootB #navigation   li  a#luckyfoot,
#navigation   li  a#luckyfoot:active
{
	background-position: -186px -20px;
}
#mrtreeB #navigation   li a#mrtree,
#navigation   li a#mrtree:active
{
	background-position: -300px -20px;
}
#charactersB #navigation li a#characters,
#navigation li a#characters:active
{
	background-position: -392px -20px;
}
#locationsB #navigation li a#locations,
#navigation li a#locations:active
{
	background-position: -512px -20px;
}
#eventsB #navigation li a#events,
#navigation li a#events:active
{
	background-position: -617px -20px;
}
#blogB #navigation li a#blog,
#navigation li a#blog:active
{
	background-position: -696px -20px;
}


#storeLink
{
	background-image: url(../img/storeLink-01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 29px;
	width: 68px;
	position: absolute;
	top: 195px;
	left: 830px;
	z-index: 2;
}
#storeLink a
{
	background-image: url(../img/storeLink.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 29px;
	width: 68px;
}
#storeLink a:hover
{
	background-position: -99px -99px;
}
#storeLink span
{
	display: none;
}
#areaMain #centerInfo
{
	float: left;
	clear: none;
	height: 369px;
	width: 747px;
	margin: 0px;
	position: relative;
	border: 1px solid #6E4FA5;
	overflow: hidden;
}
#footer #contactDiv
{
	background-image: url(../img/contactDiv.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 138px;
	width: 238px;
	position: relative;
	float: left;
}
#footer #contactDiv a
{
	background-image: url(../img/contact-group.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 72px;
	width: 80px;
	position: absolute;
	top: 33px;
	right: 0px;
	z-index: 498;
}
#footer #contactDiv a:hover
{
	background-image: url(../img/contact-group-01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 72px;
	width: 80px;
	position: absolute;
	top: 33px;
	right: 0px;
}
#footer #contactDiv span
{
	display: none;
}
#footer #footerLinks
{
	background-image: url(../img/footerLinks.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 138px;
	width: 749px;
	float: left;
	position: relative;
}
#footer #footerLinks ul
{
	position: absolute;
	left: 413px;
	top: 70px;
	z-index: 500;
}
#footer #footerLinks #artistLink
{
	background-image: url(../img/footerLinks.gif);
	background-repeat: no-repeat;
	background-position: -73px 0px;
	height: 27px;
	width: 160px;
	float: left;
	display: block;
}
#footer #footerLinks #artistLink a
{
	background-image: url(../img/footerLinks.gif);
	background-repeat: no-repeat;
	background-position: -73px 0px;
	display: block;
	width: 160px;
	height: 27px;
}
#footer #footerLinks #artistLink a:hover
{
	background-image: url(../img/footerLinks-01.gif);
	background-repeat: no-repeat;
	background-position: -73px 0px;
}
#footer #footerLinks #historyLink
{
	background-image: url(../img/footerLinks.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 27px;
	width: 73px;
	float: left;
	display: block;
}
#footer #footerLinks #historyLink a
{
	display: block;
	height: 27px;
	width: 73px;
}
#footer #footerLinks #historyLink a:hover
{
	background-image: url(../img/footerLinks-01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#footer #footerLinks #historyLink span,
#footer #footerLinks #artistLink span
{
	display: none;
}
#footer #footerLinks #copyrightInfo
{
	color: #666666;
	position: absolute;
	display: block;
	top: 100px;
	right: 11px;
	text-align: right;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, "Lucida Grande", sans-serif;
	font-weight: bold;
	z-index: 499;
	margin-top: 6px;
	line-height: 140%;
}
.hiddenPreLoader
{
	display: none;
	visibility: hidden;
}