/**************** 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 {background: #1d1d1d;}

body {
	color: #ffffff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 62.5%; /* 62.5% squashes default type to 10px, multiplier is set on #wrapper */
	line-height: 1.0em;
	text-align: left;
	background: #1d1d1d;
	margin-bottom:-20px;
}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

sub {font-size: 0.6em;}
sup {font-size: 0.6em; vertical-align: top;}

img {}

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

p {
	line-height: 1.4em;
	margin: 0 0 1.0em 0;
}

ul, ol {
	margin: 0 0 1.0em 0;
}
    ul li {
	    margin: 0 0 0 15px;
	    line-height: 1.3em;
    }
    ol li {
	    margin: 0 0 0 2.5em;
	    line-height: 1.3em;
    }

h1 {
	font-size: 2.0em; /* 20px */
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
}
h2 {
	font-size: 1.6em; /* 16px */
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
}
h3 {
	font-size: 1.4em; /* 14px */
	font-weight: bold;
	margin: 0 0 0.2em 0;
}
h4 {
	font-size: 1.3em; /* 13px */
	font-weight: bold;
	margin: 0 0 0.2em 0;
}

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

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

.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 1.0em 0;
	border-top: 1px dotted #000000;
}
	div.hr hr {
		display: none;
	}

.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;
}

.alignleft {text-align: left;}

.alignright {text-align: right;}

.center {text-align: center;}

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

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

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


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

div#eaheader {
	height: 25px;
	background: url('../img/bg_EAheader.gif') repeat-x left top;
	position: relative;
}

div#wrapper {
	font-size: 1.0em; /* 62.5% x 1.0em = 10px base font size */
	width: 100%;
	margin-top:33px;
	padding-bottom: 0px;
}

/* footer */

	div#footer {
		width: 1024px;
		margin: 0 auto;
		padding-top: 15px;
	}

	div#footer_callouts {
		width: 1024px;
		margin: 0 auto 46px auto;
	}
		div#footer_callouts div.callout {
			float: left;
			display: inline;
			width: 226px;
			margin: 0 35px;
		}
			div#footer_callouts div.callout img.thumb {
				display: block;
				width: 216px;
				height: 125px;
				padding: 5px;
				background: url('../img/bg_calloutimg.gif') repeat left top;
			}
			div#footer_callouts div.callout div.cta {
				width: 210px;
				height: 40px;
				padding: 5px 8px;
				background: url('../img/bg_calloutcta.gif') repeat left top;
			}
				div#footer_callouts div.callout div.cta a {
					color: #675a52;
					font-size: 1.5em;
					line-height: 20px;
					font-weight: bold;
					text-transform: uppercase;
				}

	div#footer_logos {
		float: left;
		display: inline;
		width: 480px;
		height: 96px;
		position: relative;
	}

		a#logo_EA {
			display: block;
			width: 91px;
			height: 96px;
			background: url('../img/logo_EA.gif') no-repeat left top;
			position: absolute;
			left: 14px;
			top: 0px;
		}

		a#logo_ESRB {
			display: block;
			width: 157px;
			height: 66px;
			background: url('../img/logo_ESRB.gif') no-repeat left top;
			position: absolute;
			left: 124px;
			top: 18px;
		}

		a#logo_TRUSTe {
			display: block;
			width: 144px;
			height: 40px;
			background: url('../img/logo_TRUSTe.gif') no-repeat left top;
			position: absolute;
			left: 324px;
			top: 44px;
		}

		a#share_button {
			display: block;
			width: 125px;
			height: 16px;
			position: absolute;
			left: 324px;
			top: 18px;
		}

	div#footer_links {
		float: right;
		display: inline;
		width: 500px;
		height: 96px;
		padding-top: 40px;
		position: relative;
	}
		div#footer_links ul {
			float: left;
			display: inline;
			list-style: none;
			list-style-position: outside;
			margin: 0 25px 0 0;
		}
			div#footer_links ul li {
				margin: 0;
				padding: 0 0 0 12px;
				background: url('../img/arrowbullet.gif') no-repeat left center;
			}

	div#footer_copy {
		width: 520px;
		margin: 0 auto;
		position: relative;
		color: #b5b0a5;
		text-align: center;
	}
		div#footer_copy p {
			margin-bottom: 0.5em;
		}
		div#footer_copy ul {
			list-style: none;
			margin: 0;
		}
			div#footer_copy ul li {
				display: inline;
				margin: 0;
				padding: 0 5px;
				border-left: 1px solid #b5b0a5;
			}
			div#footer_copy ul li.first,
			div#footer_copy ul li:first-child {
				border: 0;
			}
				div#footer_copy ul li a {
					color: #b5b0a5;
				}

