/*
COLORS:
FONT - title: #EFB428
FONT - body: #82939E
FONT - footer: #57626A (also links), Verdana 9pt (w/underlines)
*/
body {
	background-color: #000;
	color: #82939E;
}
body, table {
	text-align: center;
	margin: 0;
	padding: 0;
}
body, table, textarea {
	font: 9pt normal Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.25em;
}
a {color: #82939E;}
textarea {font-size: 9pt;}
img {border: 0;}
h1, h2, h3, h4 {font-weight: normal;}
h1 {font-size: 1.5em;}
h2 {font-size: 1.25em;}
table, tr, td {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
}
td span {display: none;}
/* MAIN */
table#main {
	margin: 0 auto 20px;
	width: 780px;
}
* html body {
	margin-bottom: 0;
	padding-bottom: 20px;
}
table#main tr, table#main td {padding: 0;}
/*
=====
MENU
=====
*/
table#main td#main_menu {}
ul#menu {
	list-style: inside none none;
	margin: 0;
	padding: 0;
}
ul#menu li {
	float: left;
	background: transparent no-repeat top left;
	margin: 0;
	padding: 0;
	height: 30px;
}
ul#menu li a {
	background: transparent;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 30px;
	padding-top: 30px; /* height of image (30px) + manual padding */
}
ul#menu li#menu_home {background-image: url("../img/menu/home.jpg"); width: 119px;}
ul#menu li#menu_official_art {background-image: url("../img/menu/officialart.jpg"); width: 118px;}
ul#menu li#menu_web_elements {background-image: url("../img/menu/webelements.jpg"); width: 126px;}
ul#menu li#menu_photos {background-image: url("../img/menu/photos.jpg"); width: 82px;}
ul#menu li#menu_logos {background-image: url("../img/menu/logos.jpg"); width: 73px;}
ul#menu li#menu_video_clips {background-image: url("../img/menu/videoclips.jpg"); width: 110px;}
ul#menu li#menu_downloads {background-image: url("../img/menu/downloads.jpg"); width: 152px;}
/* UP STATE */
ul#menu li a#a_home, ul#menu li a#a_official_art, ul#menu li a#a_web_elements, ul#menu li a#a_photos,
ul#menu li a#a_logos, ul#menu li a#a_video_clips, ul#menu li a#a_downloads {
	background: transparent no-repeat -150px -60px;
}

