body {

	/* Zev Burstein was not pleased...
	background:#000 url(images/dbzk-skin-dreamteam.jpg) no-repeat top center;
	*/
	
	background:#000 url(images/bg.jpg) no-repeat top center;
	margin: 0; 
	font: normal 11px Arial;
	color:#434341; }

a { color:#f8b227; text-decoration: none; font-weight:bold;  outline:none;}
	
a:hover { color:#0089d1; }

#container {
	width: 960px;
	margin: 0 auto; 
	background:#f2eee1; }
		
#related {
	background: url(images/related-bar.jpg) no-repeat; 
	width: 950px;
	height: 23px;
	color:#f8b227;
	text-transform: uppercase;
	font-size: 9px;
	text-align: right;
	line-height: 2.3;
	padding-right: 10px; }
	
	#related a { color:#FFF; }

#header {
	background: url(images/header-bar.jpg) no-repeat;
	width: 960px;
	height: 110px; }
	
	#header #logo {
		float: left;
		width: 222px;
		height: 110px; }
	
 	#header #banner {
		float: right;
		margin: 10px 10px 0 0;
		width: 728px;
		height: 90px; }

#nav {
	background: url(images/nav-bar.jpg) no-repeat; 
	width: 960px;
	height: 55px; }
	
	#nav-group {
		clear:both;
		width: 897px;
		height: 55px;
		margin: 0 auto; }
		
	#nav-group ul.nav-item {
		margin:0;
		padding:0;
		list-style:none; }
		
	#nav-group ul.nav-item li {
		float: left; 
		height: 55px;  }
		
		#nav-group ul.nav-item li a { text-indent: -9999px; display:block; }
	
		#nav-group ul.nav-item li.story a {
			background: url(images/nav-story.jpg) no-repeat 0 0;
			width: 93px;
			height: 55px; }
		
		#nav-group ul.nav-item li.characters a {
			background: url(images/nav-characters.jpg) no-repeat 0 0;
			width: 142px;
			height: 55px; }
		
		#nav-group ul.nav-item li.episodes a {
			background: url(images/nav-episodes.jpg) no-repeat 0 0;
			width: 117px;
			height: 55px; }
		
		#nav-group ul.nav-item li.dvd a {
			background: url(images/nav-dvd.jpg) no-repeat 0 0;
			width:162px;
			height: 55px; }
		
		#nav-group ul.nav-item li.video a {
			background: url(images/nav-video.jpg) no-repeat 0 0;
			width: 90px;
			height: 55px; }
		
		#nav-group ul.nav-item li.tv a {
			background: url(images/nav-tv.jpg) no-repeat 0 0;
			width: 62px;
			height: 55px; }
		#nav-group ul.nav-item li.extras a {
			background: url(images/nav-extras.jpg) no-repeat 0 0;
			width: 103px;
			height: 55px; }
			
			#nav-group ul.nav-item li.story a:hover,
			#nav-group ul.nav-item li.characters a:hover,
			#nav-group ul.nav-item li.episodes a:hover,
			#nav-group ul.nav-item li.dvd a:hover,
			#nav-group ul.nav-item li.video a:hover,
			#nav-group ul.nav-item li.tv a:hover,
			#nav-group ul.nav-item li.extras a:hover {
				background-position: 0 -55px; }
				
#footer {
	background: url(images/footer-bar.jpg) no-repeat;
	width: 960px;
	height: 92px; 
	text-align: center;
	text-indent: -9999px;
	font-size: 11px; }
	
.clear { clear:both; }


/* HOME STYLES */
#home {
	background: url(images/home-bg.jpg) no-repeat;
	width: 960px;
	height: 744px; }
	
	#home .content {
		padding: 24px 15px 15px 33px; }
		
	#home .content .left {
		float: left;
		width: 470px;
		margin-right: 18px; }
		
	#home .content .left #trailer {
		width: 470px;
		height: 280px;
		margin: 10px 0;
		background:#000; }
		
	#home .content .left .part { font: bold 16px arial; color:#f8b227; text-transform: uppercase; }
	
	#home .content .left .airing { text-align: center; margin-top: 10px; }
	
	#home .content .right {
		background: url(images/home-box.png) no-repeat;
		float: left;
		margin-top: 366px;
		width: 422px;
		height: 339px; }
	
	#home .content .right img { margin-top: 15px; }
	
