/* GENERAL */
/* ===================================================================== */

		* {
			padding: 0px;
			margin: 0px;
			border: 0px;
			font-family: georgia, 'times new roman', serif;
		}
		
		a img {	border: 0px; }
		
		.img, .icons img { border: solid 1px white; }
		
		.char { border: solid 1px white; }
		
		.png { behavior: url(./iepngfix.htc); }
		
		img { display: block; }
		
		.image {
			display: inline;
			border: solid 1px white;
		}
		
		.right {
			float: right;
			margin-left: 30px;
		}
		
		.left {
			float: left;
			margin-right: 30px;
		}
		
		.clearer{
			height:1px;
			overflow:hidden;
			margin-top:-1px;
			clear:both;
		}
		
		.inline { display: inline; }
		
		.center { text-align: center; }
		
		.lefter { text-align: left; }
		
		.code { 
			font-family: "Courier New", Courier, mono;
		}
		
		a { font-weight: bold; }
		
		a:link { color: #669999; text-decoration: none; }
		a:visited { color: #669999; text-decoration: none; }
		a:hover { color: #669999; text-decoration: underline; }
		a:active { color: #669999; text-decoration: none; }
		
		a.active:link,
		a.active:visited,
		a.active:hover { color: #336666; }
		a.active:hover { text-decoration: none; }
		
		body { background: #516e6f url(../media/images/bkg_body.gif) repeat-y top center; }
		
		table, td, p, input, select, option, textarea, ul, li, ol {
			color: #336666;
			font-size: 8.5pt;
		}
		
		p {
			line-height: 12pt;
			padding-bottom: 10px;
		}
		
		p.special {
			text-align: center;
			font-weight: bold;
			color: #669999;
			padding: 10px 0px 15px 0px;
		}
		
		ul { margin-left: 16px; }


/* STRUCTURE */
/* ===================================================================== */

		#wrapper { width: 100%; }
		
		#left_spacer { background: #516e6f url(../media/images/bkg_wrapper.gif) repeat-x top left; width: 47%; }
		#left_spacer div { background: transparent url(../media/images/bkg_sp_lt.gif) no-repeat top right; height: 135px; }
		
		#left_border { background: transparent url(../media/images/bkg_bdr_lt.gif) repeat-y top right; }
		#lt_spacer_sm { background: transparent url(../media/images/bkg_main.gif); }
		
		#top_spacer { height: 16px; background: #516e6f url(../media/images/bkg_wrapper.gif) repeat-x top left; }
		
		#rt_spacer_sm { background: transparent url(../media/images/bkg_main.gif); }
		#right_border { background: transparent url(../media/images/bkg_bdr_rt.gif) repeat-y top left; }
		
		#right_spacer { background: #516e6f url(../media/images/bkg_wrapper.gif) repeat-x top left; width: 47%; }
		#right_spacer div { background: transparent url(../media/images/bkg_sp_rt.gif) no-repeat top left; height: 135px; }
		
		#main { background: transparent url(../media/images/bkg_main.gif); padding-bottom: 30px; }
		
		#main, #navigation, #lt_spacer_sm, #rt_spacer_sm { border-bottom: solid 1px #4d6c6d; }
		
		
		/* FOOTER */
		
				#footer { background: #637577; border-top: solid 4px white; }
				
				#legal {
					background: white;
					border: solid 2px #4d6c6d;
					border-width: 2px 0px;
					font-size: 7.5pt;
					line-height: 9pt;
					padding: 4px 10px;
					text-align: right;
				}
				
				#legal .links {
					float: left;
					display: block;
					padding-top: 5px;
				}
				
				#logos { text-align: center; }
				
				#logos table { margin: 20px auto; }
				
				#logos table td { padding: 0px 25px; }
				
				#legal .links a, #legal .links a:link, #legal .links a:visited, #legal .links a:hover { color: #4d6c6d; }
		

/* NAVIGATION */
/* ===================================================================== */

		#navigation { background: transparent url(../media/nav/bkg_nav.jpg) repeat-y top left; padding-bottom: 50px; }
		
		#navigation a {
			display: block;
			padding-bottom: 11px;
			background: transparent url(../media/nav/bkg_nav_a.gif) repeat-y top left;
		}


/* SUB-NAVIGATION */
/* ===================================================================== */

		#subnav {
			text-align: center;
			margin-bottom: 30px;
		}
		
		#subnav a, #subnav img {
			display: block;
			margin: 0px auto;
		}
		
		#subnav a {
			padding: 6px 0px;
		}
				
		
