@charset "UTF-8";
/* CSS Document */

BODY {
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #666666;
	background-image: url(images/bg_L.png);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left top;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin: 0px auto;
	text-align: center;
} 

BODY.bgtrailer {
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-size: 10px;
	color: #666666;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: top left;
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin: 0px auto;
	text-align: center;
} 




/* line-height: 1.3; */
.clear { clear: both; height: 0px; }


A:link {
	color: #666666;
	text-decoration: underline;
	cursor: hand;
}
A:active {
	color: #FF0000;
	text-decoration: underline;
	cursor: hand;
}
A:visited {
	color: #666666;
	text-decoration: underline;
	cursor: hand;
}
A:hover {
	color: #FF0000;
	text-decoration: none;
	cursor: hand;
}


/*
Flash BG Positioning 
*/
 #PageWrapper {
	margin:  auto;
	width: 750px;
	text-align: left;
	border-style: solid;
	border-width:  0px;
	border-color: #FFFFFF;
	position: relative;
	z-index: 6;
 }
 
#PageWrapperTrans {
	position: absolute;
	float: left;
	z-index: 5;
	left: 122px;
	top: 1px;
	width: 753px;
}



#FlashBgWrapperSpiral {position: absolute; float: left; z-index: 3; left: 380px;  top: 100px; }

#FlashBgWrapperRules {position: absolute; float: left; z-index: 2; left: 380px;   }

#FlashBgWrapperLeft {position: absolute; float: left; z-index: 4; left: 0px; top: 0px;  }

/* 
Content Transparent Stuff
*/
.ContentTransBg {
	background-image: url(images/ContentTransBg.png);
	background-repeat: repeat;
	width: 740px;
} 

.ContentSkull {
	background-image: url(images/ContentTransBg.png);
	background-repeat: no-repeat;
	width: 517px;
	height: 766px;
	position: absolute;
	z-index: 1;
	float: left;
	top: 250px;
	left: 300px;
} 

.HpContentTransBg {
	background-image: url(images/ContentTransBg.png);
	background-repeat: repeat;
	width: 740px;
} 

/*
Content
*/

.ContentWrapper {
	width: 740px;
}

.ContentPad { padding: 10px 10px 10px 10px; }

/* LlTop */

.LlTopWrapper { padding: 10px 0px 0px 0px; }

#LLTopNav {position: relative; margin: 0px auto; padding: 0px; width: 582px; height: 98px; background: url(../images/ll_top/ll_top_working.png);}
#LLTopNav li { height: 98px; position: absolute; top: 0px; background: url(../images/ll_top/ll_top_working.png) 0 0 no-repeat; display: block; list-style: none;}
#LLTopNav a { height: 98px; display: block; border: solid 0px #fff;}
#LLTopNav a:hover {border: solid 0px #fff;}
#LLTopNav #toppanel1c {width: 194px; left: 0px;}
#LLTopNav #toppanel2c {width: 194px; left: 194px; background-position: -194px 0;}
#LLTopNav #toppanel3c {width: 194px; left: 388px; background-position: -388px 0;}

#LLTopNav #toppanel1c a:hover {background: url(../images/ll_top/ll_top_working.png) 0px -98px no-repeat;}
#LLTopNav #toppanel2c a:hover {background: url(../images/ll_top/ll_top_working.png) -194px -98px no-repeat;}
#LLTopNav #toppanel3c a:hover {background: url(../images/ll_top/ll_top_working.png) -388px -98px no-repeat;}

/* LlNav */

.LlNavWrapper {
	position: relative;
}

#LLNav {position: relative; margin: 0px auto; padding: 0px; width: 582px; height: 60px; background: url(../images/ll_top/ll_nav_working.png);}
#LLNav li { height: 60px; position: absolute; top: 0px; background: url(../images/ll_top/ll_nav_working.png) 0 0 no-repeat; display: block; list-style: none;}
#LLNav a { height: 60px; display: block; border: solid 0px #fff;}
#LLNav a:hover {border: solid 0px #fff;}
#LLNav #panel1c {width: 117px; left: 0px;}
#LLNav #panel2c {width: 107px; left: 117px; background-position: -117px 0;}
#LLNav #panel3c {width: 130px; left: 224px; background-position: -224px 0;}
#LLNav #panel4c {width: 95px; left: 354px; background-position: -354px 0;}
#LLNav #panel5c {width: 133px; left: 456px; background-position: -456px 0;}

#LLNav #panel1c a:hover {background: url(../images/ll_top/ll_nav_working.png) 0px -60px no-repeat;}
#LLNav #panel2c a:hover {background: url(../images/ll_top/ll_nav_working.png) -117px -60px no-repeat;}
#LLNav #panel3c a:hover {background: url(../images/ll_top/ll_nav_working.png) -224px -60px no-repeat;}
#LLNav #panel4c a:hover {background: url(../images/ll_top/ll_nav_working.png) -354px -60px no-repeat;}
#LLNav #panel5c a:hover {
	background-image: url(../images/ll_top/ll_nav_working.png);
	background-repeat: no-repeat;
	background-position: -456px -60px;
}

/* Hp Top */

.HpTopWrapper { padding: 10px 0 10px 0; }

