/*
* HTML 5 Boilerplate 
*/
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
::-moz-selection{ background: #74AF05; color:#fff; text-shadow: none; }
::selection { background: #74AF05; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #74AF05; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/**
 * COD XP Global Styles
 */
html {
	height: 100%;
	overflow-y: scroll;
	background: #000 url(/xp/img/bg_page.jpg) 50% 0 no-repeat;
}
html.home {
	background : #000;
}

body#xp  {
	width: 100%;
	height: 100%;
}

#xp body, 
#xp header, 
#xp nav, 
#xp footer, 
#xp div, 
#xp p, 
#xp li, 
#xp td, 
#xp select, 
#xp input, 
#xp textarea {
	font-family: helvetica, arial, sans-serif;
	color : #838383;
}
#xp .white_txt {color: #fefefe;}

#xp h1, #xp h2, #xp h3, #xp h4, #xp h5, #xp h6 { font-weight: bold; }

#xp h1 {
	font-size: 50px;
	color: #fff;
	text-indent: -999em;
	background: transparent url(/xp/img/xp_page_titles.png) 0 -82px no-repeat;
	height: 59px;
}

#xp h3 {
	font-size: 24px;
	color: #8cb61b;
	margin: 0 0 20px 0;
	letter-spacing: 1px;
}
#xp header h3 {
	font-size: 36px;
	color: #8cb61b;
	margin: 0;
	padding-left: 8px;
	height: 30px;
	line-height: 30px;
	letter-spacing: 1px;
}
#xp h3 sup {font-size: 14px;}
#xp h3.extralines {margin-top: -10px !important;}

#xp a, #xp a:active, #xp a:visited { color: #838383; font-weight: normal; text-decoration: none; outline: none; }
#xp a:hover { color: #fff; text-decoration: none; }

#xp #container {
	position: relative;
	text-align: left;
	width : 100%;
	/* min-height : 100%; */
}

#xp .content {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 900px;
}


/* Hero */
#xp #container {
	overflow-x: hidden;
}
#xp #footer-wrapper {
    left: 0;
    position: absolute;
    top: 600px;
    width: 100%;
}
#xp #main {
	height : 850px;
	width : 100%;
	margin : -150px 0 0 0;
	padding : 110px 0 0 0;
}
/* Different hero backgrounds */
#xp #main.titles.one {
	background: #000000 url(/xp/img/Home_Hero_01.jpg) 50% -57px no-repeat;
}
#xp #main.titles.two {
	background: #000000 url(/xp/img/Home_Hero_02.jpg) 50% -70px no-repeat;
}
#xp #main.titles.three {
	background: #000000 url(/xp/img/Home_Hero_03.jpg) 50% -57px no-repeat;
}
#xp #main.titles.four {
	background: #000000 url(/xp/img/Home_Hero_04.jpg) 50% -60px no-repeat;
}
#xp #main.titles.five {
	background: #000000 url(/xp/img/Home_Hero_05.jpg) 50% -60px no-repeat;
}
#xp #main.titles.live_stage {
	background: #000000 url(/xp/img/Home_Hero_live_stage.jpg) 50% -60px no-repeat;
}
#xp #main.titles.open_night {
	background: #000000 url(/xp/img/Home_Hero_open_night.jpg) 50% -65px no-repeat;
}
#xp #main.titles.countdown,
#xp #main.titles.view_live {
	background: #000000 url(/xp/img/Home_Hero_countdown.jpg) 50% 27px no-repeat;
}

/* Hero Container */
#xp #hero {
	position: relative;
	padding: 170px 0 0 0;
	text-align: left;
}


/* Individual Heros */
#xp .hero {
	display: none;
	height: 270px;
	padding: 0;
}
#xp #main.tickets.sold .hero.tickets.sold,
#xp #main.tickets.drive .hero.tickets.drive,
#xp #main.titles.map .hero.titles.map, 
#xp #main.titles.one .hero.titles.one,
#xp #main.titles.two .hero.titles.two,
#xp #main.titles.three .hero.titles.three,
#xp #main.titles.four .hero.titles.four,
#xp #main.titles.five .hero.titles.five,
#xp #main.titles.live_stage .hero.titles.live_stage,
#xp #main.titles.open_night .hero.titles.open_night,
#xp #main.titles.countdown .hero.titles.countdown,
#xp #main.titles.view_live .hero.titles.view_live {
    display: block;
}

#xp #main.titles.five .hero.titles.five {
	margin-top: -23px;
}


/* H1 */
#xp .hero h1 {
	font-size : 100px;
	color : #fff;
	text-indent: -999em;
	margin : 0 auto;
}

#xp .hero.titles h1 {
	height : 200px;
	width : 900px;
	margin-bottom : 30px;
}