/* CONTENT */
/* ===================================================================== */

		.content { padding: 0px 40px 0px 5px; }


/* SUB-CONTENT */
/* ===================================================================== */

		#sub_content {
			width: 100px;
			padding: 5px 20px 0px 0px;
		}

		#sub_content p { text-align: center; }
		#sub_content img { display: block; margin: 0px auto; }


/* HEADERS */
/* ===================================================================== */
		
		h1 {
			height: 222px;
			width: 608px;
			text-indent: -3000px;
		}
		
		h1 a {
			display: block;
			margin-right: 360px;
			height: 200px;
		}
		
		h1#home { background: transparent url(../media/headers/h1_home.jpg) no-repeat top left; }
		h1#game { background: transparent url(../media/headers/h1_game.jpg) no-repeat top left; }
		h1#signup { background: transparent url(../media/headers/h1_signup.jpg) no-repeat top left; }
		h1#featured { background: transparent url(../media/headers/h1_featured.jpg) no-repeat top left; }
		h1#screens { background: transparent url(../media/headers/h1_screens.jpg) no-repeat top left; }
		h1#tellafriend { background: transparent url(../media/headers/h1_tellafriend.jpg) no-repeat top left; }
		h1#links { background: transparent url(../media/headers/h1_links.jpg) no-repeat top left; }
		h1#downloads { background: transparent url(../media/headers/h1_downloads.jpg) no-repeat top left; }
		h1#movies { background: transparent url(../media/headers/h1_movies.jpg) no-repeat top left; }
		h1#contest { background: transparent url(../media/headers/h1_contest.jpg) no-repeat top left; }
		
		h2 {
			height: 40px;
			text-indent: -3000px;
			margin-bottom: 10px;
		}
		
		h2#news { background: transparent url(../media/headers/h2_news.gif) no-repeat top left; }
		h2#updates { background: transparent url(../media/headers/h2_updates.gif) no-repeat top left; }
		h2#story { background: transparent url(../media/headers/h2_story.gif) no-repeat top center; }
		h2#features { background: transparent url(../media/headers/h2_features.gif) no-repeat top center; }
		h2#characters { background: transparent url(../media/headers/h2_characters.gif) no-repeat top left; margin: 0px; }
		h2#scr_real_time_battles { background: transparent url(../media/headers/h2_battles.jpg) no-repeat top center; margin: 0px; }
		h2#scr_cinematics { background: transparent url(../media/headers/h2_cinematics.jpg) no-repeat top center; margin: 0px; }
		h2#trailers { background: transparent url(../media/headers/h2_trailers.jpg) no-repeat top center; }
		h2#down_character { background: transparent url(../media/headers/h2_charactrer_art.jpg) no-repeat top center; }
		h2#character_art { background: transparent url(../media/headers/h2_charactrer_art_full.jpg) no-repeat top left; position: relative; top: -3px; height: 30px; }
		h2#down_wallpaper { background: transparent url(../media/headers/h2_wallpaper.jpg) no-repeat top center; }
		h2#wallpaper { background: transparent url(../media/headers/h2_wallpaper_full.jpg) no-repeat top left; position: relative; top: -1px; height: 30px; }
		h2#down_icons { background: transparent url(../media/headers/h2_icons.jpg) no-repeat top center; }
		h2#icons { background: transparent url(../media/headers/h2_icons_full.jpg) no-repeat top left; position: relative; top: -2px; height: 30px; }
		h2#fansite { background: transparent url(../media/headers/h2_fansite.jpg) no-repeat top left; position: relative; top: -3px; height: 30px; }
		h2#down_newsletter { background: transparent url(../media/headers/h2_newsletter.jpg) no-repeat top center; }
		h2#banners { background: transparent url(../media/headers/h2_banners.jpg) no-repeat top center; }
		h2#press_release { background: transparent url(../media/headers/h2_press_release.jpg) no-repeat top center; }
		h2#tellafriend { background: transparent url(../media/headers/h2_tellafriend.jpg) no-repeat top center; margin-top: 15px; }
		h2#tokunaga { background: transparent url(../media/headers/h2_tokunaga.jpg) no-repeat top center; }
		h2#cute { background: transparent url(../media/headers/h2_cute.jpg) no-repeat top center; }
		h2#get { background: transparent url(../media/headers/h2_get_your_own.jpg) no-repeat top center; }
		
		
		h3 {
			font-size: 10pt;
			padding-bottom: 18px;
		}
		
		h3 em {
			color: #669999;
		}
		
		#fan_site_building_kit h3 {
			padding-bottom: 14px;
		}
		

