/**************** BASE DEFAULT CSS ****************/
/***** css reset, global html, & basic styles *****/

/*** NOTE: font-size key located at end of document ***/

/* adapted from Reset Reloaded by Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
b, i, u, hr, center {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;
}

html, body {height: 100%;}

body {
	color: #999999;
	font-family: Georgia, Times, serif;
	font-size: 62.5%; /* 62.5% squashes default type to 10px, multiplier is set on #wrapper */
	line-height: 1.0em;
	background: #020202 url('../img/bg_body.png') repeat-x center 552px;
}

a, a:link, a:visited {
	color: #e02f0b;
	text-decoration: none;
}
a:hover, a:visited:hover, a:active {
	color: #e02f0b;
	text-decoration: underline;
}

strong, b {color: #ffffff; font-weight: bold; text-transform: uppercase;}
em, i {font-style: italic;}

p {
	line-height: 1.6em;
	margin: 0 0 1.6em 0;
}
	p strong {font-size: 11px;}

ul, ol {
	margin: 0 0 1.6em 0;
}
    ul li {
	    margin: 0 0 0.5em 15px;
	    line-height: 1.4em;
    }
    ol li {
	    margin: 0 0 0.5em 2.0em;
	    line-height: 1.4em;
    }

dl {
	margin: 0 0 1.6em 0;
}
	dl dt {
		color: #999999;
		font-family: Arial, Verdana, sans-serif;
		font-size: 11px;
		font-weight: bold;
		line-height: 13px;
		text-transform: uppercase;
		margin: 0 0 0.2em 0;
	}
	dl dd {
		color: #ffffff;
		font-family: Georgia, Times, serif;
		font-size: 13px;
		font-style: italic;
		font-weight: normal;
		line-height: 15px;
		margin: 0 0 1.6em 0;
	}

table {
	margin: 0 0 1.6em 0;
	border-collapse: collapse;
	border-spacing: 0;
}
    table th {
	    font-weight: bold;
	    line-height: 1.4em;
	    text-align: left;
	    vertical-align: bottom;
	    padding: 5px;
    }
    table td {
	    line-height: 1.4em;
	    vertical-align: top;
	    padding: 5px;
    }

h1 {
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 44px;
	font-weight: bold;
	letter-spacing: -2px;
	line-height: 48px;
	margin: 0 0 14px 0;
	position: relative;
}
h2 {
	color: #808080;
	font-family: Georgia, Times, serif;
	font-size: 28px;
	font-style: italic;
	font-weight: normal;
	line-height: 32px;
	margin: 0 0 22px 0;
	position: relative;
}
h2.title {
	font-style: normal;
	margin: 0 0 12px 0;
}
h3 {
	color: #dd2f0c;
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	position: relative;
}
h4 {
	color: #c3c3c3;
	font-family: Georgia, Times, serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	margin: 0 0 8px 0;
}
h5 {
	color: #c3c3c3;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 8px 0;
}
h6 {
	color: #f4f4f4;
	font-family: Georgia, Times, serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	line-height: 15px;
	margin: 0 0 8px 0;
}

/***** global html & basic styles *****/

/***** utility *****/

/*** special links ***/

a.carrot-up {
	padding-right: 15px;
	background: url('../img/carrot_up.gif') no-repeat right center;
}
a.carrot-down {
	padding-right: 15px;
	background: url('../img/carrot_down.gif') no-repeat right center;
}

a.arrow-lnk {
	color: #ffffff !important;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	text-transform: uppercase;
	padding-right: 20px;
	background: transparent url('../img/link_arrow.gif') no-repeat right center;
}
a.arrow-lnk:hover {
	color: #ffffff !important;
}

a.lnk-prev {
	color: #838383 !important;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none !important;
	text-transform: uppercase;
	display: inline-block;
	width: 33px;
	height: 37px;
	background: transparent url('../img/arrow_prev.gif') no-repeat left top;
}
a.lnk-next {
	color: #838383 !important;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none !important;
	text-transform: uppercase;
	display: inline-block;
	width: 33px;
	height: 37px;
	background: transparent url('../img/arrow_next.gif') no-repeat right top;
}
a.lnk-prev:hover, a.lnk-next:hover {color: #ffffff !important;}

a#lnk_closeX {
	display: inline-block;
	width: 32px;
	height: 30px;
	background: transparent url('../img/buttons/closeX.gif') no-repeat left top;
}

a#btn_cancel {
	display: inline-block;
	width: 104px;
	height: 37px;
	background: transparent url('../img/buttons/btn_cancel.gif') no-repeat left top;
}
a#btn_cancel:hover {
	background-position: left bottom;
}

a#btn_ok {
	display: inline-block;
	width: 74px;
	height: 37px;
	background: transparent url('../img/buttons/btn_ok.gif') no-repeat left top;
}
a#btn_ok:hover {
	background-position: left bottom;
}

a.icon-facebook {
	display: inline-block;
	width: 46px;
	height: 46px;
	background: transparent url('../img/buttons/soc_net_links.png') no-repeat left top;
}
a.icon-facebook:hover {background-position: left bottom;}

a.icon-twitter {
	display: inline-block;
	width: 46px;
	height: 46px;
	background: transparent url('../img/buttons/soc_net_links.png') no-repeat right top;
}
a.icon-twitter:hover {background-position: right bottom;}

/*** /special links ***/

span.texture-overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url('../img/texture_overlay.png') repeat left top;
}

p.intro {
	color: #b6b6b6;
	font-size: 23px;
	line-height: 1.4em;
	margin: 0 0 25px 0;
}
	p.intro strong {font-size: 18px;}

p.footnote {
	font-size: 0.910em;
	line-height: 1.3em;
	margin: 0 0 12px 0;
}

.clear {
	clear: both;
}
div.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0 0 -1px 0;
}