#xp .hero.titles.one h1 {
	width : 823px;
	height : 100px;
	background : transparent url(/xp/img/Home_Hero_Title_01.png) 50% -358px no-repeat;
}
#xp .hero.titles.two h1 {
	height : 140px;
	width : 450px;
	margin : 0;
	background : transparent url(/xp/img/Home_Hero_Title_02.png) -390px -327px no-repeat;
}
#xp .hero.titles.three h1 {
	height : 105px;
	width : 410px;
	margin : 0;
	background : transparent url(/xp/img/Home_Hero_Title_03.png) -390px -352px no-repeat;
}
#xp .hero.titles.four h1 {
	width : 668px;
	height : 100px;
	background : transparent url(/xp/img/Home_Hero_Title_04.png) 50% -358px no-repeat;
}
#xp .hero.titles.five h1 {
	width : 909px;
	height : 161px;
	background : transparent url(/xp/img/Home_Hero_Title_05.png) 50% -352px no-repeat;
}
#xp .hero.titles.live_stage h1 {
	width : 900px;
	height : 156px;	/* 133px; - just announced */
	background : transparent url(/xp/img/Home_Hero_Title_live_stage.png) -390px -323px no-repeat;
}
#xp .hero.titles.open_night h1 {
	height : 205px;
	width : 400px;
	margin : -17px 0 0;
	background : transparent url(/xp/img/Home_Hero_Title_open_night.png) -390px -327px no-repeat;
}
#xp .hero.titles.countdown h1 {
	width : 775px;
	height : 148px;
	background : transparent url(/xp/img/Home_Hero_Title_countdown.png) 50% 0 no-repeat;
	margin: -72px auto 0;
}
#xp .hero.titles.view_live h1 {
	width : 836px;
	height : 114px;
	background : transparent url(/xp/img/Home_Hero_Title_view_live.png) 50% 0 no-repeat;
}

/* H2 */
#xp .hero h2 {
	font-size: 50px;
	color: #fff;
	text-indent: -999em;
	margin : 0px auto 0;
}
#xp .hero.titles h2 { 
	width : 154px;
	height : 26px;
}
#xp .hero.titles.countdown h2,
#xp .hero.titles.view_live h2 {width: 253px;}

#xp .hero h2 a {
	display: block;
	font-size: 24px;
	color: #fff;
	text-indent: -999em;
	height: 26px;
	background: url(/xp/img/home-page-assets.png) -48px -362px no-repeat;
}
#xp .hero.titles.one h2 a,
#xp .hero.titles.two h2 a,
#xp .hero.titles.four h2 a,
#xp .hero.titles.live_stage h2 a,
#xp .hero.titles.open_night h2 a {
	background: url(/xp/img/home-page-assets.png) -48px -362px no-repeat;
	width : 154px;
}
#xp .hero.titles.one h2 a:hover,
#xp .hero.titles.two h2 a:hover,
#xp .hero.titles.four h2 a:hover,
#xp .hero.titles.five h2 a:hover,
#xp .hero.titles.live_stage h2 a:hover,
#xp .hero.titles.open_night h2 a:hover {
	background-position : -389px -362px;
}
#xp .hero.titles.two h2,
#xp .hero.titles.three h2,
#xp .hero.titles.live_stage h2,
#xp .hero.titles.open_night h2 {
	margin : 20px 0 0 0;
}
#xp .hero.titles.three h2 a {
	background-position : -48px -453px;
	width : 317px;
}
#xp .hero.titles.three h2 a:hover {
	background-position : -389px -453px;
	width : 317px;
}
#xp .hero.titles.countdown h2 a {
	background-position: -48px -407px;
	width: 253px;
}
#xp .hero.titles.countdown h2 a:hover {
	background-position: -389px -407px;
}
#xp .hero.titles.view_live h2 a {
	background-position: -48px -499px;
	width: 253px;
}
#xp .hero.titles.view_live h2 a:hover {
	background-position: -389px -499px;
}

/* Current Hero Index indicator */
#xp #indicator {
	width: 150px;
	margin : 0 auto 10px;
	height : 4px;
	padding: 7px 6px 7px 9px;
	background : url(/xp/img/home-page-assets.png) -48px -260px no-repeat;
}
#xp #indicator li {
	float : left;
	width : 22px;
	margin : 0 3px 0 0;
	list-style-type : none;
	background : #3e3e3e url(/xp/img/home-page-assets.png) -48px -290px no-repeat;
}
#xp #indicator li.active {background-position: -58px -303px;}
#xp #indicator li a {
	display: block;
	width: 22px;
	height: 4px;
	font-size: 1px;
	background-color: transparent;
}
#xp #indicator li a:hover {background-color: #77a816;}


/* Page Controls */
#xp .page-controls {
	position: absolute;
	top: 360px;
	width: 71px;
	height : 52px;
	font-size : 0;
}
#xp .page-controls a{
	background: transparent url(/xp/img/home-page-assets.png) -48px -60px no-repeat;
	display : block;
	height : 52px;
	width : 71px;
	color : #000;
}
#xp .page-controls a:hover {
	color : #000;
}
#xp #prev-page.page-controls a:hover {
	background-position : -48px -118px;
	
}
#xp #next-page.page-controls a {
	background-position : -260px -61px;
}
#xp #next-page.page-controls a:hover {
	background-position : -260px -119px;
}
#xp #prev-page { left: 0; }
#xp #next-page { right: 0; }