ul#menu li a#a_home {background-image: url("../img/menu/home_over.jpg");}
ul#menu li a#a_official_art {background-image: url("../img/menu/officialart_over.jpg");}
ul#menu li a#a_web_elements {background-image: url("../img/menu/webelements_over.jpg");}
ul#menu li a#a_photos {background-image: url("../img/menu/photos_over.jpg");}
ul#menu li a#a_logos {background-image: url("../img/menu/logos_over.jpg");}
ul#menu li a#a_video_clips {background-image: url("../img/menu/videoclips_over.jpg");}
ul#menu li a#a_downloads {background-image: url("../img/menu/downloads_over.jpg");}
/* Safari Only Hack */
*>ul#menu li a#a_home, *>ul#menu li a#a_official_art, *>ul#menu li a#a_web_elements, *>ul#menu li a#a_photos,
*>ul#menu li a#a_logos, *>ul#menu li a#a_video_clips, *>ul#menu li a#a_downloads {
	background-image:none;
}
/* OVER STATE */
ul#menu li a#a_home:hover, ul#menu li a#a_official_art:hover, ul#menu li a#a_web_elements:hover, 
ul#menu li a#a_photos:hover, ul#menu li a#a_logos:hover, ul#menu li a#a_video_clips:hover, 
ul#menu li a#a_downloads:hover {background-position: 0 0; z-index: 50;}
/* Safari Only Hack */
*>ul#menu li a#a_home:hover {background-image: url("../img/menu/home_over.jpg"); background-position: 0 0; z-index: 50;}
*>ul#menu li a#a_official_art:hover {background-image: url("../img/menu/officialart_over.jpg"); background-position: 0 0; z-index: 50;}
*>ul#menu li a#a_web_elements:hover {background-image: url("../img/menu/webelements_over.jpg"); background-position: 0 0; z-index: 50;}
*>ul#menu li a#a_photos:hover {background-image: url("../img/menu/photos_over.jpg"); background-position: 0 0; z-index: 50;}
*>ul#menu li a#a_logos:hover {background-image: url("../img/menu/logos_over.jpg"); background-position: 0 0; z-index: 50;}
*>ul#menu li a#a_video_clips:hover {background-image: url("../img/menu/videoclips_over.jpg"); background-position: 0 0; z-index: 50;}
*>ul#menu li a#a_downloads:hover {background-image: url("../img/menu/downloads_over.jpg"); background-position: 0 0; z-index: 50;}
/* HEADER */
table#main td#header {
	clear: both;
	background: transparent url("../img/title_header.jpg") no-repeat top center;
	height: 152px;
}
/*
=====
SEPARATOR
=====
*/
table#main td.divider {
	background: transparent url("../img/divider.jpg") no-repeat center center;
	height: 23px;
}
/*
=====
BILLING BLOCK
=====
*/
table#main td#billing IMG{
	border: 0;
	font-size: 11px;
	color: #475056;
	text-decoration: none;
}
/*
=====
MPAA RATING
=====
*/
table#main td#mpaa_rating {
	background: transparent url("http://pdl.warnerbros.com/wbol/us/supermanreturns/webmaster/rating.jpg") no-repeat top center;
	height: 43px; /* 33px + 10px padding */
}
/*
=====
FOOTER
=====
*/
table#main tr#footer {
	font-size: 8pt;
	color: #57626A;
}
table#main td#legal, table#main td#legendary_pictures, table#main td#dc_comics, table#main td#superman_shield, table#main td#warner_brothers {
	padding: 10px 0 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: bottom center;
	vertical-align: bottom;
	height: 49px;
}
table#main tr#footer td a.logo {
	background: transparent;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 49px;
	padding-top: 49px;
}
table#main td#legal {width:373px;}
table#main td#legendary_pictures {background-image: url("http://pdl.warnerbros.com/wbol/us/supermanreturns/webmaster/logo_legendary.jpg"); width: 171px;}
table#main td#dc_comics {background-image: url("http://pdl.warnerbros.com/wbol/us/supermanreturns/webmaster/logo_dc.jpg"); width: 50px;}
table#main td#superman_shield {background-image: url("http://pdl.warnerbros.com/wbol/us/supermanreturns/webmaster/logo_superman.jpg"); width: 68px;}
table#main td#warner_brothers {background-image: url("http://pdl.warnerbros.com/wbol/us/supermanreturns/webmaster/logo_wb.jpg"); width: 118px;}
/* UP STATE */
table#main td#legendary_pictures a#a_legendary_pictures, table#main td#dc_comics a#a_dc_comics, table#main td#superman_shield a#a_superman_shield, table#main td#warner_brothers a#a_warner_brothers {
	background: transparent no-repeat -150px -60px;
}
table#main td#legendary_pictures a#a_legendary_pictures {background-image: url("http://pdl.warnerbros.com/wbol/us/supermanreturns/webmaster/logo_legendary_over.jpg");}
table#main td#dc_comics a#a_dc_comics {background-image: url("http://pdl.warnerbros.com/wbol/us/supermanreturns/webmaster/logo_dc_over.jpg");}
table#main td#superman_shield a#a_superman_shield {background-image: url("http://pdl.warnerbros.com/wbol/us/supermanreturns/webmaster/logo_superman_over.jpg");}
table#main td#warner_brothers a#a_warner_brothers {background-image: url("http://pdl.warnerbros.com/wbol/us/supermanreturns/webmaster/logo_wb_over.jpg");}
/* Safari Only Hacks */
*>table#main td#legendary_pictures a#a_legendary_pictures {background-image: none;}
*>table#main td#dc_comics a#a_dc_comics {background-image: none;}
*>table#main td#superman_shield a#a_superman_shield {background-image: none;}
*>table#main td#warner_brothers a#a_warner_brothers {background-image: none;}
/* OVER STATE */
table#main td#legendary_pictures a#a_legendary_pictures:hover { background-position: 0 0; z-index: 50; }
table#main td#dc_comics  a#a_dc_comics:hover {background-position: 0 0; z-index: 50;}
table#main td#superman_shield a#a_superman_shield:hover {background-position: 0 0; z-index: 50;}
table#main td#warner_brothers a#a_warner_brothers:hover {background-position: 0 0; z-index: 50;}
/* Safari Only Hacks */
*>table#main td#legendary_pictures  a#a_legendary_pictures:hover {background-image:url("http://pdl.warnerbros.com/wbol/us/supermanreturns/webmaster/logo_legendary_over.jpg"); background-position: 0 0; z-index: 50;}
*>table#main td#dc_comics  a#a_dc_comics:hover {background-image:url("http://pdl.warnerbros.com/wbol/us/supermanreturns/webmaster/logo_dc_over.jpg"); background-position: 0 0; z-index: 50;}
*>table#main td#superman_shield a#a_superman_shield:hover {background-image: url("http://pdl.warnerbros.com/wbol/us/supermanreturns/webmaster/logo_superman_over.jpg"); background-position: 0 0; z-index: 50;}
*>table#main td#warner_brothers a#a_warner_brothers:hover {background-image: url("http://pdl.warnerbros.com/wbol/us/supermanreturns/webmaster/logo_wb_over.jpg"); background-position: 0 0; z-index: 50;}
/* IMAGE BORDER for images used in the CONTENT portion of site */
td img {border: 1px solid #EFB428; margin-bottom: 10px;}
/*
=====
CONTENT - Shared properties
=====
*/
/* SHARED PROPERTIES */
table#content_table {width: 700px; margin: 0 auto;}
table#content_table td ol {text-align: left; list-style: decimal outside; width: 300px; margin: 10px auto 0;}
* html body table#content_table td ol { padding-left: 25px; }
table#content_table td ol li {}
table#content_table #sub1, table#content_table #sub2 {height: 33px; /* original image height (23px) + artifical padding */}
table#content_table textarea {
	width: 100%;
	height: 80px;
	padding: .5em;
	border: 1px dotted #CCC;
	background-color: transparent;
	color: white;
}
table#content_table #sub1, table#content_table #sub2, table#content_table #sub3, table#content_table #sub4, table#content_table #sub5 {
	background: transparent no-repeat top center;
}
table#content_table td.description {padding-bottom: 20px; text-align: center;}
/* Win IE 6 Only Hack */
* html body table#content_table td.description {}
table#content_table td.image1, table#content_table td.html_code1 {
	width: 50%;
	height: 60px;
	vertical-align: top;
}
table#content_table td.html_code1 {
}
/* Safari Only Hack */
*>table#content_table td.image1, *>table#content_table td.html_code1 {
	width: 350px !important;
}
/* Win IE 6 Only Hack */
* html body table#content_table td.image1, * html body table#content_table td.html_code1, * html body table#content_table textarea {
	width: 350px !important;
}
table#content_table td.image1 {text-align: right; padding-right: 20px;}
table#content_table td.html_code1 {}
table#content_table td.image2 {text-align: center; padding: 0;}
/* Win IE 6 Only Hack */
* html body table#content_table td.image2 {padding: 0 0 0px;}
table#content_table td.html_code2 {}
table#content_table object {margin-bottom: 10px;}