div.hr {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0 0 15px 0;
	border-top: 1px dotted #999999;
}
div.hr-plain {
	clear: both;
	height: 3px;
	overflow: hidden;
	margin: 0 0 15px 0;
	background: transparent url('../img/hr_plain.gif') no-repeat center top;
}
div.hr-fancy {
	clear: both;
	height: 24px;
	overflow: hidden;
	margin: 0 0 15px 0;
	background: transparent url('../img/hr_fancy.gif') no-repeat center top;
}
div#subcol div.hr-plain {
	background-image: url('../img/hr_subcol_plain.gif');
}
div#subcol div.hr-fancy {
	background-image: url('../img/hr_subcol_fancy.gif');
}
div.hr-mini {
	clear: both;
	height: 9px;
	overflow: hidden;
	margin: 0 0 15px 0;
	background: transparent url('../img/hr_mini.gif') no-repeat center top;
}
	div.hr hr,
	div.hr-plain hr,
	div.hr-fancy hr,
	div.hr-mini hr {
		display: none;
	}

div.callout {
	width: 300px;
	height: 120px;
	margin: 0 0 15px 0;
}
	div.callout a {
		display: block;
		width: 300px;
		height: 120px;
		position: relative;
		text-decoration: none;
	}
	div.callout a:hover {
		text-decoration: none;
	}
		div.callout a img {
			display: block;
			width: 298px;
			height: 118px;

		}
		div.callout a span.frame-overlay {
			display: block;
			width: 300px;
			height: 120px;
			background: transparent url('../img/callout_frame.png') no-repeat left top;
			position: absolute;
			left: 0;
			top: 0;
		}

div.cta {
	/* standard utility "call to action" */
	margin-bottom: 1.0em;
}

div.cta-right {
	text-align: right;
	margin-bottom: 1.0em;
}

.floatright {
	float: right;
	display: inline;
}

.floatleft {
	float: left;
	display: inline;
}

.offscreen {
	position: absolute;
	left: -999999px;
}

.nowrap {white-space: nowrap;}

.normal {
	font-weight: normal;
	text-transform: none;
}

.small {
	font-size: 11px;
}

.alignleft {text-align: left;}

.alignright {text-align: right;}

.center {text-align: center;}

ul.bulletlist {
	list-style: none;
}
	ul.bulletlist li {
	    margin: 0 0 0.5em 0;
	    padding: 0 0 0 15px;
	    background: transparent url('../img/redbullet.gif') no-repeat left center;
	    font-weight: bold;
	}

dl.factoid-listing {
	display: block;
	margin: 0 0 20px 0;
	padding: 0 0 0 190px;
	overflow: auto;
}
	dl.factoid-listing dt {
		clear: left;
		float: left;
		width: 150px;
		margin: 2px 0 8px -160px;
		padding: 0;
	}
	dl.factoid-listing dd {
		float: left;
		margin: 0 0 8px 0;
	}

table.datagrid {
	width: 100%;
	margin: 0 0 0.5em 0;
	font-family: Arial, Verdana, sans-serif;
}
    table.datagrid th {
		color: #707070;
		font-size: 12px;
		font-weight: normal;
		line-height: 1.2em;
		padding: 8px 20px 8px 10px;
		background: #000000;
    }
		table.datagrid th a {
			color: #707070;
		}
    table.datagrid td {
		color: #acacac;
		font-size: 14px;
		line-height: 1.2em;
		padding: 6px 20px 6px 10px;
    }
    table.datagrid td.cta {
		text-align: right;
		padding: 6px 10px;
    }
		table.datagrid td.cta a {
			color: #ffffff;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			padding-right: 20px;
			background: url('../img/link_arrow.gif') no-repeat right center;
		}
    table.datagrid tr.odd td {
		background: #1c1c1c;
		background: rgba(114, 113, 117, 0.2);
    }
    table.datagrid tr.even td {
		background: transparent;
    }

div.paginav {
	color: #acacac;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align: right;
	margin: 0 0 0.5em 0;
}
	div.paginav span.pagi-label {
		font-weight: bold;
	}
	div.paginav p {
		float: left;
		display: inline;
		margin: 0;
	}
	div.paginav ul {
		list-style: none;
		display: inline;
		margin: 0 20px 0 5px;
	}
		div.paginav ul li {
			display: inline;
			margin: 0;
			padding: 0 3px;
		}
			div.paginav ul li a {}
			div.paginav ul li.in a {
				color: #acacac;
			}
	div.paginav a.lnk-view-all {}

div.widgetnav {
	padding: 0 8px;
}
	div.widgetnav a.lnk-prev {
		float: left;
		display: inline;
		width: auto;
		padding: 9px 10px 10px 40px;
		position: relative;
	}
	div.widgetnav a.lnk-next {
		float: right;
		display: inline;
		width: auto;
		padding: 9px 40px 10px 10px;
		position: relative;
	}

img.block {
	display: block;
	margin: 0 0 1.0em 0;
}

img.inline {
	display: inline;
	margin: 0 0.2em;
	vertical-align: bottom;
}

/* generic img classes, no inherent style */
img.icon {}
img.thumb {}
img.minithumb {}

img.inset-left {
	float: left;
	display: inline;
	margin: 0 20px 1.0em 0;
	border: 1px solid #cccccc;
}

img.inset-right {
	float: right;
	display: inline;
	margin: 0 0 1.0em 20px;
	border: 1px solid #cccccc;
}

img.th145x150 {
	width: 145px;
	height: 150px;
}

img.th95x95 {
	width: 95px;
	height: 95px;
}

div.lrg-pic-500x334 {
	width: 500px;
	height: 334px;
	margin: 0 0 15px 0;
	position: relative;
}
	div.lrg-pic-500x334 img {
		display: block;
		width: 500px;
		height: 334px;
	}
	div.lrg-pic-500x334 span.pic-frame {
		display: block;
		width: 500px;
		height: 334px;
		background: transparent url('../img/pic500x334_frame.png') no-repeat left top;
		position: absolute;
		left: 0;
		top: 0;
	}
	div.lrg-pic-500x334 span.pic-frame-distress {
		display: block;
		width: 500px;
		height: 334px;
		background: transparent url('../img/pic500x334_frame_distress.png') no-repeat left top;
		position: absolute;
		left: 0;
		top: 0;
	}