/* breadcrumbs */
#xp .breadcrumb_wrap {
	padding: 64px 0 0;
}
#xp #breadcrumb {
	float: left;
	width: auto;
	height: 30px;
}
#xp #breadcrumb * {
	vertical-align: bottom;
}
#xp #breadcrumb li {
	display: inline;
	float: left;
	background: transparent url(/xp/img/xp_breadcrumb.png) 0 -20px no-repeat;
	padding: 0 2px 0 13px;
	font-size: 11px;
	line-height: 18px;
	height: 15px;
	font-weight: bold;
	color: #ddd;
}
#xp #breadcrumb a {
	color: #797979;
	font-weight: bold;
}
#xp #breadcrumb a:hover {
	color: #8cb61b;
}
#xp #breadcrumb #breadcrumb-home {
	background: none;
	padding: 0;
}
#xp #breadcrumb #breadcrumb-home a {
	display: block;
	background: transparent url(/xp/img/xp_breadcrumb.png) 0 0 no-repeat;
	width: 13px;
	height: 0;
	padding: 14px 0 0 0;
	overflow: hidden;
}
#xp #breadcrumb #breadcrumb-home a:hover {
	background-position: -20px 0px;
}
#xp hr#nav_line { 
	border-top: 1px solid #292929;
	margin: 0;
	position: absolute;
	top: 105px;
	width: 100%;
}


/* navigation */
#xp #main_nav {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 59px 0 40px;
	z-index: 100;
}
#xp #nav_left,
#xp #nav_left li {
	float: left;
}
#xp #nav_right,
#xp #nav_right li {
	float: right;
}
#xp .xp_nav li {
	display: inline;
	position: relative;
}
.xp_nav li a {
	display: block;
	height: 20px;
	text-indent: -999em;
	background: transparent url(/xp/img/xp_nav.png) 0 0 no-repeat;
}
#nav_event {width: 89px; margin-right: 23px; background-position: -4px 0px;}
#nav_tickets {width: 70px; margin-right: 20px; background-position: -116px 0px;}
#nav_tournament {width: 112px; background-position: -206px 0px;}
#nav_travel {width: 69px; background-position: -370px 0px;}
#nav_map {width: 97px; margin-left: 21px; background-position: -460px 0px;}
#nav_news {width: 50px; margin-left: 23px; background-position: -580px 0px;}
#nav_faq {width: 37px; margin-left: 25px; background-position: -655px 0px;}

#nav_event:hover, .event #nav_event {background-position: -4px -20px;}
#nav_tickets:hover, .tickets #nav_tickets {background-position: -116px -20px;}
#nav_tournament:hover, .tournament #nav_tournament {background-position: -206px -20px;}
#nav_travel:hover, .travel #nav_travel {background-position: -370px -20px;}
#nav_map:hover, .map #nav_map {background-position: -460px -20px;}
#nav_news:hover, .news #nav_news {background-position: -580px -20px;}
#nav_faq:hover, .faq #nav_faq {background-position: -655px -20px;}
#xp #xp_logo {
	background: transparent url(/xp/img/xp_logo.png) 0 0 no-repeat;
	position: absolute;
	left: 50%;
	top: -34px;
	width: 272px;
	height: 190px;
	margin-left: -136px;
	z-index: 200;
}
#xp #xp_logo_text {
	background: transparent url(/xp/img/xp_logo_text.png) 0 0 no-repeat;
	position: absolute;
	left: 50%;
	top: 133px;
	width: 324px;
	height: 12px;
	margin-left: -162px;
	text-indent: -999em;
	z-index: 199;
}
#xp a#purchase_tickets_btn {
	position: absolute;
	right: 0;
	top: 11px;
	display: block;
	background: url(/xp/img/btn_form.png) 0 -320px no-repeat;
	width: 194px;
	height: 26px;
	margin: 0;
	border: 1px solid #292929;
	font-size: 0;
	text-indent: -999em;
}
#xp a#purchase_tickets_btn:hover {
	background-position: 0 -350px;
}
#xp a#view_live_now_btn {
	position: absolute;
	left: 0;
	top: 11px;
	display: block;
	background: url(/xp/img/btn_form.png) -143px -380px no-repeat;
	width: 157px;
	height: 26px;
	margin: 0;
	border: 1px solid #292929;
	font-size: 0;
	text-indent: -999em;
}
#xp a#view_live_now_btn:hover {
	background-position: -143px -410px;
}
/*#xp .phase4 a#purchase_tickets_btn {display: none;}*/
#xp .phase4 a#view_live_now_btn {display: block;}


/* phase_two - TEMP */
.phase_two #nav_news {display: none;}
.phase_two #nav_map,
.phase_two #nav_faq {margin-left: 55px;}


#xp header {
	width: 918px;
	padding: 42px 0 0;
	margin: 0 auto;
	position: relative;
	z-index: 300;
	background: transparent url(/xp/img/sponsor_banner.png) 100% 100% no-repeat;
}
#xp .xp header {
	padding: 140px 0 100px;
	width: 746px;
}
#xp #rotor {
	height: 151px;
	width : 746px;
	margin : 0 auto;
}


/* corners */
#xp .corners_wrap {
	width: 950px;
	margin: 0 auto;
	opacity: 0.75;
}
#xp .corner {
	width: 16px;
	height: 16px;
	background: transparent url(/xp/img/bg_corner.png) 0 0 no-repeat;
}
#xp #tl {float: left; background-position: 0px 0px; clear : both;}
#xp #tr {float: right; background-position: -16px 0px;}
#xp #bl {float: left; background-position: 0px -16px;}
#xp #br {float: right; background-position: -16px -16px;}


