body {
	background: #ffffff no-repeat top center url(../_img/home/bg.jpg);
}

#header #mainMenu li ul {
	border-bottom: none;	
}

#header #mainMenu #communitySub { width:300px; } 

/* MAIN PROMO */

#mainPromo {
	width: 977px;
	height: 533px;
	position: relative;
	background: url() no-repeat 0 0;
	color: #ffffff;
}

#mainPromo #featureContainer {
	position:absolute;
	left:0px;
	top:0px;
	width:640px;
	height:360px;
	color:#000;;
}

#mainPromo h2 {
	position:absolute;
	top:-10px;
	left:28px;
	margin: 0;
	width:620px;
	height:204px;
	color:#000;
	overflow:hidden;
	text-indent:-9000px;
}

#mainPromo h2 strong {
	color: #edb347;
}

#featureThumbs {
	position:absolute;
	left:12px;
	top:388px;
	width:672px;
	height:139px;
}

#featureThumbs ul {
	padding:0;
	margin:0;
}

#featureThumbs ul li {
	list-style:none;
	float:left;
	width:147px;
	height:133px;
	margin: 0 11px 0 0;
}

#featureThumbs ul li a {
	display:block;
	color:#c2242b;
	font-weight:bold;
	font-size:12px;
	height:104px;
	text-decoration:none;
	overflow:hidden;
	/*border:1px solid #eeeceb;*/}
#featureThumbs ul li a div {
	width:145px;
	height:82px;
	border:1px solid #eeeceb;}

#featureThumbs ul li a:hover, 
#featureThumbs ul li a.hover {
	height:144px;}

#featureThumbs ul li a:hover div, 
#featureThumbs ul li a.hover div {
	border-bottom:6px solid #a81c24;
	height:36px;}

#featureThumbs ul li a h3  {
	padding:7px 0 5px 0;}
#featureThumbs ul li a p {
	font-weight:normal;}
#featureThumbs ul li a:hover h3 {
	text-decoration:underline;}

/* feature overlay */

#featureContainer .homeFeature {
	background-color: #000;
	width: 640px;
	height: 360px;}

#featureContainer .featureContent {
	position: absolute;
	bottom: 0;
	width: 612px;
	left: 0;
	height: 89px;
	background: transparent url(../_img/home/bg_feature.png) repeat-x;
	padding: 28px 0 0 28px;
	overflow: hidden;}

#featureContainer .featureContent h3 {
	color:#ff6d00;
	font-size:19px;
	margin:0 0 5px;}

#featureContainer .featureContent p {
	color:#595959;
	font-size:12px;
	margin:0 0 5px;}

#featureContainer .featureContent p a.fullStory {
	color:#a80109;
	position:relative;}

/* accolades */

#accoladeContainer {
	position:absolute;
	top:0px;
	right:0px;
	width:250px;
	height:115px;
	padding:25px 29px 25px 38px;
	background:url(../_img/home/bg_accolade.png) 0 0 no-repeat;}

#accoladeContainer .acc_item {
	position:absolute;
	line-height:22px;
	color:#696969;
	top:25px !important;
	left:38px !important;}

#accoladeContainer .acc_item a {
	color:#c2242b;
	text-decoration:none;}

#accoladeContainer .acc_item a:hover {
	text-decoration:underline;}

#accoladeContainer .acc_item span {
	position:absolute;
	left:0;
	top:100px;
	font-size:11px;}

#bigPromo {
	position:absolute;
	top:188px;
	right:0px;
	width:317px;
	height:334px;}

#bigPromo .learnmore, #bigPromo .preorder {
	position:absolute;
	top:214px;
	left:0px;}

#bigPromo .preorder {
	top:245px;}

/* PRIMARY COLUMN */

#primary {
	float: left;
	width: 646px;
	margin-right: 14px;
}

/* essentials */
#essentials {
	float:left;
	width:646px;
	height:239px;
	position:relative;
	background:url(../_img/home/bg_essentials.jpg) 0 40px no-repeat;}