div.lrg-pic-550x334 {
	width: 550px;
	height: 334px;
	margin: 0 0 15px 0;
	position: relative;
}
	div.lrg-pic-550x334 img {
		display: block;
		width: 550px;
		height: 334px;
	}
	div.lrg-pic-550x334 span.pic-frame {
		display: block;
		width: 550px;
		height: 334px;
		background: transparent url('../img/pic550x334_frame.png') no-repeat left top;
		position: absolute;
		left: 0;
		top: 0;
	}
	div.lrg-pic-550x334 span.pic-frame-distress {
		display: block;
		width: 550px;
		height: 334px;
		background: transparent url('../img/pic550x334_frame_distress.png') no-repeat left top;
		position: absolute;
		left: 0;
		top: 0;
	}

/***** /utility *****/


/***** global layout *****/

div#modaloverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	left: auto;
	right: auto;
	top: 0;
	background: #727272;
	/*
	filter: alpha(opacity = 50);
	opacity: 0.5;
	*/
	display: none;
}
div#modaloverlay.active {
	display: block;
}

body.detail-layout {}
body.onecol-layout {}
body.twocol-layout {}

div#wrapper_inner_tile {
	width: 100%;
	margin: 0 0 50px 0;
}
div#wrapper_upper_block {
	width: 100%;
}
div#wrapper_lower_block {
	width: 100%;
}
div#wrapper {
	font-size: 1.4em; /* 62.5% x 1.4em = 14px base font size */
	width: 944px;
	margin: 0 auto;
	position: relative;
}
body.detail-layout div#wrapper_inner_tile {background: transparent url('../img/bg_1col_inner.jpg') repeat-y center top;}
body.detail-layout div#wrapper_upper_block {background: transparent url('../img/bg_detail_upper.jpg') no-repeat center top;}
body.detail-layout div#wrapper_lower_block {background: transparent url('../img/bg_1col_lower.jpg') no-repeat center bottom;}

body.onecol-layout div#wrapper_inner_tile {background: transparent url('../img/bg_1col_inner.jpg') repeat-y center top;}
body.onecol-layout div#wrapper_upper_block {background: transparent url('../img/bg_1col_upper.jpg') no-repeat center top;}
body.onecol-layout div#wrapper_lower_block {background: transparent url('../img/bg_1col_lower.jpg') no-repeat center bottom;}

body.twocol-layout div#wrapper_inner_tile {background: transparent url('../img/bg_2col_inner.jpg') repeat-y center top;}
body.twocol-layout div#wrapper_upper_block {background: transparent url('../img/bg_2col_upper.jpg') no-repeat center top;}
body.twocol-layout div#wrapper_lower_block {background: transparent url('../img/bg_2col_lower.jpg') no-repeat center bottom;}

div.skipnav {
	position: absolute;
	left: -999999px;
}

/*** header ***/

div#header {
	width: 944px;
	height: 148px;
	position: relative;
}

	a#logo_monolith {
		display: block;
		width: 102px;
		height: 80px;
		background: transparent url('../img/logo_monolith.png') no-repeat left top;
		position: absolute;
		right: 12px;
		top: 18px;
	}

	ul#mainnav {
		list-style: none;
		width: 462px;
		height: 45px;
		margin: 0;
	}
		ul#mainnav li {
			float: left;
			display: inline;
			width: 102px;
			height: 60px;
			margin: 0 0 0 18px;
			padding: 0;
			position: relative;
		}
		ul#mainnav li.in {}
		ul#mainnav li#mnav_home {margin: 0;}
			ul#mainnav li a.mnav-lnk {
				display: block;
				width: 102px;
				height: 45px;
			}
		ul#mainnav li#mnav_home a.mnav-lnk		{background: transparent url('../img/mainnav/mnav_home.png') no-repeat 0px 0px;}
		ul#mainnav li#mnav_studio a.mnav-lnk	{background: transparent url('../img/mainnav/mnav_studio.png') no-repeat 0px 0px;}
		ul#mainnav li#mnav_games a.mnav-lnk		{background: transparent url('../img/mainnav/mnav_games.png') no-repeat 0px 0px;}
		ul#mainnav li#mnav_jobs a.mnav-lnk		{background: transparent url('../img/mainnav/mnav_jobs.png') no-repeat 0px 0px;}
		ul#mainnav li a.mnav-lnk:hover {background-position: 0px -50px !important;}
		ul#mainnav li.in a.mnav-lnk, ul#mainnav li.in a.mnav-lnk:hover {background-position: 0px -100px !important;}

			ul#mainnav li ul.subnav {
				display: none;
				list-style: none;
				margin: 0;
				position: absolute;
				top: 58px;
				left: 8px;
			}
			ul#mainnav li.in ul.subnav,
			ul#mainnav li:hover ul.subnav {
				display: block;
			}
				ul#mainnav li ul.subnav li {
					float: none;
					display: block;
					height: 18px;
					margin: 0;
					padding: 0;
					position: relative;
					font-family: Arial, Verdana, sans-serif;
					font-size: 12px;
					font-weight: bold;
					line-height: 18px;
					text-transform: uppercase;
					white-space: nowrap;
				}
					ul#mainnav li ul.subnav li a {
						color: #8f8f8f;
						text-decoration: none;
						padding-right: 12px;
						background: transparent url('../img/snav_arrow.gif') no-repeat right -999px;
					}
					ul#mainnav li ul.subnav li.in a,
					ul#mainnav li ul.subnav li a:hover {
						color: #ffffff;
						text-decoration: none;
						background-position: right center;
					}

/*** /header ***/

/*** footer ***/