/* info */
#xp #info_wrap {
	width: 900px;
	margin: 0 auto;
	padding: 9px;
	position: relative;
	overflow: hidden;
}
#xp .transparency {
	width: 918px;
	height: 4000px;
	background-color: #333;
	opacity: 0.3;  
	filter: alpha(opacity=30);  
	-moz-opacity: 0.3; 
	position: absolute;  
	top: 0px;  
	left: 0px;  
	z-index: -1;
}
#xp #footer-wrapper .transparency {z-index: auto;}
#xp .info_stripes {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background: #000 url(/xp/img/bg_hp_declassified.jpg) 0 -20px no-repeat;
}
#xp .info_content {
	/*width: 830px;*/
	margin: 0 auto;
	padding: 23px 5px 20px 35px;
	position: relative;
}
#xp .content_wrap {
	border: solid 1px  #292929;
	padding: 28px 70px 63px 0;
	position: relative;
	background-color: #000;
	background-position: 50% 0;
	background-repeat: no-repeat;
}
#xp a.info_cta {
	color: #8cb61b;
	font-style: italic;
}
#xp a.info_cta:hover {color: #fff;}


/* social-links */
#xp  #social-links {
	position: fixed;
	top: 204px;
	right: 0;
	list-style:none;
	list-style-image: none;
	z-index: 400;
}
.home #xp  #social-links {
	position: absolute;
}
#xp #social-links a {
	display: block;
	background: transparent url(/xp/img/social_links.png) -5px -7px no-repeat;
	width: 40px;
	height: 32px;
	text-indent: -999em;
}
#xp #social-links a#social-twitter { background-position: -5px -39px; }
#xp #social-links a#social-youtube { background-position: -5px -71px; }
#xp #social-links a:hover { background-position: -50px -7px; }
#xp #social-links a#social-twitter:hover { background-position: -50px -39px; }
#xp #social-links a#social-youtube:hover { background-position: -50px -71px; }


/* declassified */
#xp #declassified {
	float: left;
	width: 420px;
}
#xp #declassified li {
	/*margin: 0 0 0 11px;*/
	list-style-type: none;
	line-height: 23px;
}
#xp #declassified li a {
	font-size: 15px;
	font-style: italic;
	color: #ddd;
	padding: 0 0 0 14px;
	background: transparent url(/xp/img/xp_breadcrumb.png) 0 -44px no-repeat;
}
#xp #declassified li a:hover {
	color: #8cb61b;
}


/* qualifications */
#xp #qualifications {
	float: left;
	padding: 0 0 0 30px;
	width: 390px;
	
}
#xp #qualifications p {
	color : #ddd;
	font-size: 15px;
	line-height: 20px;
}
#xp #qualifications .info_cta_wrap {
	margin: 18px 0 0 0;
}


/* Partners */
#xp #partners-wrapper {
	background : #000 url(/xp/img/bg_hp_sponsor.jpg) 50% 0 no-repeat;
	padding: 40px 0 0;
	border-bottom : 1px solid #262626;
	margin : 0 0 30px 0;
	height : 231px;
}
#xp #partners {
	width : 900px;
	margin : 0px auto 0px auto;
	text-align : left;
}
#xp #partners h3 {
	margin: 0 0 3px;
}
#xp #partners h1 {
	background: transparent url(/xp/img/xp_page_titles.png) -9px -513px no-repeat;
	height : 42px;
}
#xp #partners p {
	font-size: 15px;;
	float: left;
	padding: 0;
    margin: 18px 0 0 0;
}
#xp #partners p#xbox {width: 450px; margin-left: 42px;}
#xp #partners p#jeep {width: 224px;}
#xp #partners p#mtndew {width: 140px;}

#xp #partners a {
	display: block;
	height: 110px;
	background-color: transparent;
	background-image: url(/xp/img/bg_hp_partners.png);
	background-repeat: no-repeat;
    text-indent: -999em;
}
#xp #partners #xbox a {
	background-position: 0 0;
	width: 380px;
}
#xp #partners #jeep a {
	background-position: 0 -150px;
	width: 120px;
}
#xp #partners #mtndew a {
	background-position: 0 -300px;
	width: 140px;
}


/* Share */
#xp #share {
	float : right;
}
#xp .addthis_toolbox {
	height : 30px;
}


/* Subnav */
#xp #subnav_wrap {
	float: left;
	width: 268px;
	padding-top: 15px;
}
#fixed_nav {
	position: static;
	top: 0;
}
#xp #subnav_wrap ul {
	list-style-type: none;
}
#xp #subnav_wrap li a {
	display: block;
	width: 230px;
	height: 36px;
	background-color: transparent;
	background-image: url(/xp/img/bg_subnav.png);
	background-repeat: no-repeat;
	text-indent: -999em;
}

#xp #sub_overview {background-position: 0px 0px;}
#xp #sub_overview:hover {background-position: -230px 0;}
#xp #sub_overview.selected {background-position: -460px 0;}

#xp #subnav_wrap li li.first {padding-top: 4px;}
#xp #subnav_wrap li li a {
	width: 192px;
	height: 34px;
	padding-left: 20px;
	font-size: 14px;
	line-height: 34px;
	color: #7e7e7e;
	background: transparent url(/xp/img/bg_subnav_sub.png) 0 0 no-repeat;
	text-indent: 0;
}
#xp #subnav_wrap li li a:hover {
	background: transparent url(/xp/img/bg_subnav_sub.png) 0 -34px no-repeat;
	color: #fff;
}
#xp #subnav_wrap li li a.selected {
	background: transparent url(/xp/img/bg_subnav_sub.png) 0 -68px no-repeat;
	color: #8cb61b;
}