#HpTopNav {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 760px;
	height: 110px;
	background-image: url(images/hp_L/hp_top_buttons_L.png);
}
#HpTopNav li {
	height: 98px;
	position: absolute;
	top: 0px;
	display: block;
	list-style: none;
	background-image: url(images/hp_L/hp_top_buttons_L.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#HpTopNav a { height: 110px; display: block; border: solid 0px #fff;}
#HpTopNav a:hover {border: solid 0px #fff;}
#HpTopNav #hptoppanel1c {width: 240px; left: 0px;}
#HpTopNav #hptoppanel2c {width: 150px; left: 240px; background-position: -240px 0;}
#HpTopNav #hptoppanel3c {width: 135px; left: 390px; background-position: -390px 0;}
#HpTopNav #hptoppanel4c {
	width: 235px;
	left: 525px;
	background-position: -525px 0;
}

#HpTopNav #hptoppanel1c a:hover {
	background-image: url(images/hp_L/hp_top_buttons_L.png);
	background-repeat: no-repeat;
	background-position: 0px -110px;
}
#HpTopNav #hptoppanel2c a:hover {
	background-image: url(images/hp_L/hp_top_buttons_L.png);
	background-repeat: no-repeat;
	background-position: -240px -110px;
}
#HpTopNav #hptoppanel3c a:hover {
	background-image: url(images/hp_L/hp_top_buttons_L.png);
	background-repeat: no-repeat;
	background-position: -390px -110px;
}
#HpTopNav #hptoppanel4c a:hover {
	background-image: url(images/hp_L/hp_top_buttons_L.png);
	background-repeat: no-repeat;
	background-position: -525px -110px;
}

/* HpSubNav */

.HpSubNavWrapper {position: relative; }

#HpSubNav {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 760px;
	height: 96px;
	background-image: url(images/hp_L/hp_main_buttons_L.png);
}
#HpSubNav li {
	height: 77px;
	position: absolute;
	top: 0px;
	display: block;
	list-style: none;
	background-image: url(images/hp_L/hp_main_buttons_L.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#HpSubNav a { height: 70px; display: block; border: solid 0px #fff;}
#HpSubNav a:hover {border: solid 0px #fff;}
#HpSubNav #hpsubpanel1c {width: 115px; left: 0px;}
#HpSubNav #hpsubpanel2c {width: 80px; left: 115px; background-position: -115px 0;}
#HpSubNav #hpsubpanel3c {width: 110px; left: 195px; background-position: -195px 0;}
#HpSubNav #hpsubpanel4c {width: 130px; left: 305px; background-position: -305px 0;}
#HpSubNav #hpsubpanel5c {width: 95px; left: 435px; background-position: -435px 0;}
#HpSubNav #hpsubpanel6c {width: 95px; left: 530px; background-position: -530px 0;}
#HpSubNav #hpsubpanel7c {width: 135px; left: 625px; background-position: -625px 0;}

#HpSubNav #hpsubpanel1c a:hover {
	background-image: url(images/hp_L/hp_main_buttons_L.png);
	background-repeat: no-repeat;
	background-position: 0px -96px;
}
#HpSubNav #hpsubpanel2c a:hover {
	background-image: url(images/hp_L/hp_main_buttons_L.png);
	background-repeat: no-repeat;
	background-position: -115px -96px;
}
#HpSubNav #hpsubpanel3c a:hover {
	background-image: url(images/hp_L/hp_main_buttons_L.png);
	background-repeat: no-repeat;
	background-position: -195px -96px;
}
#HpSubNav #hpsubpanel4c a:hover {
	background-image: url(images/hp_L/hp_main_buttons_L.png);
	background-repeat: no-repeat;
	background-position: -305px -96px;
}
#HpSubNav #hpsubpanel5c a:hover {
	background-image: url(images/hp_L/hp_main_buttons_L.png);
	background-repeat: no-repeat;
	background-position: -435px -96px;
}
#HpSubNav #hpsubpanel6c a:hover {
	background-image: url(images/hp_L/hp_main_buttons_L.png);
	background-repeat: no-repeat;
	background-position: -530px -96px;
}
#HpSubNav #hpsubpanel7c a:hover {
	background-image: url(images/hp_L/hp_main_buttons_L.png);
	background-repeat: no-repeat;
	background-position: -625px -96px;
}

/* Hp */

.HpLeftInfoWrapper  { padding: 0px 0px 0px 0px; width: 210px; } 

.HpLeftInfoBg {
	width: 205px;
	height: 198px;
	background-image: url(images/hp_L/hp_leftinfo_bg_L.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.HpLeftInfoSignUpBg {
	width: 205px;
	height: 240px;
	background-image: url(images/hp_L/hp_leftinfo_h_signup_L.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.HpLeftInfoPad {
	padding: 5px 1px 1px 10px;
} 

.HpLeftInfoSml { font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; 
font-size: .9em; 
color: #cccccc;  }

/* Character */

#CharacterFrame { width: 340px; height: 200px;  }

/* Privacy / Copyright */

.PrivacyFieldWrapper { position: relative;  margin: 10 10 10 10; padding: 0 0 0 0;}

.fieldsprivacy { color:#cccccc; background-color:#222222; border-style: solid;border-color: #FFFFFF; border-width: 0px;font-family:Verdana,arial,helvetica,sans-serif;font-size:10px;font-weight:bold; height:150px;width:485px;padding: 5px; }

/* Hp Info */

#HpInfoFrame  { width: 195px; height: 160px; border-style: solid;border-color: #FFFFFF; border-width: 0px; }

/* Trailer */

#DNTrailer  { width: 426px; height: 300px; border-style: solid;border-color: #FFFFFF; border-width: 0px; }