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

BODY {  
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; 
font-size: 12px; 
color: #cccccc; 
background-image: url(images/bg/bg.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: top left;
background-color: #000000;
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: 12px; 
color: #cccccc; 
background-image: url(bg_trailer.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: top left;
background-color: #000000;
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: #fff; text-decoration: underline;cursor: hand; }
A:active {   color: #ffffff; text-decoration: underline; cursor: hand; }
A:visited {  color: #fff;  text-decoration: underline; cursor: hand; }
A:hover {  color: #a30004;  text-decoration: none; cursor: hand; }


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



#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: 517px; 
} 

.ContentSkull {
	background-image: url(images/ContentTransBg_skull.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: 730px; 
} 


/*
Content
*/

.ContentWrapper { width: 517px; }

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

/* LlTop */

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

#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: url(images/ll_top/ll_nav_working.png) -456px -60px no-repeat;}

/* Hp Top */

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

#HpTopNav {position: relative; margin: 0px auto; padding: 0px; width: 760px; height: 110px; background: url(images/hp/hp_top_buttons.png);}
#HpTopNav li { height: 110px; position: absolute; top: 0px; background: url(images/hp/hp_top_buttons.png) 0 0 no-repeat; display: block; list-style: none;}
#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: url(images/hp/hp_top_buttons.png) 0px -110px no-repeat;}
#HpTopNav #hptoppanel2c a:hover {background: url(images/hp/hp_top_buttons.png) -240px -110px no-repeat;}
#HpTopNav #hptoppanel3c a:hover {background: url(images/hp/hp_top_buttons.png) -390px -110px no-repeat;}
#HpTopNav #hptoppanel4c a:hover {background: url(images/hp/hp_top_buttons.png) -525px -110px no-repeat;}

/* HpSubNav */

.HpSubNavWrapper { position: relative; }

#HpSubNav {position: relative; margin: 0px auto; padding: 0px; width: 760px; height: 96px; background: url(images/hp/hp_main_buttons.png);}
#HpSubNav li {
	height: 77px;
	position: absolute;
	top: 0px;
	background: url(images/hp/hp_main_buttons.png) 0 0 no-repeat;
	display: block;
	list-style: none;
}
#HpSubNav a { height: 96px; 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: url(images/hp/hp_main_buttons.png) 0px -96px no-repeat;}
#HpSubNav #hpsubpanel2c a:hover {background: url(images/hp/hp_main_buttons.png) -115px -96px no-repeat;}
#HpSubNav #hpsubpanel3c a:hover {background: url(images/hp/hp_main_buttons.png) -195px -96px no-repeat;}
#HpSubNav #hpsubpanel4c a:hover {background: url(images/hp/hp_main_buttons.png) -305px -96px no-repeat;}
#HpSubNav #hpsubpanel5c a:hover {background: url(images/hp/hp_main_buttons.png) -435px -96px no-repeat;}
#HpSubNav #hpsubpanel6c a:hover {background: url(images/hp/hp_main_buttons.png) -530px -96px no-repeat;}
#HpSubNav #hpsubpanel7c a:hover {background: url(images/hp/hp_main_buttons.png) -625px -96px no-repeat;}

/* Hp */

.HpLeftInfoWrapper  { padding: 0px 0px 2px 0px; width: 220px; } 

.HpLeftInfoBg {background: url(images/hp/hp_leftinfo_bg.png) 0px 0px no-repeat; width: 220px; height: 198px; }

.HpLeftInfoSignUpBg {background: url(images/hp/hp_leftinfo_signup_bg.png) 0px 0px no-repeat; width: 220px; height: 240px; }

.HpLeftInfoPad { padding: 5px 5px 5px 15px; } 

.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; }