/* Sub content */
#xp #sub_content {
	float: left;
	width: 560px;
}
#xp #sub_content h1 {
	color: #8cb61b;
	font-size: 51px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	background: none;
	text-indent: 0;
}
#xp #sub_content h2 {
	color: #8cb61b;
	font-size: 41px;
	line-height: 24px;
}
#xp #sub_content h3 {
	margin: 0;
	line-height: 24px;
}
#xp #sub_content h3 span {
	color: #fff;
}
#xp #sub_content p {
	font-size: 15px;
	line-height: 21px;
	margin-top: 20px;
}
#xp #sub_content .em {
	font-style: italic;
}
#xp #sub_content .sub_hero {
	margin-top: 10px;
}
#xp #sub_content .sub_hero p {
	color: #ddd;
	margin-top: 15px;
}
#xp #sub_content .sub_topic {
	padding-top: 43px;
	margin-bottom: 40px;
	background: transparent url(/xp/img/bg_sub_content_divider.png) 50% 0 no-repeat;
	position: relative;
}
#xp #sub_content .sub_topic p {
	margin-top: 10px;
}
#xp #sub_content li {
	float: left;
	width: 250px;
	list-style-type: none;
}
#xp #sub_content li.left_col {
	margin-right: 40px;
}

#xp #sub_content .info_list {
	list-style-type: none;
	margin: 15px 0 0px 20px;	/* 15px 0 28px 20px; */
}
#xp #sub_content .info_list li {
	font-size: 15px;
	line-height: 21px;
	/*color: #ddd;*/
	background: transparent url(/xp/img/xp_breadcrumb.png) 0 -42px no-repeat;
	padding: 0 0 6px 16px;
	float: none;
	width: auto;
}


/* Events */
#xp #event_overview {background-position: 0px -82px;}
#xp #event_exper {background-position: 0px -145px;}

#xp #event_overview_wrap {
	background-image: url(/xp/img/bg_event_overview.png);
	height: 479px;
}
#xp #event_exper_wrap {
	background-image: url(/xp/img/bg_event_exper.jpg);
	background-position: 100% 0;
}

#xp #sub_event_exper {background-position: 0px -36px;}
#xp #sub_event_exper:hover {background-position: -230px -36px;}
#xp #sub_event_exper.selected {background-position: -460px -36px;}

#xp #sub_content .first.sub_topic {
	width: 450px;
	background: none;
}
#xp #sub_content .first h3 {
	font-size: 51px;	/* 41px */
	letter-spacing: 0px;
}
#xp #sub_content .first p {
	color: #ddd;
	width: 360px;
}

#xp #sub_content .kanye {
	height: 265px;
}
#xp #sub_content .kanye p {
	width: 360px;
}
#xp #sub_content .kanye img {
	display: block;
	position: absolute;
	right: 0;
	top: 43px;
}

#xp .back_to_top {
	float: right;
	display: block;
	width: 56px;
	height: 14px;
	background: transparent url(/xp/img/xp_arrows.png) 0 0 no-repeat;
	text-indent: -999em;
}
#xp .back_to_top:hover {
	background-position: 0 -20px;
}
#xp .event #sub_content p.info_cta_wrap {margin-top: 12px;}
#xp .inline_photo {
	margin: 18px 0 ;
}

/* thumb_wrap */
#xp .thumb_glow {
	width: 100%; /*272px;*/
	height: 133px;
	margin: -20px 0 0;
	padding: 0 0 0 57px;
	position: relative;
	left: -57px;
	bottom: -40px;
	overflow: hidden;
	background: transparent url(/xp/img/bg_thumb_glow.png) 0 58px no-repeat;
}
#xp #sub_content .sub_topic .thumb_glow p {
	margin: 0 0 0 186px;
}
#xp .thumb_wrap {
	width: 150px;
	height: 84px;
	margin: 8px 0 0;
	padding: 4px;
	position: relative;
	overflow: hidden;
	float: left;
}
#xp .thumb_wrap .transparency {
	width: 158px;
	height: 92px;
	background-color: #666;
	z-index: auto;
}
#xp .thumb_wrap a {
	display: block;
	position: absolute;
	z-index: 1;
}
#xp .thumb_wrap img,
#xp .thumb_wrap span {
	display: block;
}
#xp .icn_img span {
	width: 41px;
	height: 41px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	background: transparent url(/xp/img/icn_popup.png) 0 0 no-repeat;
	z-index: 2;
}
#xp .pop_video .icn_img span {
	background-position: -41px 0;
}
#xp .icn_img:hover span {
	background-position: 0 -41px;
}
#xp .pop_video .icn_img:hover span {
	background-position: -41px -41px;
}
/* image_popup */
#image_popup {
	display: none;
	position: absolute;
	left: 50%;
	top: 0px;
	width: 802px;
	height: 451px;
	margin-left: -401px;
    overflow: hidden;
    padding: 9px;
	z-index: 1000;
}
#xp #image_popup .transparency {
	width: 820px;
		z-index: auto;
}
#image_popup img {
	display: block;
	width: 802px;
	height: 451px;
}

.popup_close_wrap {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 34px;
	height: 34px;
	background-color: #161616;
}
.btn_close {
	display: block;
	width: 24px;
	height: 24px;
	margin: 5px;
	background: transparent url(/xp/img/icn_popup.png) 0 -85px no-repeat;
	text-indent: -999em;
}
.btn_close:hover {
    background-position: -41px -85px;
}
.pop_curtain {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
	/*background-color: #000;*/
	background: transparent url(/xp/img/colorbox/overlay.png) 0 0 repeat;
	z-index: 999;
}