div#footer_outer_container {
	width: 100%;
	height: 314px;
	background: transparent url('../img/bg_footer_outer.png') repeat-x left top;
}
div#footer_inner_container {
	width: 100%;
	height: 314px;
	background: transparent url('../img/bg_footer_inner.png') no-repeat center top;
}
div#footer {
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em; /* 62.5% x 1.2em = 12px base font size */
	width: 944px;
	height: 280px;
	margin: 0 auto;
	padding-top: 34px;
	position: relative;
}
	div#footer div.footer-leftcol1 {
		float: left;
		display: inline;
		width: 260px;
		margin-right: 20px;
	}
	div#footer div.footer-leftcol2 {
		float: left;
		display: inline;
		width: 260px;
		margin-right: 20px;
	}
	div#footer div.footer-rightcol {
		float: right;
		display: inline;
		width: 260px;
		margin-right: 20px;
		text-align: right;
	}
		div#footer div.footer-rightcol a.logo-wbgames {
			display: inline-block;
			width: 51px;
			height: 73px;
			margin: 0 0 1.2em 0;
			background: transparent url('../img/logo_wbgames.png') no-repeat left top;
		}
	div#footer ul.social-media-cta {
		list-style: none;
		height: 46px;
		margin: 0;
	}
		div#footer ul.social-media-cta li {
			float: left;
			display: inline;
			width: 46px;
			height: 46px;
			margin: 0 8px 0 0;
		}

	div#footer ul.footer-links {
		list-style: none;
		margin: 0 -8px 0 0;
		font-size: 11px;
	}
		div#footer ul.footer-links li {
			display: inline;
			margin: 0;
			padding: 0 7px 0 9px;
			border-left: 2px solid #777777;
		}
		div#footer ul.footer-links li:first-child,
		div#footer ul.footer-links li.first {
			border: 0;
		}
	div#footer ul.bulletlist {
		margin: 0;
	}
		div#footer ul.bulletlist li {}
			div#footer ul.bulletlist li a {
				color: #ffffff;
			}
	div#footer h3 {
		color: #ffffff;
	}
	div#footer p {
		line-height: 1.1em;
		margin: 0 0 1.2em 0;
	}
	div#footer strong {
		text-transform: none;
	}

/*** /footer ***/

/*** content ***/

div#content {
	width: 896px; /* 896w + 24pr + 24pl = 944 */
	min-height: 740px;
	padding: 0 24px;
}

	div#content div.headline {
		width: 890px; /* 890w + 27pr + 27pl = 944 */
		height: 48px; /* 48h + 35pt + 28pb = 111 */
		margin: 0 -24px;
		padding: 35px 27px 28px 27px;
	}
	body.detail-layout div#content div.headline {
		height: 37px; /* 37h + 10pt + 10pb = 57 */
		padding: 10px 27px;
		margin-bottom: 15px;
	}
	body.onecol-layout div#content div.headline {
		margin-bottom: 31px;
	}
	body.twocol-layout div#content div.headline {
		margin-bottom: 13px;
	}
		div#content div.headline h1 {
			margin: 0;
			position: relative;
		}

	body.detail-layout div#maincol {
		display: block;
		width: 896px;
		padding: 20px 0 60px 0;
		position: relative;
	}
	body.detail-layout div#subcol {
		display: none; /* subcol should never appear in detail layout */
	}

	body.onecol-layout div#maincol {
		display: block;
		width: 896px;
		padding: 20px 0 60px 0;
		position: relative;
	}
	body.onecol-layout div#subcol {
		display: none; /* subcol should never appear in onecol layout */
	}

	body.twocol-layout div#maincol {
		float: left;
		display: inline;
		width: 550px;
		padding: 20px 0 60px 0;
		position: relative;
		z-index: 2;
	}
	body.twocol-layout div#subcol {
		float: right;
		display: inline;
		width: 300px;
		padding: 20px 0 60px 0;
		position: relative;
		z-index: 1;
	}

		/* maincol anchor style exceptions: */
		div#maincol p a:link, div#maincol p a:visited,
		div#maincol ul.standard li a:link, div#maincol ul.standard li a:visited,
		div#maincol ol.standard li a:link, div#maincol ol.standard li a:visited,
		div#maincol dl dd a:link, div#maincol dl dd a:visited {
			color: #ff6d2d;
			text-decoration: none;
		}
		div#maincol p a:hover, div#maincol p a:visited:hover, div#maincol p a:active,
		div#maincol ul.standard li a:hover, div#maincol ul.standard li a:visited:hover, div#maincol ul.standard li a:active,
		div#maincol ol.standard li a:hover, div#maincol ol.standard li a:visited:hover, div#maincol ol.standard li a:active,
		div#maincol dl dd a:hover, div#maincol dl dd a:visited:hover, div#maincol dl dd a:active {
			color: #ffffff;
			text-decoration: none;
			background: transparent url('../img/anchor_bg.png') repeat left top;
		}

		/* subcol typography exceptions: */
		div#subcol h3 {
			margin: 0 0 8px 0;
		}
		div#subcol p {
			font-size: 12px;
			line-height: 16px;
			margin: 0 0 10px 0;
		}
			div#subcol p strong {
				font-size: 10px;
			}
		div#subcol ul {
			margin: 0 0 10px 0;
		}
			div#subcol ul li {
				font-size: 12px;
				line-height: 16px;
			}

		div#subcol ul.subcolnav {
			list-style: none;
			display: block;
			margin: 0 0 25px 0;
		}
			div#subcol ul.subcolnav li {
				display: block;
				margin: 0;
				padding: 0;
				font-size: 12px;
				font-weight: bold;
				line-height: 14px;
			}
				div#subcol ul.subcolnav li a {
					color: #8e8e8e;
					text-decoration: none;
					display: block;
					padding: 10px 35px 10px 0;
					border: 1px solid transparent;
					background: transparent url('../img/nav_arrow.gif') no-repeat right -999px;
				}
				div#subcol ul.subcolnav li a:hover {
					color: #ffffff;
					text-decoration: none;
					border: 1px solid #1c1c1c;
					background: #000000 url('../img/nav_arrow.gif') no-repeat right center;
				}
					div#subcol ul.subcolnav li a span.bullet {
						display: block;
						padding-left: 30px;
						background: transparent url('../img/nav_bullet.gif') no-repeat 12px 6px;
					}

		/* detail page layout: */
		body.detail-layout div#maincol div.lrg-pic-500x334 {
			float: left;
			display: inline;
			margin: 0 0 15px 0;
		}
		body.detail-layout div#maincol div.detail-info {
			float: right;
			display: inline;
			width: 380px;
			margin: 0 0 15px 0;
		}
			body.detail-layout div#maincol div.detail-info h2 {
				margin: 0 0 5px 0;
			}
			body.detail-layout div#maincol div.detail-info h3 {
				margin: 0 0 5px 0;
			}
			body.detail-layout div#maincol div.detail-info div.hr-fancy {
				margin: 0 0 5px 0;
				background-image: url('../img/hr_subcol_fancy.gif');
			}