#essentials .viewport {
	position:relative;
	width:579px;
	height:188px;
	margin:10px 0 0 40px;
	overflow:hidden;}

#essentials .viewport .filmstrip {
	position:absolute;}

#essentials .viewport ul {}
#essentials .viewport ul li {
	position:relative;
	float:left;
	width:193px;
	color:#fff;}
#essentials .viewport ul li .newFlag {
	position:absolute;
	top:0px;
	left:102px;
	width:78px;
	height:78px;
	text-indent:-9000px;
	overflow:hidden;
	background:url(../_img/new_flag.png) 0 0 no-repeat;}
#essentials .viewport ul li strong {
	display:block;
	font-weight:bold;
	font-size:13px;
	width:179px;
	margin:2px 0 4px 0;}
#essentials .viewport ul li p {
	line-height:16px;
	font-size:13px;
	width:179px;}
#essentials .btnPrev, #essentials .btnNext {
	background:url(../_img/media_sprites.gif) 0 0 no-repeat;
	position: absolute;
	display: block;
	text-indent:-9000px;
	width: 32px;
	height: 64px;
	z-index:100;}
#essentials .btnPrev {
	top:75px;
	left:8px;
	background-position:-837px -19px;}
#essentials .btnPrev:hover {
	background-position:-908px -19px;}
#essentials .btnNext {
	background-position:-870px -19px;
	top:75px;
	left:605px;}
#essentials .btnNext:hover {
	background-position:-941px -19px;}

/* primary sidepanel overrides */
#primary .sidebarPanel {
	float:left;
	margin-top:15px;}

#primary  .sidebarPanel .hdr h2 {
	font-weight:bold;
	padding-top:13px;}

#primary #sidebarNews {
	margin-left:14px;}

#primary .sidebarPanel li {
	padding:13px;
	height:107px;
	overflow:hidden;}

#primary .sidebarPanel li .entry {
	height:52px;
	overflow:hidden;}

#primary .sidebarPanel li .entry p {
	margin:0;
	padding:0;}

#primary .sidebarPanel li p.stats {
	height:auto;}

#primary .sidebarPanel li p.stats .count {
	color:#9e2d32;
	padding:5px 12px 0 3px;
	width:auto;
	background:url(../_img/bg_secondary_sprites.gif) right -102px no-repeat;}



#featurePromo {
	color: #4e4e4e;
	margin-bottom: 15px;
}

#featurePromo .top,
#subfooter .top  {
	background: url(../_img/bg_primary.gif) no-repeat -1292px  0;
	height: 13px;	
	overflow: hidden;
}

#featurePromo .content {
	background: url(../_img/bg_primary.gif) repeat-y 0 0;		
	padding: 15px 30px 8px 30px;
}

#featurePromo .item {
	border-top:1px solid #dadada;
	margin-bottom: 31px;
	
}
#featurePromo .first{border:none;}

#featurePromo h2 {
	color: #993333;
	font-size: 35px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 20px 0 6px 0;
}

#featurePromo h2 a {
	color: #993333;
	text-decoration: none;
}


#featurePromo .first h2{margin: 0 0 6px 0;}

#featurePromo h3 {
	font-size: 21px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#featurePromo p {
	font-size: 12px;
	line-height: 17px;
	padding-bottom:10px;
}
#featurePromo a.link {
	text-decoration:none;
	font-size:12px;
}

#featurePromo .more {
	border-top: solid 1px #dadada;
	line-height: 17px;
	padding: 18px 0 0 0;
	display: block;
	font-size: 12px;
	text-decoration: none;
}
	#featurePromo .more a:hover {text-decoration:underline;}

#featurePromo .bottom,
#subfooter .bottom {
	background: url(../_img/bg_primary.gif) no-repeat -646px 0;
	height: 13px;	
}

#subfooter .content {
	padding: 0 0 0 34px;
	background: url(../_img/bg_primary.gif) repeat-y 0 0;		
}

#subfooter .content .esrb {
	background: url(../_img/esrb.gif) no-repeat left 0;	
	height: 36px;
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding:24px 0 0 60px;
}