/* Event Map */
#xp .map header {
	padding: 72px 0 0;
	background: none;
}
#xp #info_wrap_map {
	width: 960px;
	margin: 0 auto;
	padding: 9px;
	position: relative;
	overflow: hidden;
}
#xp #info_wrap_map .transparency {width: 978px;}
#xp #flash_wrap {background-color: #000;}
#xp #info_wrap_map object {display: block;}


/* FAQ */
#xp .faq header {
	padding: 72px 0 0;
}
#xp .faq header h1 {
	background-position: 0 0;
}
#faq dt, #faq dd {
	border: solid 1px  #292929;
}
#faq dt, #faq dd {
	background: url(/xp/img/bg_faq_dt.png);
}
#faq dt a:link, #faq dt a:visited, #faq dt a:active {
	display: block;
	background: url(/xp/img/faq_arrow.png) 17px 10px no-repeat;
	color: #c0c0c0;
	font-size: 18px;
	line-height: 22px;
	padding: 8px 15px 8px 60px;
}
#faq dt a:hover {color: #fff;}
#faq dt.active a {
	background: url(/xp/img/faq_arrow_active.png) 11px 15px no-repeat;
	color: #fff;
}
#faq dd {
	display: block;
	background: url(/xp/img/bg_faq_dd.png);
	font-size: 15px;
	line-height: 22px;
	padding: 0 15px 0 60px;
}
#faq p {
	margin: 15px 0;
}
#faq ul {
	margin: 15px 0;
	padding-left: 30px;
}
#faq dd a:link, #faq dd a:visited, #faq dd a:active {color: #ddd;}
#faq dd a:hover {color: #fff;}


/* Tickets */
#xp #tickets_overview_wrap {
	background-image: url(/xp/img/bg_tickets_overview.jpg);
}

#xp #ticket_information {background-position: 0px -205px;}
#xp #sub_content h2 .nth {font-size: 18px;}
#xp #tickets_hero {height: 360px;}
#xp .tickets #sub_content p.info_cta_wrap {margin-top: 12px;}

#xp #sub_ticket_info {background-position: 0px -108px;}
#xp #sub_ticket_info:hover {background-position: -230px -108px;}
#xp #sub_ticket_info.selected {background-position: -460px -108px;}

#xp #sub_win_tickets {background-position: 0px -288px;}
#xp #sub_win_tickets:hover {background-position: -230px -288px;}
#xp #sub_win_tickets.selected {background-position: -460px -288px;}

#xp #sub_watch_live {background-position: 0px -324px;}
#xp #sub_watch_live:hover {background-position: -230px -324px;}
#xp #sub_watch_live.selected {background-position: -460px -324px;}

#xp #sub_restrictions {background-position: 0px -144px;}
#xp #sub_restrictions:hover {background-position: -230px -144px;}
#xp #sub_restrictions.selected {background-position: -460px -144px;}

/* Tickets - On Sale Now */
#xp #tickets_onsalenow {background-position: 0px -625px;}
#xp #tickets_onsalenow_wrap {background-image: url(/xp/img/bg_tickets_onsalenow.jpg);}
#xp #tickets_onsalenow_wrap #sub_content {
	float: none;
    width: auto;
	margin: 0 10px 0 80px;
}
#xp #tickets_onsalenow_wrap #sub_content .first p {
    width: 100%;
	font-size: 18px;
	line-height: 26px;
	margin: 50px 0 5px;
}
#xp #tickets_onsalenow_wrap .info_list {
	float: left;
	width: 330px;
	margin: 15px 15px 0px 20px;
	display: inline;
}
#xp #tickets_purchase_btn_wrap {margin: 179px 0 0;}
#xp .tickets_purchase_btn {
	position: relative;
	display: block;
	width: 132px;
	height: 25px;
	margin: 20px auto 0;
	background: url(/xp/img/btn_form.png) 0 -380px no-repeat;
	text-indent: -999em;
}
#xp .tickets_purchase_btn:hover {background-position: 0 -410px;}
#xp .fine_print {
    background: transparent url(/xp/img/bg_sub_content_divider.png) 50% 0 no-repeat;
    margin-top: 42px;
    padding: 28px 12px 0;
    position: relative;
}
#xp #sub_content .fine_print p {
	font-size: 11px;
	line-height: 15px;
    margin-top: 15px;
}


/* Tickets - Buy Now */
#xp #tickets_buynow_wrap {
	background-image: url(/xp/img/bg_tickets_buynow.jpg);
	background-position: 50% -15px;
}
#xp #tickets_buynow_wrap #tickets_hero {height: 400px;}
#xp #tickets_buynow_btn {
	position: absolute;
	left: 466px;
	top: 369px;
	display: block;
	width: 195px;
	height: 36px;
	background: url(/xp/img/bg_tickets_buynow_hover.gif) 0 -45px no-repeat;
	text-indent: -999em;
}
#xp #tickets_buynow_btn:hover {background-position: 0 0;}