/*** /content ***/

/***** /global layout *****/


/***** form elements *****/

/*** general ***/

fieldset {
	width: auto;
	display: block;
}

input, select, textarea {
	color: #333333;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

img.img-btn {}

input.img-btn {}

input.cb, input.rb { /* setting exact size removes crazy IE padding, makes size uniform cross-browser */
	width: 15px;
	height: 15px;
}

/*
input[type=text],
input[type=password],
*/
input.text {
	width: 180px;
	margin: 0 5px 0.5em 0;
	padding: 2px;
	border: 1px solid #999999;
}

select {
	padding: 1px;
	border: 1px solid #999999;
}

textarea {
	line-height: 16px;
	width: 320px;
	height: 80px; /* 5 lines X 16px line-height */
	margin: 0 5px 0.5em 0;
	padding: 2px;
	border: 1px solid #999999;
}

fieldset.text-fields {
	margin: 0 0 1.0em 0;
}
	fieldset.text-fields input,
	fieldset.text-fields select,
	fieldset.text-fields textarea {
		vertical-align: top;
	}
	fieldset.text-fields span.label, /* span tag to emulate a label */
	fieldset.text-fields label {
		color: #ffffff;
		font-size: 13px;
		text-align: left;
		clear: left;
		float: left;
		display: inline;
		width: 180px;
		margin: 0 10px 0 0;
	}
	fieldset.text-fields label.auto {
		width: auto;
	}
	fieldset.text-fields label.block { /* stacked label/input */
		float: none;
		display: block;
		width: auto;
		margin: 0 0 0.2em 0;
		text-align: left;
	}

fieldset.cb-rb-fields {
	margin: 0 0 1.0em 0;
}
	fieldset.cb-rb-fields input {
		vertical-align: top;
		width: 15px;
		height: 15px;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	fieldset.cb-rb-fields input.text {
		width: 120px;
		height: auto;
		margin: 0 0 0.5em 0;
		padding: 2px;
	}
	fieldset.cb-rb-fields label {
		line-height: 1.5em;
		margin: 0 15px 0 0;
	}

fieldset.cb-rb-block-fields {
	margin: 0 0 1.0em 0;
}
	fieldset.cb-rb-block-fields input {
		vertical-align: top;
		float: left;
		display: inline;
		width: 15px;
		height: 15px;
		margin: 0.1em 0 0 0;
		padding: 0;
	}
	fieldset.cb-rb-block-fields label {
		display: block;
		line-height: 1.5em;
		margin: 0 0 0.5em 20px;
	}

fieldset.btn-zone { /* horrible naming convention, gotta go */
	text-align: right;
	margin: 0 0 1.0em 0;
	padding: 1.0em 0;
	border-top: 1px dotted #999999;
}

/*** /general ***/

/***** /form elements *****/


/***** unique styles *****/

/*** home ***/

body#homepage {
	background: #020202 url('../img/bg_body_home.png') repeat-x center top;
}
	body#homepage div#wrapper_outer_block {
		width: 100%;
		background: transparent url('../img/bg_home_main.jpg') no-repeat center top;
	}
	body#homepage div#wrapper_inner_block {
		width: 100%;
		background: transparent; /* dynamic bg img exists at page level */
	}
	body#homepage div#wrapper {/* same as defaults */}

	body#homepage div#header {
		height: 120px;
	}

	body#homepage div#content {
		width: 944px;
		min-height: 960px;
		height: 960px;
		margin: 0;
		padding: 0;
	}

	body#homepage div.feature-box {
		width: 944px;
		height: 450px;
		margin: 0 0 20px 0;
		position: relative;
	}
		body#homepage div.feature-box a.block-overlay {
			display: block;
			width: 944px;
			height: 450px;
			position: absolute;
			left: 0;
			top: 0;
		}

	body#homepage div.linklist-boxes {
		height: 278px;
		padding: 14px 6px 20px 6px;
		margin: 0 0 15px 0;
	}
		body#homepage div.linklist-boxes div.linklist {
			float: left;
			display: inline;
			width: 288px;
			height: 278px;
			margin-left: 17px;
		}
			body#homepage div.linklist-boxes div.linklist h3 {
				line-height: 20px;
				height: 20px;
				margin: 0 0 2px 0;
				padding: 4px 20px;
			}
			body#homepage div.linklist-boxes div.linklist div.cta {
				height: 14px;
				padding: 10px 20px 12px 20px;
			}
			body#homepage div.linklist-boxes div.linklist ul {
				list-style: none;
				display: block;
				height: 206px;
				margin: 0 0 2px 0;
				padding: 2px 6px;
			}
				body#homepage div.linklist-boxes div.linklist ul li {
					display: block;
					margin: 0;
					padding: 0;
					font-size: 12px;
					font-weight: bold;
					line-height: 14px;
				}
					body#homepage div.linklist-boxes div.linklist ul li a {
						color: #8e8e8e;
						text-decoration: none;
						display: block;
						padding: 10px 25px 10px 20px;
						border: 1px solid transparent;
						background: transparent url('../img/nav_arrow.gif') no-repeat right -999px;
					}
					body#homepage div.linklist-boxes div.linklist ul li a:hover {
						color: #ffffff;
						text-decoration: none;
						border: 1px solid #1c1c1c;
						background: #000000 url('../img/nav_arrow.gif') no-repeat right center;
					}
						body#homepage div.linklist-boxes div.linklist ul li a span.bullet {
							display: block;
							margin-left: -20px;
							padding-left: 20px;
							background: transparent url('../img/nav_bullet.gif') no-repeat 8px 6px;
						}
						body#homepage div.linklist-boxes div.linklist ul li a span.date {
							color: #666666;
							font-size: 10px;
							font-weight: bold;
							line-height: 12px;
							text-transform: none;
						}
						body#homepage div.linklist-boxes div.linklist ul li a:hover span.date {
							color: #b1260a;
						}

	body#homepage div.callout-boxes {
		width: 941px;
		height: 143px;
		padding: 0 1px 0 2px;
	}
		body#homepage div.callout-boxes div.callout {
			width: 449px;
			height: 131px;
			margin: 0;
			padding: 6px;
		}
		body#homepage div.callout-boxes div.callout-left {
			float: left;
			display: inline;
		}
		body#homepage div.callout-boxes div.callout-right {
			float: right;
			display: inline;
		}
			body#homepage div.callout-boxes div.callout img {
				display: block;
				width: 449px;
				height: 131px;
			}