/* CHARACTERS STYLES */
#characters {
	background:#f2eee1;
	width: 960px; }
	
	#characters .content {
		padding: 24px 15px 15px 33px; 
		min-height: 670px;}
	
	#characters .list {
		float:right;
		font: bold 16px arial; 
		text-transform: uppercase; 
		color:#f8b227;
		padding-right: 20px; } 
		
		#characters .list a {
			color:#333; }
	
	#characters .content .character {
		float: left;
		width: 420px; 
		margin: 18px 18px 0 0;  }
		
		#characters .content .character .pic {
			float: left;
			width: 102px;
			height: 102px;
			margin-right: 10px; }
		
		#characters .content .character .info {
			float: left; 
			width: 303px;  }
			
		#characters .content .character .info .charname { font: bold 16px arial; color:#f8b227; text-transform: uppercase; }
	
/* EPISODES STYLES */
#episodes {
	background:#f2eee1;
	width: 960px; }
	
	#episodes .content {
		padding: 24px 15px 15px 33px; }
	
	#episodes .part {
		float:left;
		font: bold 20px arial;
		color:#000;
		text-transform: uppercase; }
	
	#episodes .dropdown {
		float: left;  }
	
	#episodes .content .episode {
		float: left;
		width: 420px; 
		margin: 18px 18px 0 0;  }
		
		#episodes .content .episode .pic {
			float: left;
			width: 107px;
			height: 81px;
			margin-right: 10px; }
		
		#episodes .content .episode .info {
			float: left; 
			width: 303px;  }
			
		#episodes .content .episode .info .epnumber { font: bold 14px arial; color:#f8b227; text-transform: uppercase; }

/* DVD STYLES */
#dvd {
	background:#f2eee1;
	width: 960px; }
	
	#dvd .content {
		padding: 24px 15px 15px 33px;
		height: 680px; 
		overflow:auto;  }
		
	#dvd .content .part {
		width: 820px; }
		
	#dvd .content .part .jacket {
		float: left;
		width: 185px;
		margin-right: 10px; }
	
	#dvd .content .part .info {
		float: left; 
		width: 620px;
		margin-top: 20px;}
		
		#dvd .content .part .info a { text-transform: uppercase; }
		
		#dvd .content .info .partnumber { font: bold 18px arial; color:#f8b227; text-transform: uppercase;  }
		
		#dvd .content .info .release-info { font-size: 9px; text-transform: uppercase; }
		
		#dvd .content .info .red { color:#df0003; font-weight:bold; }
		
		#dvd .content .info .line { color:#f8b227; padding: 0 5px; }
		
/* STORY STYLES */
#story {
	background:#f2eee1 url(images/story-bg.jpg) no-repeat top center;
	width: 960px; }
	
	#story .content {
		padding: 24px 15px 15px 33px; 
		min-height: 670px; }
		
	#story .content .left {
		float: left;
		width: 290px; }
		
	#story .content .right {
		float: right; 
		width: 150px; 
		text-align: right;
		padding-right: 30px; }
	
	#story .content .part { font: bold 18px arial; color:#f8b227; text-transform: uppercase;  }
	
/* TV STYLES */
#tv {
	background:#f2eee1 url(images/story-bg.jpg) no-repeat top center;
	width: 960px; }
	
	#tv .content {
		padding: 24px 15px 15px 33px; 
		min-height: 670px; }
		
	#tv .content .left {
		float: left;
		width: 400px; }
		
	#tv .content .right {
		float: right; 
		width: 150px; 
		text-align: right;
		padding-right: 30px; }
	
	#tv .content .part { font: bold 18px arial; color:#f8b227; text-transform: uppercase;  }
	
/* VIDEO STYLES */
#video {
	background:#f2eee1 url(images/video-bg.jpg) no-repeat top center;
	width: 960px; }
	
	#video .content {
		padding: 24px 15px 15px 33px; 
		min-height: 670px; }
		
/* EXTRAS */
#extras {
	background:#f2eee1;
	width: 960px; }
	
	#extras .part {
		float:left;
		font: bold 20px arial;
		color:#000;
		text-transform: uppercase; }
	
	#extras .content {
		padding: 24px 15px 15px 33px; 
		min-height: 210px; }
		
	#extras .content .wp {
		float: left;
		width: 212px; }
		
	#extras .content .wp-link {
		float: left;
		text-align: center;
		width: 212px; }
		
	#extras .content .avatar {
		float: left;
		width: 100px; }