/* Tickets - Sold Out */
#xp #tickets_soldout_wrap {
	background-image: url(/xp/img/bg_tickets_soldout.jpg);
	background-position: 50% 30px;
}
#xp #tickets_soldout_wrap #tickets_hero {height: 420px;}
#xp #tickets_soldout_wrap .sub_hero h3 {color: #ddd;}
#xp a#enter_now_btn {
	display: block;
	background: url(/xp/img/btn_form.png) -155px 0 no-repeat;
	width: 145px;
	height: 25px;
	margin: 25px 0 0;
	border: 0;
	font-size: 0;
	text-indent: -999em;
}
#xp a#enter_now_btn:hover {
	background-position: -155px -30px;
}


/* Tickets - Partner Promotions - TBD */
#xp #ticket_win {background-position: 0px -385px;}
#xp #tickets_win_wrap {
	background-image: url(/xp/img/bg_tickets_win.jpg);
	padding: 28px 35px 63px 0;
}
#xp #tickets_win_wrap #sub_content {width: 589px;}
#xp #tickets_win_wrap #sub_content .first {padding-top: 10px;}
#xp #tickets_win_wrap #sub_content .first h3 {font-size: 41px;}

#xp #sub_content .with_logo {padding-left: 180px;}
#xp #sub_content .with_logo.disabled h3,
#xp #sub_content .with_logo.disabled p,
#xp #sub_content .with_logo.disabled .logo_link {
	opacity: 0.2;
	filter: alpha(opacity=20);  
	-moz-opacity: 0.2; 
}
#xp .contest_closed {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	background: url(/xp/img/bg_contest_closed.png) 130px 70px no-repeat;
}
#xp .disabled .contest_closed {display: block;}
#xp #sub_content .with_logo .logo_link {
	position: absolute;
	left: 0;
	top: 30px;
	display: block;
	width: 180px;
	height: 100px;
	background-color: transparent;
	background-image: url(/xp/img/xp_partner_logos.png);
	background-repeat: no-repeat;
	text-indent: -999em;
}
#xp #sub_content .with_logo #doritos {background-position: -66px -500px;}
#xp #sub_content .with_logo #doritos:hover {background-position: -328px -500px;}
#xp #sub_content .with_logo #mtndew {background-position: -66px -800px;}
#xp #sub_content .with_logo #mtndew:hover {background-position: -328px -800px;}
#xp #sub_content .with_logo #gamestop {background-position: -66px -200px;}
#xp #sub_content .with_logo #gamestop:hover {background-position: -328px -200px;}


/* Tickets - Watch It Live - TBD */
#xp #ticket_watch {background-position: 0px -445px;}
#xp #tickets_watch_wrap {background-image: url(/xp/img/bg_tickets_watch.jpg);}
#xp #tickets_watch_wrap #tickets_hero {height: 445px;}


/* Tournament */
#xp #tournament_overview_wrap {
	background-image: url(/xp/img/bg_tournament_overview.jpg);
	padding: 28px 35px 63px 0;
}
#xp #tournament_overview_wrap #sub_content {width: 589px;}

#xp #sub_tourn_qual {background-position: 0px -360px;}
#xp #sub_tourn_qual:hover {background-position: -230px -360px;}
#xp #sub_tourn_qual.selected {background-position: -460px -360px;}

#xp .tournament #sub_content .sub_topic {padding-top: 27px;}
#xp .tournament #sub_content .info_list {width: 495px;}
#xp .tournament #sub_content .sub_hero p {
    color: #838383;
    margin-top: 15px;
}



/* Bracket - TBD */
#xp #bracket_overview_wrap {
	background-image: url(/xp/img/bg_bracket.png);
	background-position: 100% -20px;
}

#xp #tourn_bracket {background-position: 0px -325px;}

#xp #sub_bracket {background-position: 0px -180px;}
#xp #sub_bracket:hover {background-position: -230px -180px;}
#xp #sub_bracket.selected {background-position: -460px -180px;}

#xp #sub_content .sub_hero p#bracket-btn {
	margin-top : 40px;
}
#xp #sub_content #bracket-btn a {
	width : 275px;
	height : 35px;
	text-indent : -999em;
	display : block;
	background : url(/xp/img/btn_form.png) 0 -180px no-repeat;
}
#xp #sub_content #bracket-btn a:hover {
	background-position: 0 -220px;
}
#xp #bracket_overview_wrap #schedule {
	margin : 160px 0 0 0 ;
}
#xp #bracket_overview_wrap #schedule h3 {
	color : #fff;
	margin : 0 0 20px 0;
}
#xp #bracket_overview_wrap #schedule dl {
	height : 20px;
	clear : both;
}
#xp #bracket_overview_wrap #schedule dt {
	color : #fff;
	float : left;
	width : 135px;
}
#xp #bracket_overview_wrap #schedule dd {
	float : left;
}


/* Travel */
#xp #travel_overview_wrap {
	background-image: url(/xp/img/bg_travel_overview.jpg);
	/*height: 470px;*/
}
#xp #sub_transportation {background-position: 0px -72px;}
#xp #sub_transportation:hover {background-position: -230px -72px;}
#xp #sub_transportation.selected {background-position: -460px -72px;}
#xp #sub_content p.indented {margin-left: 40px;}


/* Transportation */
#xp #travel_transportation_wrap {
	background-image: url(/xp/img/bg_travel_transportation.png);
	background-position: 50% 100%;
}
#xp #travel_transportation {background-position: 0px -265px;}
#xp .transportation .content_wrap {padding: 28px 35px 63px 0;}
#xp .transportation #sub_content {width: 589px;}
#xp .transportation #sub_content li {width: 294px;}
#xp .transportation #sub_content li p {margin: 10px 0 20px;}
#xp .transportation #sub_content .sub_topic {
	margin: 5px 0 0;
	padding-top: 25px;
}
#xp #sub_content h3.pad50 {margin-top: 50px;}