/*** /home ***/

/*** games ***/

div.game-feature {
	width: 940px;
	height: 450px;
	margin: -20px -22px 50px -22px;
	position: relative;
}
	div.game-feature img.feature {
		display: block;
		width: 940px;
		height: 450px;
	}

ul.games-listing {
	list-style: none;
}
	ul.games-listing li {
		float: left;
		display: inline;
		width: 147px;
		margin: 0 0 20px 40px;
		padding: 0;
	}
	ul.games-listing li.row-first {
		clear: both;
		margin: 0 0 20px 0;
	}
		ul.games-listing li h4 {
			color: #aaaaaa;
			font-size: 12px;
			font-weight: bold;
			line-height: 14px;
			margin: 0;
		}
		ul.games-listing li h6 {
			color: #666666;
			font-size: 11px;
			font-style: normal;
			font-weight: bold;
			line-height: 13px;
			margin: 0;
		}
		ul.games-listing li:hover h4 {
			color: #ffffff;
		}
		ul.games-listing li:hover h6 {
			color: #b1260a;
		}
		ul.games-listing li a {
			display: block;
			width: 147px;
			height: 152px;
			margin: 0 0 5px 0;
			position: relative;
			text-decoration: none !important;
			cursor: pointer;
		}
			ul.games-listing li a img {
				display: block;
				width: 145px;
				height: 150px;
				padding: 1px;
			}
			ul.games-listing li a span.frame-overlay {
				display: block;
				width: 147px;
				height: 152px;
				background: transparent url('../img/th145x150_frame.png') no-repeat left top;
				position: absolute;
				left: 0;
				top: 0;
			}
			ul.games-listing li a:hover span.frame-overlay,
			ul.games-listing li:hover a span.frame-overlay {
				background-position: left bottom;
			}

/*** /games ***/

/*** jobs ***/

