/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

img { 
	border: 0;
}

a {
	outline-style: none;
}
a:link { 
	text-decoration: none;
	color: #58baf2;
}
a:active {
	color: #58baf2;
	style: italics;
}
a:visited {
	text-decoration: none;
	color: #4592bf;
	font-style: italic;
}
a:hover {
	color: #fd973c;
}

body {
	background: url(nav2/nav2_wallpaper.jpg);
	font: normal .7em Segoe UI, Arial;
	color: #ffffff;
	text-align: center; /* IE */
}

/* Containers */
.container { 
	background: #454547;
	margin: 0px auto 0px auto;
	text-align: left;
	width: 780;
	text-align: left; /* IE */ 
}
.menucontainer {
	float: left;
	background: #454547;
	width: 780px;
}

/* Banner */
.banner {
	background: #454547 url(nav2/nav2_banner.jpg) center;
	width: 780;
	height: 120;
}

/* Content */
.content {
	float: right;
	background: #454547 url(nav2/nav2_contentbottom.jpg) bottom;
	text-align: left;
	width: 556px;
}
.contenttop {
	background: #454547 url(nav2/nav2_topbar.jpg) center;
	width: 556px;
	height: 40px;
}
.contentitem {
	background: #454547 url(nav2/nav2_contentsliver.jpg) center repeat-y;
	margin: auto auto 120px auto;
}
.contentitem p, ul, hr, form {
	margin: 0 28px auto 22px;
}
.contentitem td {
	font: normal .7em Segoe UI, Arial;
}

/* Menu */
.menu {
	float: left;
	background: #454547 url(nav2/nav2_menu.jpg) center;
	text-align: left;
	width: 224px;
	height: 741px;
}

.menumargin {
	margin: 38px 5px auto 5px; 
} 

/* Footer */
.footer {
	float: right;
	background: #454547 url(nav2/nav2_footer.jpg) right no-repeat;
	text-align: center;
	height: 20px;
	width: 780px;
}

/* Rollover Images */

a.rollover_TMNT {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_tmnt.jpg");
	}

a.rollover_TMNT:hover {
	background-position: 0 -120px;
	}
	
a.rollover_SS {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_spellstone.jpg");
	}

a.rollover_SS:hover {
	background-position: 0 -120px;
	}
	
a.rollover_AI {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_avengers.jpg");
	}

a.rollover_AI:hover {
	background-position: 0 -120px;
	}
	
a.rollover_GP {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_guiltyparty.jpg");
	}

a.rollover_GP:hover {
	background-position: 0 -120px;
	}
	
a.rollover_HE {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_hero.jpg");
	}

a.rollover_HE:hover {
	background-position: 0 -120px;
	}
	
a.rollover_MF {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_misfortuned.jpg");
	}

a.rollover_MF:hover {
	background-position: 0 -120px;
	}
	
a.rollover_DTF {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_devilstuningfork.jpg");
	}

a.rollover_DTF:hover {
	background-position: 0 -120px;
	}
	
a.rollover_TW {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_timewalker.jpg");
	}

a.rollover_TW:hover {
	background-position: 0 -120px;
	}
	
a.rollover_TD {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_toondoom.jpg");
	}

a.rollover_TD:hover {
	background-position: 0 -120px;
	}
	
a.rollover_GoW {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_gears.jpg");
	}

a.rollover_GoW:hover {
	background-position: 0 -120px;
	}
	
a.rollover_FC {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_floatingcastle.jpg");
	}

a.rollover_FC:hover {
	background-position: 0 -120px;
	}
	
a.rollover_T {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_tralos.jpg");
	}

a.rollover_T:hover {
	background-position: 0 -120px;
	}
	
a.rollover_CC {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_clockwork.jpg");
	}

a.rollover_CC:hover {
	background-position: 0 -120px;
	}
	
a.rollover_SKY {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_skyrim.jpg");
	}

a.rollover_SKY:hover {
	background-position: 0 -120px;
	}
	
a.rollover_P2 {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_portal2.jpg");
	}

a.rollover_P2:hover {
	background-position: 0 -120px;
	}
	
a.rollover_GoW2 {
	display: block;
	width: 512px;
	height: 60px;
	text-decoration: none;
	background: url("nav2/btn_gears2.jpg");
	}

a.rollover_GoW2:hover {
	background-position: 0 -60px;
	}
	
a.rollover_GoW3 {
	display: block;
	width: 512px;
	height: 60px;
	text-decoration: none;
	background: url("nav2/btn_gears3.jpg");
	}

a.rollover_GoW3:hover {
	background-position: 0 -60px;
	}
	
a.rollover_GoW4 {
	display: block;
	width: 512px;
	height: 60px;
	text-decoration: none;
	background: url("nav2/btn_gears4.jpg");
	}

a.rollover_GoW4:hover {
	background-position: 0 -60px;
	}
	
a.rollover_GoW5 {
	display: block;
	width: 512px;
	height: 120px;
	text-decoration: none;
	background: url("nav2/btn_gears5.jpg");
	}

a.rollover_GoW5:hover {
	background-position: 0 -120px;
	}
	


/* Extra */
.indent {
	margin: auto 28px auto 60px;
}
.shortindent {
	margin: auto 20px auto 35px;
}
.news p, ul, hr, form {
	margin: auto 28px auto 22px;
}
.largetable td {
	font: normal .8em Segoe UI, Arial;
}