/* /footer */

/* main */

	div#flash_container {
		width: 100%;
		height: 600px;
	}

	#nitro {
		width: 100%;
		height: 600px;
		text-align: center;
	}

	div.messagebox {
		width: 540px;
		margin: 0 auto;
		position: relative;
	}
		div.messagebox h1#logo_Nitro {
			width: 352px;
			height: 166px;
			margin: 0;
			background: url('../img/logo_Nitro.png') no-repeat left top;
			position: absolute;
			left: 92px;
			top: -106px;
		}
		div.messagebox div.messagebox_upper {
			width: 540px;
			height: 65px;
			background: url('../img/messagebox_upper.gif') no-repeat left top;
		}
		div.messagebox div.messagebox_lower {
			width: 540px;
			height: 70px;
			background: url('../img/messagebox_lower.gif') no-repeat left top;
		}
		div.messagebox div.messagebox_inner {
			width: 416px;
			padding: 1px 62px;
			background: url('../img/messagebox_inner.gif') repeat-y left top;
			color: #1d1d1d;
			font-size: 1.7em;
			font-weight: bold;
			text-align: center;
		}
			div.messagebox div.messagebox_inner div.hr {
				margin-bottom: 1.5em;
				border: 0;
				background: url('../img/messagebox_hr.gif') repeat-y left top;
			}
		/* call-to-action */
		div.messagebox div.cta {}
			div.messagebox div.cta a {
				color: #1d1d1d;
			}
			div.messagebox div.cta a.lnk-dl-flash {
				padding: 7px 0 10px 40px;
				background: url('../img/icon_Flash.png') no-repeat left top;
			}

/* /main */

/* no-flash */

	div#noflash {
		padding-top: 157px;
	}

/* /no-flash */

/* language select */

	div#langselect {
		padding-top: 157px;
	}
		div#langselect div.messagebox {
			width: 540px;
			height: 242px;
			background: url('../img/messagebox_langselect.gif') no-repeat left top;
		}
			div#langselect div.messagebox div.messagebox_upper {
				height: 52px;
				background: none;
			}
			div#langselect div.messagebox div.messagebox_lower {
				height: 52px;
				background: none;
			}
			div#langselect div.messagebox div.messagebox_inner {
				width: 466px;
				padding: 1px 37px;
				background: none;
				text-align: left;
			}
				div#langselect div.messagebox div.messagebox_inner div.colA {
					float: left;
					display: inline;
					width: 232px;
				}
				div#langselect div.messagebox div.messagebox_inner div.colB {
					float: right;
					display: inline;
					width: 232px;
				}
				div#langselect div.messagebox div.messagebox_inner ul {
					list-style: none;
					margin: 0 20px 0 40px;
				}
					div#langselect div.messagebox div.messagebox_inner ul li {
						margin: 0;
						padding: 5px 0;
						height: 24px;
					}
						div#langselect div.messagebox div.messagebox_inner ul li a {
							color: #1d1d1d;
							line-height: 24px;
							padding: 2px 2px 5px 45px;
						}
				div#langselect li#select_us a {
					background: url('../img/flag_US.gif') no-repeat left top;
				}
				div#langselect li#select_uk a {
					background: url('../img/flag_UK.gif') no-repeat left top;
				}
				div#langselect li#select_fr a {
					background: url('../img/flag_France.gif') no-repeat left top;
				}
				div#langselect li#select_es a {
					background: url('../img/flag_Spain.gif') no-repeat left top;
				}
				div#langselect li#select_ca a {
					background: url('../img/flag_Canada.gif') no-repeat left top;
				}
				div#langselect li#select_po a {
					background: url('../img/flag_Poland.gif') no-repeat left top;
				}
				div#langselect li#select_de a {
					background: url('../img/flag_Germany.gif') no-repeat left top;
				}
				div#langselect li#select_ru a {
					background: url('../img/flag_Russia.gif') no-repeat left top;
				}

/* /language select */

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

/***** 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;}
*/
/*** 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;}
*/
/*** end 12pt ***/

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