div.job-detail {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

/*** /jobs ***/

/*** people ***/

div.hover-bubble {
	width: auto;
	height: 39px;
	position: absolute;
}
	div.hover-bubble div.left {
		width: 16px;
		height: 39px;
		background: transparent url('../img/hover_bubble_left.png') no-repeat left top;
		position: absolute;
		left: -10px;
		top: 0;
	}
	div.hover-bubble div.right {
		width: 6px;
		height: 39px;
		background: transparent url('../img/hover_bubble_right.png') no-repeat right top;
		position: absolute;
		right: 0;
		top: 0;
	}
	div.hover-bubble div.inner {
		width: auto;
		height: 26px;
		padding: 8px 16px 5px 10px;
		background: transparent url('../img/hover_bubble_inner.png') repeat-x left top;
	}
		div.hover-bubble div.inner div.title {
			color: #ffffff;
			font-family: Arial, Verdana, sans-serif;
			font-size: 12px;
			font-weight: bold;
			line-height: 14px;
			text-transform: uppercase;
			white-space: nowrap;
		}
		div.hover-bubble div.inner div.sub {
			color: #8e8e8e;
			font-family: Georgia, Times, serif;
			font-size: 10px;
			line-height: 12px;
			text-transform: uppercase;
			white-space: nowrap;
		}

ul.people-listing {
	list-style: none;
}
	ul.people-listing li {
		float: left;
		display: inline;
		width: 97px;
		margin: 0 0 15px 15px;
		padding: 0;
	}
	ul.people-listing li:hover {
		position: relative;
		z-index: 3;
	}
	ul.people-listing li.row-first {
		clear: both;
		margin: 0 0 15px 0;
	}
		ul.people-listing li h4 {
			color: #aaaaaa;
			font-size: 12px;
			font-weight: bold;
			line-height: 14px;
			margin: 0;
		}
		ul.people-listing li:hover h4 {
			color: #ffffff;
		}
		ul.people-listing li a {
			display: block;
			width: 97px;
			height: 97px;
			margin: 0 0 5px 0;
			position: relative;
			text-decoration: none !important;
			cursor: pointer;
		}
			ul.people-listing li a img {
				display: block;
				width: 95px;
				height: 95px;
				padding: 1px;
			}
			ul.people-listing li a span.frame-overlay {
				display: block;
				width: 97px;
				height: 97px;
				background: transparent url('../img/th95x95_frame.png') no-repeat left top;
				position: absolute;
				left: 0;
				top: 0;
			}
			ul.people-listing li a:hover span.frame-overlay,
			ul.people-listing li:hover a span.frame-overlay {
				background-position: left bottom;
			}
		ul.people-listing li div.hover-bubble {
			display: none;
			position: absolute;
			z-index: 5;
			left: 75px;
			top: 55px;
		}
		ul.people-listing li:hover div.hover-bubble {
			display: block;
		}

/*** /people ***/

/*** news ***/

div.news-readmore-cta {
	text-align: right;
	margin-bottom: 1.0em;
}
	div.news-readmore-cta a.arrow-lnk {
		float: left;
	}
	div.news-readmore-cta div.post-tags {
		color: #ffffff;
		line-height: 12px;
		float: right;
		display: inline;
	}
		div.news-readmore-cta div.post-tags a {
			color: #8e8e8e;
			font-weight: bold;
		}

ul.news-listing {
	list-style: none;
}
	ul.news-listing li {
		float: left;
		display: inline;
		width: 147px;
		margin: 0 0 20px 40px;
		padding: 0;
	}
	ul.news-listing li.row-first {
		clear: both;
		margin: 0 0 20px 0;
	}
		ul.news-listing li h4 {
			color: #666666;
			font-size: 12px;
			font-weight: bold;
			line-height: 14px;
			text-transform: none;
			margin: 0;
		}
		ul.news-listing li:hover h4 {
			color: #ffffff;
		}
		ul.news-listing li h6 {
			color: #aaaaaa;
			font-size: 11px;
			font-style: normal;
			font-weight: bold;
			line-height: 13px;
			margin: 0;
		}
		ul.news-listing li:hover h6 {
			color: #b1260a;
		}
		ul.news-listing li a {
			display: block;
			width: 147px;
			height: 152px;
			margin: 0 0 5px 0;
			position: relative;
			text-decoration: none !important;
			cursor: pointer;
		}
			ul.news-listing li a img {
				display: block;
				width: 145px;
				height: 150px;
				padding: 1px;
			}
			ul.news-listing li a span.frame-overlay {
				display: block;
				width: 147px;
				height: 152px;
				background: transparent url('../img/th145x150_frame.png') no-repeat left top;
				position: absolute;
				left: 0;
				top: 0;
			}
			ul.news-listing li a:hover span.frame-overlay,
			ul.news-listing li:hover a span.frame-overlay {
				background-position: left bottom;
			}

/*** /news ***/

/*** gallery ***/

ul.gallery-listing {
	list-style: none;
}
	ul.gallery-listing li {
		float: left;
		display: inline;
		width: 147px;
		margin: 0 0 20px 40px;
		padding: 0;
	}
	ul.gallery-listing li.row-first {
		clear: both;
		margin: 0 0 20px 0;
	}
		ul.gallery-listing li h4 {
			color: #aaaaaa;
			font-size: 12px;
			font-weight: bold;
			line-height: 14px;
			height: 28px;
			margin: 0;
		}
		ul.gallery-listing li h6 {
			color: #666666;
			font-size: 11px;
			font-style: normal;
			font-weight: bold;
			line-height: 13px;
			margin: 0;
		}
		ul.gallery-listing li:hover h4 {
			color: #ffffff;
		}
		ul.gallery-listing li:hover h6 {
			color: #b1260a;
		}
		ul.gallery-listing li a {
			display: block;
			width: 147px;
			height: 152px;
			margin: 0 0 5px 0;
			position: relative;
			text-decoration: none !important;
			cursor: pointer;
		}
			ul.gallery-listing li a img {
				display: block;
				width: 145px;
				height: 150px;
				padding: 1px;
			}
			ul.gallery-listing li a span.frame-overlay {
				display: block;
				width: 147px;
				height: 152px;
				background: transparent url('../img/th145x150_frame.png') no-repeat left top;
				position: absolute;
				left: 0;
				top: 0;
			}
			ul.gallery-listing li a:hover span.frame-overlay,
			ul.gallery-listing li:hover a span.frame-overlay {
				background-position: left bottom;
			}

ul#gallerylist {}

div#galleryviewer {
	width: 960px;
	min-height: 540px;
	margin: 0 auto;
	padding: 20px 40px;
	background: #000000;
	position: fixed;
	z-index: 9;
	display: none;
}
div#galleryviewer.active {
	display: block;
}
	div#galleryviewer h3 {
		font-size: 60px;
		font-weight: bold;
		letter-spacing: -2px;
		line-height: 60px;
		margin: 0;
	}
	div#galleryviewer h2 {
		font-size: 24px;
		font-style: normal;
		line-height: 28px;
		margin: 0 0 15px 0;
	}
	div#galleryviewer p {
		font-size: 1.4em; /* 62.5% x 1.4em = 14px base font size */
		width: 400px;
	}
	div#galleryviewer a#lnk_closeX {
		position: absolute;
		z-index: 2;
		right: -5px;
		top: -5px;
	}
	div#galleryviewer a#lnk_prev {
		position: absolute;
		z-index: 1;
		left: 2px;
		top: 50%;
	}
	div#galleryviewer a#lnk_next {
		position: absolute;
		z-index: 1;
		right: 2px;
		top: 50%;
	}
	div#galleryviewer img#galleryimg {
		display: block;
		width: 960px;
		height: 540px;
		margin: 0 auto 8px auto;
	}
	div#galleryviewer h4#galleryhdr {
		margin: 0;
	}

/*** /gallery ***/

/*** interstitial ***/

div#interstitial {
	width: 480px;
	min-height: 240px;
	margin: 0 auto;
	padding: 30px 20px 20px 20px;
	background: #000000;
	position: fixed;
	z-index: 9;
	display: none;
}
div#interstitial.active {
	display: block;
}
	div#interstitial h3 {
		font-size: 60px;
		font-weight: bold;
		letter-spacing: -2px;
		line-height: 60px;
		margin: 0;
	}
	div#interstitial h2 {
		font-size: 24px;
		font-style: normal;
		line-height: 28px;
		margin: 0 0 15px 0;
	}
	div#interstitial p {
		font-size: 1.4em; /* 62.5% x 1.4em = 14px base font size */
		margin-right: 20px;
	}
	div#interstitial div.cta-right {
		height: 37px;
	}
	div#interstitial a#btn_cancel {
		margin-right: 25px;
	}

/*** /interstitial ***/

/***** /unique styles *****/


/***** font-size key *****/