#xp .google_map_wrap .transparency {
	z-index: auto;
}
#xp .google_map_wrap {
	width: 571px;
	height: 363px;
	margin: 40px 0 22px;	/* 18px 0 22px */
	padding: 9px;
	overflow: hidden;
	position: relative;
}
#xp #map_canvas {
	width: 571px;
	height: 363px;
}
#xp #bg_map_shadow {
	background: transparent url(/xp/img/bg_map_shadow.png) 0 0 no-repeat;
	width: 571px;
	height: 363px;
	position: absolute;
	left: 9px;
	top: 9px;
	pointer-events: none;
}
.ie6 #xp #bg_map_shadow,
.ie7 #xp #bg_map_shadow,
.ie8 #xp #bg_map_shadow {
	display: none;
}
#xp a#driv_dir {
	display: block;
	background: url(/xp/img/btn_form.png) 0 -120px no-repeat;
	width: 216px;
	height: 25px;
	margin: 0;
	border: 0;
	font-size: 0;
	text-indent: -999em;
}
#xp a#driv_dir:hover {
	background-position: 0 -150px;
}


/* Sitemap - TBD */
#xp #sitemap {
	color: #ddd;
	margin-top: 70px;
	padding: 0 0 50px;
	text-align: center;
	font-size: 11px;
	position: relative;
	background: #000 url(/xp/img/xp_debris.png) 50% 90% no-repeat;	/* TO DO - replace with a new bg */
}
#xp #border_btm {
	display: block;
	clear: both;
	width: 100%;
	margin-bottom: 60px;
}
#xp #sitemap ul {
	list-style-type: none;
}
#xp .sm_col {
	float: left;
}
#xp #sm_event {width: 146px;}
#xp #sm_tournament {width: 167px;}
#xp #sm_travel {width: 136px;}
#xp #sm_tickets {width: 140px;}
#xp #sm_faq {width: 100px;}
#xp #sm_news {width: 109px;}
#xp #sm_map {width: 99px;}

#xp #sitemap h4 {
	margin-bottom: 20px;
}
#xp #sitemap h4 a {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
}
#xp #sitemap li li {
	padding-bottom: 10px;
}
#xp #sitemap li li a {
	font-size: 14px;
	color: #ddd;
}
#xp #sitemap li a:hover {
	color: #8cb61b;
}


/* Footer */
#xp footer {
	color: #ddd;
	background: #000;
	padding: 20px 0;
	text-align: center;
	font-size: 11px;
	position: relative;
	border-top: 1px solid #292929;
	border-top: none;	/* TO DO - remove when site map is added */
	margin-top: 90px;	/* TO DO - remove when site map is added */
	padding: 0 0 40px;	/* TO DO - remove when site map is added */
}
.age_verif #xp footer,
.home #xp footer {
	margin-top : 0;
}
#xp.short_page footer {
	padding: 0 0 10%;
}
#xp footer #border_btm {
	margin-bottom: 20px;
}
.home #xp footer #border_btm {
	margin-bottom: 0;
}

#xp footer #logos {
	margin: 0 0 20px;
}
#xp footer #logos li {
	display: inline;
	float: left;
	list-style-type: none;
}
#xp footer #logos a {
    background: transparent url(/xp/img/footer-sprite.gif) 0 0 no-repeat;
    display: block;
    height: 107px;
    text-indent: -999em;
}
#xp footer #logos a#footer_logo {
	width: 178px;
	height: 39px;
	background: transparent url(/xp/img/activision_logo.gif) 0 0 no-repeat;
	float: left;
	margin: 35px 390px 0 -10px;
}
#xp footer #logos .esrb-privacy {
    background-position: -281px 0;
    margin-right: 20px;
    width: 144px;
}
#xp footer #logos .pegi {
    background-position: -223px 0;
    margin-right: 20px;
    width: 58px;
}
#xp footer #logos .esrb-rpm {
    background-position: -802px 0;
    width: 98px;
}

#xp footer #policy {
	float: right;
	margin: 12px 0 0;
}
#xp footer #policy li {
	display: inline;
	float: left;
	list-style-type: none;
	padding: 0 4px 0 15px;
	line-height: 18px;
	height: 15px;
	background: transparent url(/xp/img/xp_breadcrumb.png) 0 -20px no-repeat;
}
#xp footer #policy li.first {
    background: none;
}
#xp footer a, 
#xp footer a:active, 
#xp footer a:visited {
	color: #fff; 
	font-size : 11px;
	font-weight: bold;
}
#xp footer a:hover {
	color: #8cb61b; 
}


/* Helper Classes */

#xp h3,
#xp #sub_content h1,
#xp #sub_content h2 {
	visibility: hidden;
}
.cufon-ready #xp h3,
.cufon-ready #xp #sub_content h1,
.cufon-ready #xp #sub_content h2 {
	visibility: visible !important;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}




/* PHASE 3 - Sep 1 */
/*
#xp a#view_live_now_btn {display: none;}
#xp p#cta_bracket {display: none;}
*/

/* PHASE 4 - Sep 2 */
#xp p#cta_prequal {display: none;}