/* HOME PAGE */
/* ===================================================================== */

		#home h1 {
			padding-bottom: 28px;
		}
		
		#home .news {
			width: 194px;
			padding-right: 77px;
		}
		
		#home .updates {
			width: 270px;
			text-align: center;
		}
		
		#home .updates img,
		#home .updates table,
		.icons { margin: 0px auto 12px auto; }
		
		#home .updates table td { text-align: center; }
		
		.icons td { padding: 0px 10px; }
		
		
/* FEATURES PAGE */
/* ===================================================================== */
		
		.feature {
			background: transparent url(../media/images/lg_divider.gif) no-repeat bottom center;
			padding-bottom: 24px;
			color: #775f53;
			margin-bottom: 20px;
		}
		
		#features .last {
			background: transparent url(../media/images/last_divider.jpg) no-repeat bottom center;
		}
		
		.feature strong {
			font-size: 9pt;
			color: #336666;
		}
		
/* CHARACTERS PAGE */
/* ===================================================================== */

		#characters_nav {
			position: relative;
			margin-top: -9px;
			width: 415px;
		}
		
		#characters_nav td {
			line-height: 9pt;
			width: 35%;
			padding-bottom: 5px;
		}
		
		#character_stats p {
			color: #775f53;
		}
		
		#character_stats p strong {
			text-transform: capitalize;
		}


/* SIGNUP PAGE AND TELL A FRIEND */
/* ===================================================================== */

		#signup .content { padding-right: 50px; }
		
		#age_check td,
		#signup_form td, 
		#tell_friend td { padding: 0px 10px 5px 0px; }
		
		#age_check td .text { margin: 5px 0px 5px 0px; }
		
		.text {
			font-family: arial, verdana, sans-serif;
			color: #336666;
			border: solid 1px #669999;
			padding: 1px;
			background: white !important;
		}
		
		.text option {
			padding: 1px 5px 1px 1px;
			font-family: arial, verdana, sans-serif;
		}
				
		#signup_form .text, 
		#tell_friend .text { width: 210px; }
		
		#tellafriend textarea.text { width: 355px; height: 100px; }
		
		#tell_friend { margin-top: 10px; }
		
		#signup_form select.text { width: 215px; }
		
		.error { color: #CC0066; }
		
		img.but { margin-top: 10px; }
		

/* CONTEST PAGE */
/* ===================================================================== */


		#contest .text { width: 200px; }
		
		#contest select.text { width: 202px; }
		
		#contest .dob .text { width: 58px; }
		
		.legal {
			font-size: 7.5pt;
			line-height: 9pt;
			padding-top: 50px;
		}
		
		h5 {
			text-align: center;
			color: #859998;
			padding-bottom: 15px;
		}


/* SCREENS PAGE */
/* ===================================================================== */

		.screen_thumbs a { display: inline; }
		
		.screen_thumbs img {
			float: left;
			clear: none;
			display: inline;
			margin: 15px 15px 0px 0px;
			border: solid 1px white;
		}
		
		.screen_thumbs {
			padding-bottom: 15px;
		}


/* VIDEOS PAGE */
/* ===================================================================== */
		
		#moviecontent img { display: inline; }
		#moviecontent {
			text-align: center;
			margin-bottom: 10px;
		}
		
		#movies .content {
			text-align: center; 
			padding-left: 100px;
		}
		
		#vid_titles { margin: 15px auto 0px auto; }
		
		#vid_titles th {
			color: #bd4848;
		}
		
		#vid_titles th, #vid_titles td { padding: 0px 10px 5px 0px; }
		
		#vid_titles table td { padding: 0px 4px 0px 0px; }
		
		#vid_titles a img { diplay: inline; }
		
		#vid_titles a.play {
			display: block;
			padding: 4px 15px 0px 27px;
			height: 20px;
			background: transparent url(../media/buttons/play.gif) no-repeat center left;
		}
		
		#vid_titles a.play:hover {
			background: transparent url(../media/buttons/play_on.gif) no-repeat center left;
		}
		