/*** 11pt default base ***/
/*
body {font-size: 62.5%;}
	div#wrapper {font-size: 1.1em;}
		.pt09 {font-size: 0.818em;}
		.pt10 {font-size: 0.909em;}
		.pt11 {font-size: 1.0em;}
		.pt12 {font-size: 1.091em;}
		.pt13 {font-size: 1.182em;}
		.pt14 {font-size: 1.273em;}
		.pt15 {font-size: 1.364em;}
		.pt16 {font-size: 1.455em;}
		.pt17 {font-size: 1.545em;}
		.pt18 {font-size: 1.636em;}
		.pt19 {font-size: 1.727em;}
		.pt20 {font-size: 1.818em;}
		.pt21 {font-size: 1.909em;}
		.pt22 {font-size: 2.0em;}
		.pt23 {font-size: 2.091em;}
		.pt24 {font-size: 2.182em;}
		.pt25 {font-size: 2.273em;}
		.pt26 {font-size: 2.364em;}
		.pt27 {font-size: 2.455em;}
		.pt28 {font-size: 2.546em;}
		.pt29 {font-size: 2.636em;}
		.pt30 {font-size: 2.727em;}
		.pt31 {font-size: 2.818em;}
		.pt32 {font-size: 2.909em;}
		.pt33 {font-size: 3.0em;}
		.pt34 {font-size: 3.091em;}
		.pt35 {font-size: 3.182em;}
		.pt36 {font-size: 3.273em;}
*/
/*** end 11pt ***/

/*** 12pt default base ***/
/*
body {font-size: 62.5%;}
	div#wrapper {font-size: 1.2em;}
		.pt09 {font-size: 0.75em;}
		.pt10 {font-size: 0.833em;}
		.pt11 {font-size: 0.917em;}
		.pt12 {font-size: 1.0em;}
		.pt13 {font-size: 1.083em;}
		.pt14 {font-size: 1.167em;}
		.pt15 {font-size: 1.250em;}
		.pt16 {font-size: 1.333em;}
		.pt17 {font-size: 1.417em;}
		.pt18 {font-size: 1.50em;}
		.pt19 {font-size: 1.583em;}
		.pt20 {font-size: 1.667em;}
		.pt21 {font-size: 1.750em;}
		.pt22 {font-size: 1.833em;}
		.pt23 {font-size: 1.917em;}
		.pt24 {font-size: 2.0em;}
		.pt25 {font-size: 2.083em;}
		.pt26 {font-size: 2.167em;}
		.pt27 {font-size: 2.250em;}
		.pt28 {font-size: 2.333em;}
		.pt29 {font-size: 2.417em;}
		.pt30 {font-size: 2.50em;}
		.pt31 {font-size: 2.583em;}
		.pt32 {font-size: 2.667em;}
		.pt33 {font-size: 2.750em;}
		.pt34 {font-size: 2.833em;}
		.pt35 {font-size: 2.917em;}
		.pt36 {font-size: 3.0em;}
*/
/*** end 12pt ***/

/*** 13pt default base ***/
/*
body {font-size: 62.5%;}
	div#wrapper {font-size: 1.3em;}
		.pt09 {font-size: 0.692em;}
		.pt10 {font-size: 0.769em;}
		.pt11 {font-size: 0.846em;}
		.pt12 {font-size: 0.923em;}
		.pt13 {font-size: 1.0em;}
		.pt14 {font-size: 1.077em;}
		.pt15 {font-size: 1.154em;}
		.pt16 {font-size: 1.231em;}
		.pt17 {font-size: 1.308em;}
		.pt18 {font-size: 1.385em;}
		.pt19 {font-size: 1.462em;}
		.pt20 {font-size: 1.538em;}
		.pt21 {font-size: 1.615em;}
		.pt22 {font-size: 1.692em;}
		.pt23 {font-size: 1.769em;}
		.pt24 {font-size: 1.846em;}
		.pt25 {font-size: 1.923em;}
		.pt26 {font-size: 2.0em;}
		.pt27 {font-size: 2.077em;}
		.pt28 {font-size: 2.154em;}
		.pt29 {font-size: 2.231em;}
		.pt30 {font-size: 2.308em;}
		.pt31 {font-size: 2.385em;}
		.pt32 {font-size: 2.462em;}
		.pt33 {font-size: 2.538em;}
		.pt34 {font-size: 2.615em;}
		.pt35 {font-size: 2.692em;}
		.pt36 {font-size: 2.769em;}
*/
/*** end 13pt ***/

/*** 14pt default base ***/
/*
body {font-size: 62.5%;}
	div#wrapper {font-size: 1.4em;}
		.pt09 {font-size: 0.643em;}
		.pt10 {font-size: 0.714em;}
		.pt11 {font-size: 0.786em;}
		.pt12 {font-size: 0.857em;}
		.pt13 {font-size: 0.929em;}
		.pt14 {font-size: 1.0em;}
		.pt15 {font-size: 1.071em;}
		.pt16 {font-size: 1.143em;}
		.pt17 {font-size: 1.214em;}
		.pt18 {font-size: 1.286em;}
		.pt19 {font-size: 1.357em;}
		.pt20 {font-size: 1.429em;}
		.pt21 {font-size: 1.50em;}
		.pt22 {font-size: 1.571em;}
		.pt23 {font-size: 1.643em;}
		.pt24 {font-size: 1.714em;}
		.pt25 {font-size: 1.786em;}
		.pt26 {font-size: 1.857em;}
		.pt27 {font-size: 1.929em;}
		.pt28 {font-size: 2.0em;}
		.pt29 {font-size: 2.071em;}
		.pt30 {font-size: 2.143em;}
		.pt31 {font-size: 2.214em;}
		.pt32 {font-size: 2.286em;}
		.pt33 {font-size: 2.357em;}
		.pt34 {font-size: 2.429em;}
		.pt35 {font-size: 2.50em;}
		.pt36 {font-size: 2.571em;}
*/
/*** end 14pt ***/

/***** /font-size key *****/






/* WBGCT */
.legalText { font-size:0.714em; line-height:1.357em; color:#7a7e81; margin:0 0 32px 0; }