/*------------------------------------------------------------------------------------
  Global Styles
------------------------------------------------------------------------------------*/
* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a { outline: none; }
a img{ border:none; outline: none; }
/*------------------------------------------------------------------------------------
  Sticky Styles
------------------------------------------------------------------------------------*/
html, body 
{ height: 100%; background: #000; font-family: Arial, Verdana, sans-serif; font-style: italic; color: #fff; }
#wrapper 
{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -200px; text-align: center; /* the bottom margin is the negative value of the footer's height */ }

div.slider #logoGarden { font-size: 11px; font-style: normal; color:#565656; }
div.slider #logoGarden #logos { padding: 10px 0 0 0; margin: 0; }
div.slider #logoGarden #logos img { margin: 0 25px 0 0; vertical-align: middle; }
div.slider #logoGarden p {margin: 15px 0 0 0; padding: 0;}

#footer, #push 
{ height: 120px; /* .push must be the same height as .footer */ }
#footer { text-align: center; margin: 0 auto; width: 1260px; }

#esrbLogo {margin: 0 auto; width: 1200px; text-align: left; margin: 30px 0 0 60px;}
#indexContent #esrbLogo {margin: 0 auto; text-align: left; padding: 60px 0 0 60px;}
#gameContent #esrbLogo {text-align: left; padding: 60px 0 0 0; *padding:15px 0 0 0;}
#reserveContent #esrbLogo {margin: 0 auto; padding: 40px 0 0 60px; }
#charactersContent #esrbLogo {margin: 0 auto; padding: 60px 0 0 60px;}
#mediaContent #esrbLogo {margin: 0 auto; padding: 80px 0 0 60px;}
#newsContent #esrbLogo {margin: 0 auto; padding: 90px 0 0 60px;}
#characterContent #esrbLogo {position: relative; top: 2100px; _top: 2150px;}
/*------------------------------------------------------------------------------------
  Header Styles
------------------------------------------------------------------------------------*/
#header { height: 118px; }

#altHeader {height: 118px; width: 1260px; margin: 0 auto; background: url(../images/backgrounds/altHeaderBg.jpg) top center no-repeat; text-align: left;}
#altHeader img {display: inline; float: left; margin: 20px 0 0 0; _margin: 40px 0 0 0;}
#altHeader ul {display: inline; float: left;font-size: 10px; margin: 40px 0 0 200px; _margin: 0 0 0 640px;}
#altHeader ul {list-style-type: none;}
#altHeader ul li {float: left; margin: 0; padding: 0;text-indent: -9999px;}
#altHeader ul li {display: block; margin: 0; padding: 0; background: url(../images/NavSprite.gif) top left no-repeat;}

#altHeader ul li#navGame {display: block; background-position: 0 0;height: 26px; width: 97px;}
#altHeader ul li#navGame a{display: block; height: 26px; width: 97px;}
#altHeader ul li#navGame:hover {background-position: 0 -27px;}

#altHeader ul li#navCharacters {display: block; background-position: -97px 0;height: 26px; width: 93px;}
#altHeader ul li#navCharacters a{display: block; height: 26px; width: 93px;}
#altHeader ul li#navCharacters:hover {background-position: -97px -27px;}

#altHeader ul li#navMedia {display: block; background-position: -190px 0;height: 26px; width: 58px;}
#altHeader ul li#navMedia a{display: block; height: 26px; width: 58px;}
#altHeader ul li#navMedia:hover {background-position: -190px -27px;}

#altHeader ul li#navTournament {display: block; background-position: -248px 0;height: 26px; width: 100px;}
#altHeader ul li#navTournament a{display: block; height: 26px; width: 100px;}
#altHeader ul li#navTournament:hover {background-position: -248px -27px;}

#altHeader ul li#navEvents {display: block; background-position: -348px 0;height: 26px; width: 108px;}
#altHeader ul li#navEvents a{display: block; height: 26px; width: 108px;}
#altHeader ul li#navEvents:hover {background-position: -348px -27px;}

#altHeader ul li#navCommunity {display: block; background-position: -456px 0;height: 26px; width: 92px;}
#altHeader ul li#navCommunity a{display: block; height: 26px; width: 92px;}
#altHeader ul li#navCommunity:hover {background-position: -456px -27px;}

#altHeader ul li#navExtras {display: block; background-position: -548px 0;height: 26px; width: 64px;}
#altHeader ul li#navExtras a{display: block; height: 26px; width: 64px;}
#altHeader ul li#navExtras:hover {background-position: -548px -27px;}

#altHeader ul li#navReserve {display: block; background-position: -612px 0;height: 26px; width: 120px;}
#altHeader ul li#navReserve a{display: block; height: 26px; width: 120px;}
#altHeader ul li#navReserve:hover {background-position: -612px -27px;}

/* Modal */

	#modal{width: 100%; height: 100%; position: absolute; z-index: 800; top: 0px; left: 0px;}

	#modalOverlay{width: 100%; height: 100%; position: fixed; z-index: 801; text-align:center; background: #000000; opacity: 0.8; filter: alpha(opacity = 90);}
	.modalWindow{width: 100%; height: 100%; position: fixed; z-index: 802; text-align:center;}
	.modalWindowLoading{width: 100%; height: 100%; position: fixed; z-index: 802; text-align:center; background: url("/assets/images/loader.gif") center center no-repeat;}

		.modalLeft{width: 100%; height: 100%; width: 2px; border: none; outline: none;}
		.modalRight{width: 100%; height: 100%; width: 2px; border: none; outline: none;}
		.modalTop{width: 100%; height: 100%; padding:0px; margin:0px; height: 13px; border: none; outline: none;}
		.modalBottom{width: 100%; height: 100%; height: 16px; border: none; outline: none;}
		
		.modalClose{width:13px; height: 75px; float:left; border: none; outline: none;}