/* CHARACTER ART PAGE */
/* ===================================================================== */

		#character_art #art {
			text-align: center;
		}
		
		#character_art #art img {
			display: inline;
			border: solid 1px white;
			margin: 0px 10px 10px 0px;	
		}

/* WALLPAPER PAGE */
/* ===================================================================== */
		
		#wallpaper #paper {
			text-align: center;
			margin-bottom: 20px;
		}
		
		#wallpaper #paper div {
			width: 190px;
			float: left;
			text-align: center;
			margin: 0px 20px 20px 0px;
			line-height: 13pt;
		}
		
		#wallpaper #paper div strong {
			color: #bd4848;
		}
		
		#wallpaper #paper div img {
			margin-bottom: 15px;
		}
		
		ol {
			margin: 0px 0px 15px 20px;
		}
		
		ol li {
			padding-bottom: 8px;
		}


/* AIM ICONS PAGE */
/* ===================================================================== */
		
		#buddy_icons #icons img {
			display: inline;
			border: solid 1px white;
			margin: 0px 50px 10px 0px;	
		}
		
		#buddy_icons #icons {
			margin-bottom: 15px;
		}
		
		
/* FAN SITE KIT PAGE */
/* ===================================================================== */	
		
		#fan_site_building_kit #all_artwork {
			background: transparent url(../media/fansite_kit/all.jpg) no-repeat top left;
		}
		
		#fan_site_building_kit #all_artwork th {
			width: 114px;
			padding-left: 30px;
			text-align: left;
		}
		
		#fan_site_building_kit #other {
			margin-top: 15px;
			text-align: center;
			width: 430px;
		}
		
		#fan_site_building_kit #other th {
			width: 137px;
		}

/* LEGAL POPUP */
/* ===================================================================== */

		#b_legal #legal {
			text-align: left;
			padding: 10px 15px 25px 15px;
			color: #366868;			
		}
		
/* GUIDELINES AND TOS POPUP */
/* ===================================================================== */

		#popup { background: #516e6f url(../media/images/bkg_main.gif); }
		
		#popup #wrapper {
			background: transparent url(../media/images/bkg_wrapper_popup.gif) repeat-x bottom left;
			padding-bottom: 50px;
		}
			
		
		h4 {
			height: 133px;
			text-indent: -3000px;
			margin-bottom: 10px;
		}
		
		h4#guidelines { background: transparent url(../media/headers/h4_guidelines.jpg) no-repeat top left; }
		h4#terms { background: transparent url(../media/headers/h4_tos.jpg) no-repeat top left; }
		h4#contest_rules { background: transparent url(../media/headers/h4_contest_rules.jpg) no-repeat top left; }
		
		#popup p {
			padding: 0px 40px 10px 30px;
		}
		
		#popup ul { margin: 0px 40px 10px 46px; }
		
		#popup ul li { padding-bottom: 6px; }
		
/* PITCH */
/* ===================================================================== */

		.pitch {
			text-align: center;
			font-weight: bold;
			line-height: 13pt;
		}
		
		.pitch img,
		#home .updates .pitch img { margin: 3px auto; }
		
		.pitch a, .pitch a:link, .pitch a:visited, .pitch a:hover { color: #bd4848; }
		
		.brown { color: #775f53; }
		.red { color: #bd4848; }
		
		.pitch_img {
			margin-top: 15px;
		}
		
		.pitch_img div {
			position: absolute;
			z-index: 10;
		}
		
		#navigation .pitch_img div a,
		#navigation .pitch a { background: none; padding: 0px; }
		
		#pitch_1 { height: 120px; }
		#pitch_1 div { margin-left: -17px; }
		
		#pitch_2 { height: 210px; }
		#pitch_2 div { margin-left: -5px; }
		
		#pitch_3 { height: 205px; }
		#pitch_3 div { margin-left: 18px; }

		#pitch_4 { height: 210px; }
		#pitch_4 div { margin-left: 9px; }
		
		small, .pitch small {
			font-size: 7.5pt;
			line-height: 9pt;
		}

/* HACKS */
/* ===================================================================== */

		/* SAFARI ONLY */
		
		/*\*/
		html>body*#wrapper { position: relative; left: -1px; }
		/**/