/* global styles... including the global reset... */

/* --- *** START RESET *** --- */
html, body { width:100%; min-height:100%; height:auto !important; height:100%; margin:0; padding:0; text-align:left; }
body { font:normal 62.5% Tahoma; line-height:1em; background-color:#000; } /* background-color added specificly for this project... */
ul, ol, dl { list-style:none; }
ul,ol,li,h1,h2,h3,h4,h5,h6,strong,em,pre,form,body,html,p,blockquote,cite,code,fieldset,legend,input,embed,object,param,dl,dd,dt,kbd,samp,var,tt,table,th,td { margin:0; padding:0; font-style:normal; font-weight:normal; }
a img,:link img,:visited img { border:none; }
embed,object,param { display:block; }
/* typography reset... */
a, a:hover,a:visited,a:active,a:link,a:focus {  }
/* never reset focus as this is a valuable visible aid for screenreaders... but as you know most clients hate it... */
a:focus, object:focus { outline:none; }
/* form element reset... */
input[type=text]:focus, input[type=password]:focus, textarea:focus { outline: 0 none; }
input[type=submit] { cursor:pointer; }
input,fieldset,select,radio,textarea,button { background-color:transparent; border:none; overflow:visible; /* trigger haslayout for ie6/7, fixes the width bug on input's and buttons... */ } 
/* disabling safari resize handles, validator will not validate as this is a css3 property... */
textarea { resize:none; } 
/* - adjusted clearfix for FI. Fixes IE6 min-height issues when clearfix is used on a div... just in case we need it... */
.clearfix:after { content:" "; display:block; height:0; width:100%; clear:both; visibility:hidden; }
.clear { clear:both; font-size:1px; line-height:1px; height:0; } /* just incase we need a extra clear... */

/* --- *** START LAYOUT *** --- */
#pContainer { width:100%; height:100%; position:relative; }
	/* main heading offset when needed... */
	.offset { position:absolute; top:0 left:-9999px; font-size:0; line-height:0; }

	/* the main stage with the main stage bg... */
	#pStage { width:100%; min-height:580px; height:auto !important; height:580px; background:url(../img/main_stage_bg.png) no-repeat center 0; }
	.pHome #pStage { min-height:1481px; height:auto !important; height:1481px; background:url(../img/stage-home.jpg) no-repeat center 0; }
		/* specific theme container, contains the theme img... specifics targeted via classes... */
		#pTheme { width:100%; min-height:320px; height:auto !important; height:320px; }
			.pHome #pTheme {  } /* homepage specific.... */
			/* decorative theme shadow... */
			#pThemeShadow { width:100%; height:10px; background:url(../img/theme_shadow_bg.png) no-repeat center 0; position:absolute; top:30px; left:0; font-size:1px; line-height:1px; }
			/* the curtains... */
			#pCurtains { width:100%; min-height:490px; height:auto !important; height:490px; background:url(../img/curtains_bg.png) no-repeat center 0;  z-index:1; position:relative; }
			/* the content wrap... */
			#pContentWrap { width:958px; margin:0 auto; position:relative; padding:30px 0 0 0; }
				.pHome #pContentWrap { width:744px; padding: 238px 0 150px 36px; } /* homepage specific... */
				/* the logo... */
				#webLogo { position:absolute; top:45px; left:127px; z-index:1; }
				/* homepage carousel... */
				#themeCarousel { width:958px; min-height:458px; height:auto !important; height:458px; position:relative; }
				/* carousel logo specifics... */
					.pHome #webLogo { top:70px; left:37px; } /* homepage specific... */
					/* the main content wrap... and clipper... */
					#tCcontent { float:left; width:923px; height:458px; margin:0 0 0 17px; overflow:hidden; position:relative; } /* overflow added to act as a clipper... */
					/* the stage container... used as a big stage...  */
					#tCstage { width:9999px; position:relative; left:auto; } /* left value gets animated with javascript... */
						/* carousel theme content specifics... */
						.tCcontent { float:left; width:813px; min-height:295px; height:auto !important; height:295px; padding:155px 0 0 110px; position:relative; } /* height also needed to space out the content... */
						/* specifics... */
						.tCcontent .mainHeading { padding:0 0 19px 0; font-size:4.8em; color:#f8f0cb; text-transform:uppercase; }
						.tCcontent p { padding-right:475px; font-size:1.2em; }
						.tCcontent a.moreInfo { position:relative; display:inline-block; width:auto; height:26px; padding:2px 12px 2px 15px; margin:25px 0 0 0; color:#fff; font-size:1.2em; line-height:1.9em; font-weight:bold; text-decoration:none; background:url(../img/main_assets.png) no-repeat 0 -216px; text-shadow:#000 0 -1px 0; /* no support in IE... to bad.... */ }
						.tCcontent a.moreInfo:hover { text-decoration:none; }
							.moreInfoCorner { display:block; width:3px; height:30px; line-height:1px; font-size:1px; background:url(../img/main_assets.png) no-repeat -372px -216px; position:absolute; top:0; right:-3px; /* offset it slightly... and correct it with padding on the a itself... */ }
							/* theme decorative specifics... */
							.tCdecorative { position:absolute; top:8px; right:25px; width:420px; height:388px; }
					/* carousel buttons... */
					#tCbtnLeft { float:left; width:17px; margin:170px 0 0 -940px; } /* width of the main content + the btn itself... */
					#tCbtnRight { float:left; width:17px; margin:170px 0 0 0; }
						/* offset the images... */
						#tCbtnLeft a, #tCbtnRight a { color:#fff; font-size:2em; font-weight:bold; text-decoration:none; } 
						#tCbtnLeft a:hover, #tCbtnRight a:hover { color:#e30613; }

				/* homepage */
				.colMainHome { width: 450px; float: left; }
				.colSideHome { padding: 0 0 0 28px; width: 262px; float: left; }
					#homeNews h2 { font-size:15px; line-height: 15px; padding: 5px 0 17px 0;}	
					#homeNews p { color: #fff; padding-bottom: 3px; }	
					#homeNews .frame { position: absolute; left: 0px; top: 0px;padding: 34px 32px; background: transparent url(../img/frame.png) no-repeat left top; width: 162px; height: 105px;}	
					#homeNews .nItem { padding: 10px 0 25px 240px; position: relative; min-height: 151px; height: auto !important; height: 176px; }	
						
					.movie { position: relative; left: -15px; top: 10px; padding:50px 35px 0; width: 614px; height: 290px; background: transparent url(../img/bg_movie.png) no-repeat left top; }
						
					.program { top: 8px;position: relative; padding:6px 37px 0 25px; min-height: 180px; }
					.program .decoBg { width:293px; height: 303px; left: 0; top: -140px; background: transparent url(../img/bg_program.png) no-repeat left top; display: block; position: absolute; z-index: 0; }
					.programContent { font-size: 12px; line-height: 15px; position: relative; z-index: 1; }
					.programContent h2 { font-size: 15px; padding: 0 0 14px; }
					.programContent ul { padding: 0 0 11px; }
					.programContent li { padding: 0 0 10px; }
					.programContent a { display: block;font-weight: bold; }
					.programContent span.eventLink { display: block;font-weight: bold; color: #E30613; }
					.colMainHome a.readmore, .colSideHome a.readmore { font-size: 11px;line-height: 15px; padding: 0 12px 0 0; display: inline-block; float: left; font-weight: bold; background: transparent url(../img/arrow-readmore.png) no-repeat right 4px;}
					.colSideHome a.readmore { float: right; font-size: 12px;}
					
					.facebookFaces { padding: 15px 10px; margin: 0 0 10px; width: 200px; height: auto; background: #8B7449; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
					.facebookFaces iframe { width: 190px !important; max-height: 202px; }
					
					.social { padding:50px 17px 0; min-height: 723px; background: transparent url(../img/bg_social.png) no-repeat left top; }
					.social .twtr-tweet-text p{ background-color: #705934; font-size: 12px; }
					
					
				/* partners... */
				#pPartners, #pLocations { width:720px; padding:0 20px; overflow:hidden; display:inline-block; }
					/* content... */
					.pPcontent { float:left; width:350px; padding:0 20px 0 0; }
					/* become a partner form.. */
					.pPform { position:relative; float:left; width:335px; background:#121111 url(../img/main_assets.png) no-repeat -850px 0; padding:0 0 0 15px; margin:50px 0 0 0; overflow:hidden; display:inline-block; }
					.pPform fieldset { padding:0 0 15px 0;  }
					.pPform legend { width:325px; height:12px; padding:13px 10px 10px 0; }
					.pPform label { width:130px; display:inline-block; margin:0 10px 0 0; }
					.pPform ul { padding:18px 0 0 0; }
					.pPform li { min-height:35px; height:auto !important; height:35px; }
					
					#partnerListing { clear:both; }
					#partnerListing h2 { color:#e30613; font-size:1.8em; line-height:1.6em; font-weight:bold; }
						.partnerList { display:inline-block; }
						.partnerList li { float:left; margin: 0 10px 10px 0;}
						/* .partner-logo { padding: 4px; border: 1px solid #9a9a9a; margin: 4px; float: left; } */
						
				/* horeca... */
				#pHoreca { width:740px; min-height:115px; height:auto !important; height:115px; padding:0 0 0 20px; }
				#featuredHoreca { width:740px; min-height:115px; height:auto !important; height:115px; display:inline-block; }
				#featuredHoreca li { position:relative; width:310px; height:85px; float:left; padding:15px 20px; margin:0 20px 20px 0; background:#100f0f url(../img/main_assets.png) no-repeat -1203px 0; overflow:hidden; }
						/* specifics for the li's... */
						.firstOfThree { background-color:#202020 !important; background-position:-1203px -116px !important; } /* and a css3 selector just in case... */ #featuredHoreca li:nth-of-type(3n-2) { background-color:#202020 !important; background-position:-1203px -116px !important; }
					.entryImg { float:left; border:2px solid #333333; margin:0 20px 0 0; }
					.companyCredentials { color:#fff; font-size:1.2em; line-height:1.4em; }
						.companyName { color:#e30613; font-weight:bold; }
						a.toWebsite { font-size:1.2em; line-height:1.4em; text-decoration:underline; }
						a.toWebsite:hover { text-decoration:none; }
						/* category icons... */
						.catIcon { display:block; width:25px; height:26px; font-size:1px; line-height:1px; background:url(../img/main_assets.png) no-repeat 0 0; position:absolute; bottom:15px; right:15px;  }
							.restaurants .catIcon { background-position:-1224px -258px;  }
							.hotels .catIcon { background-position:-1249px -258px; }
							.cafetaria .catIcon { background-position:-1199px -258px; }

					/* horeca selector... */
					#pHorecaSelector { clear:both; min-height:250px; height:auto !important; height:250px; }
						#pHorecaSelectorCats { width:720px; height:30px; background:url(../img/main_assets.png) no-repeat -831px -287px; margin:0 0 5px 0; }
						#pHorecaSelectorCats li { float:left; height:30px; width:auto; background:url(../img/main_assets.png) no-repeat -831px -318px; margin:0 1px 0 0; padding:0 20px; }
							/* specifics... */
							#pHorecaSelectorCats .first {  }
							#pHorecaSelectorCats .activeCat { background-position:-831px -380px !important; }
						#pHorecaSelectorCats a { display:inline-block; width:auto; height:20px; font-size:1.2em; color:#fff; font-weight:bold; text-decoration:none; padding:5px 0 0 20px; margin:5px 0 0 0; background:url(../img/main_assets.png) no-repeat 0 0; }
							/* icons... */
							#hotels { background-position:-1300px -232px !important; }
							#restaurants { background-position:-1199px -232px !important; }
							#cafetaria { background-position:-1300px -256px !important; }

						/* results... */
						#pHorecaSelectorResults { }
						#pHorecaSelectorResults li { width:720px; height:30px; background:url(../img/main_assets.png) no-repeat -831px -349px; padding:0 0 0 0; margin:0 0 5px 0; }
							/* specifics... */
							#pHorecaSelectorResults .even { background-position:-831px -318px !important; } /* just in case a css3 selector... */ #pHorecaSelectorResults li:nth-child(even) { background-position:-831px -318px !important; }
						#pHorecaSelectorResults .companyName { color:#fff; font-size:1.2em; line-height:30px; font-weight:bold; float:left; width:220px; height:30px; padding:0 20px; }
						#pHorecaSelectorResults .companyDetails { color:#fff; font-size:1.2em; line-height:30px; float:left; width:350px; height:30px; }
						#pHorecaSelectorResults a { line-height:30px; }

					/* program selector/filter... */
					#pProgram { padding:0 0 0 20px; }
						#prItems { width:720px; }
						#prItems .prEntry { width:720px; min-height:30px; height:auto !important; height:30px; position:relative; margin:0 0 5px 0; }
						#prItems .prHeading { width:720px; height:30px; background:url(../img/main_assets.png) no-repeat -831px -349px; display:inline-block; margin:0 0 5px 0; cursor:pointer; }
							.prEntryDate { width:145px; height:23px; float:left; margin:0 205px 0 0; padding:7px 0 0 20px; background:url(../img/main_assets.png) no-repeat -831px -318px; }
								.prEntryDateData {  font-size:1.2em; line-height:1.2em; color:#fff; font-weight:bold; text-align:center; }
								.prEntryDateShort { font-size:0.8em; color:#fff; font-weight:normal; border:none; }
							.prFilterOptions { width:350px; height:30px; float:left; padding:0; }
								.prFilterCaption { line-height:1.2em; font-size:1.2em; color:#fff; font-style:normal; padding:7px 5px 0 0; vertical-align:top; display:inline-block; } 
								.filterOption { display:inline-block; width:auto; height:23px; background:url(../img/radio_btn.gif) no-repeat 0 0; font-size:1.2em; line-height:1.1em; color:#555 !important; padding:0 15px 0 20px; margin:7px 0 0 0; vertical-align:top; }
								a.filterOption:hover { text-decoration:none; } .filteringActive {  }
								.statusIcon { display:inline-block; width:22px; height:20px; background:url(../img/prentry_bg.gif) no-repeat right top; margin:5px 2px 0 10px; position:absolute; top:0; right:2px; }
									.statusIconOpen { background:url(../img/prentry_bg_open.gif) no-repeat right top; }
							/* active states... */
							#prItems .activeDate { background:url(../img/main_assets.png) no-repeat -831px -318px !important; }
							#prItems .activeDate .prEntryDate { background:url(../img/main_assets.png) no-repeat -831px -380px !important; }
							
							/* the items... */
							.prItem { width:680px; height:75px; background:#202020 url(../img/prentryitem_bg.gif) no-repeat 0 0; margin:0 0 5px 0; padding:15px 20px; position:relative; overflow:hidden; }
							.prEntry .even { background:#0f0e0e url(../img/prentryitem_bg_even.gif) no-repeat 0 0; } 
							.prEntry .last { margin-bottom:20px; } /* just in case a css3 selector... */ .prEntry div:last-child() { margin-bottom:20px; }
								.prItemImg {  float:left; border:2px solid #333333; margin:3px 20px 0 0; }
								.prItemDetails { }
							.prEntry h2 { font-size:1.2em; line-height:1.2em; color:#e30613; font-weight:bold; padding:0 0 7px 0; }
							.prItemDetails { font-size:1.2em; line-height:1.2em; color:#fff; }
							.prItemDetailsSpecs { }
							.prItemDetailsSpecs dt { float:left; width:80px; }
							.prItemDetailsSpecs dd { padding:0 0 5px 0; }
							.prEntry .readMore { display:block; width:20px; height:95px; background:url(../img/prentrymore_bg.gif) no-repeat 0 0; position:absolute; top:5px; right:5px; }
							.prEntry a.readMore:hover {  }
					
					/* dedicated event details... */
					#eventDetails { padding:0 0 0 20px; }
						#eventHeader { width:720px; height:30px; background:url(../img/main_assets.png) no-repeat -831px -318px; display:inline-block; margin:0 0 0 0; position:relative; }
						#eventHeader .prEntryDate { background:url(../img/main_assets.png) no-repeat -831px -380px !important; }						
						
							.backToArchive { position:absolute; top:5px; right:8px; }
							.backToArchive a  { position:relative; display:inline-block; width:auto; height:16px; padding:2px 9px 2px 15px; color:#fff; font-size:1.1em; line-height:1.4em; font-weight:bold; text-decoration:none; background:url(../img/main_assets.png) no-repeat -377px -241px; text-shadow:#000 0 -1px 0; /* no support in IE... to bad.... */ }
							.backToArchive a:hover { text-decoration:none; }
								.backToArchiveCorner { display:block; width:3px; height:20px; background:url(../img/main_assets.png) no-repeat -571px -241px; font-size:1px; line-height:1px; position:absolute; top:0; right:-3px; }
						
						#eventSpecifications { width:680px; background:#111010 url(../img/eventspecs_bg.gif) no-repeat 0 0; min-height:76px; height:auto !important; height:76px; margin:15px 0 0 0; padding:15px 20px; position:relative; clear:both; }
							/* bottom background span... */
							.eventSpecBottomBg { display:block; width:720px; height:3px; background:#111010 url(../img/eventspecs_bg_bottom.gif) no-repeat 0 bottom; line-height:1px; font-size:1px; position:absolute; bottom:-3px; left:0; clear:both; }
							/* specifications of the event... price enz... */
							.specifications { width:680px; height:75px; padding-top:15px; }
							.specifications h2 { font-size:1.2em; line-height:1.2em; color:#e30613; font-weight:bold; padding:0 0 7px 0; }	
								.eventDetailsSpecs {  font-size:1.2em; line-height:1.2em; color:#fff; padding:0 20px 0 0; float:left; width:225px; display:inline-block; }
								.eventDetailsSpecs dt { float:left; width:80px; }
								.eventDetailsSpecs dd { padding:0 0 5px 0; }
							/* the main content... small intro or something... */ 
							.eventContent { width:495px; min-height:100px; height:auto !important; height:100px; float:left; padding:25px 0 0 0; }
							.eventContent h2 { font-size:1.2em; line-height:1.2em; color:#e30613; font-weight:bold; }
							.eventContent p { color:#fff; }
							/* decorative images... */
							.eventDeco { width:165px; min-height:100px; height:auto !important; height:100px; float:left; padding:25px 0 0 0; }
								.decoImages { }
								.decoImages img { border:2px solid #333333; margin:3px 0 8px 0; display:inline; }
							/* media and contact info, google maps and video's... */
							.infoAndMedia { width:680px; min-height:220px; height:auto !important; height:220px; display:inline-block; clear:both; }
								#routeAndLocation { width:330px; min-height:220px; height:auto !important; height:220px; margin:0 20px 0 0; float:left; }
								#movieMedia { width:330px; min-height:220px; height:auto !important; height:220px;  float:left; }
								#routeAndLocation .wrap, #movieMedia .wrap { width:326px; min-height:269px; height:auto !important; height:269px; border:2px solid #333;  }
								.infoAndMedia .wrapBackground {background: transparent url(../img/thrillerfestival_logo.gif) no-repeat center center; }
							.infoAndMedia .eventMediaHeader { height: 16px; font-size:1.2em; color:#e30613; font-weight:bold;  }
								
				/* default page content... */
				#pGenContent { width:760px; min-height:600px; height:auto !important; height:600px; margin:0 auto; padding:106px 0 100px 0; background:#000 url(../img/main_assets.png) repeat-x 0 -284px; }	
					.pGenArticle { width:760px; margin:0 0 19px 0; border-bottom:1px solid #3f3d3d; display:inline-block; /* set text formatting layout accros browsers, clearing the floats... */ }
					.lastGenArticle { border:none; } /* specific class for last article... */ #pGenContent .pGenArticle:nth-last-child(1) { border:none; } /* and just incase a CSS3 selector... */
						.articleContent { float:left; width:534px; padding:0 20px 0 206px; }
						.articleDecorative { float:left; width:166px; padding:50px 20px 0 20px; margin-left:-760px; display:inline; } /* inline for double margin bug... */
							.articleFrame { width:165px; min-height:148px; height:auto !important; height:148px; padding-bottom:110px; }
								.frameTop { width:165px; height:24px; font-size:1px; line-height:1px; background:url(../img/main_assets.png) no-repeat -578px -226px; }
								.frameMiddle { width:119px; min-height:100px; height:auto !important; height:100px; background:url(../img/frame_border.png) repeat-y 0 0; padding:0 23px; }
								.frameBottom { width:165px; height:24px; font-size:1px; line-height:1px; background:url(../img/main_assets.png) no-repeat -578px -249px; }
					.pGenArticle p { color:#fff; }
					.pGenArticle h2 { color:#e30613; }
					.pGenArticle ul { padding:0 0 25px 20px; }
					.pGenArticle li { color:#9a9a9a; font-size:1.2em; line-height:1.6em; background:url(../img/li_bg.gif) no-repeat 0 0; padding:0 0 0 15px; }
					/* content image specifics... */
					.pGenArticle .align-left { margin:5px 10px 5px 0; color:#E30613; font-size:1em !important; }
					.pGenArticle .align-right {  margin:5px 0 5px 10px; color:#E30613; font-size:1em !important; }
					
						/* management list specific... */
						#pManagementList { display:inline-block; padding:0 0 25px 0; }
						#pManagementList li { float:left; width:100px; min-height:130px; height:auto !important; height:130px; background-color:#1a1a1a; background:none; padding:0; margin:0 10px 0 0; }
						#pManagementList img { border:1px solid #fff; }
						
						/* read more link... */
						.pGenArticle a.moreInfo { float:right; position:relative; right:3px; display:inline-block; width:auto; height:26px; padding:2px 12px 2px 15px; margin:25px 0 25px 0; color:#fff; font-size:1.2em; line-height:1.9em; font-weight:bold; text-decoration:none; background:url(../img/main_assets.png) no-repeat 0 -216px; text-shadow:#000 0 -1px 0; /* no support in IE... to bad.... */ }
						.pGenArticle a.moreInfo:hover { text-decoration:none; }
					
					/* social share links.... */
					.SocialShare { width:534px; min-height:70px; height:auto !important; height:70px;  padding:0 !important; display:inline-block; }
					.SocialShare .pSocialBarCaption { float:none; color:#9a9a9a; font-size:1em; line-height:1.8em; }
					.SocialShare li { float:left; margin:0 5px 0 0; background:none !important; padding:0 !important; }
					.facebookSocialFrame { height:25px; width:300px; overflow:hidden; background-color:transparent; border:none; }

				/* main navigation... */
				#pMainNav { width:750px; height:35px; position:absolute; top:0; left:127px; padding:0 0 0 0; }
					.pHome #pMainNav {left:37px;}
				#pMainNav li { float:left; height:30px; padding:5px 0 0 0; margin:0 20px 0 0; position:relative; }

					.hasSubitems a { background:url(../img/icon_subitems.gif) no-repeat right 7px; padding:0 12px 0 10px !important; }
					.hasSubitemsActive {  background:url(../img/main_assets.png) no-repeat 0 -249px; margin:0 15px 0 0 !important; }
					.hasSubitemsHover { background:url(../img/subitems_active_bg.gif) no-repeat 0; margin:0 15px 0 0 !important; }
					.hasSubitemsActive a, .hasSubitemsHover a { background:url(../img/icon_subitems.png) no-repeat right 7px; padding:0 12px 0 10px !important; margin:0 5px 0 0;  }
					
					.hasSubitemsActive .navDecoCorner { display:block; height:35px; width:4px; background:url(../img/main_assets.png) no-repeat -370px -249px; font-size:1px; line-height:1px; position:absolute; top:0; right:-4px; }
					.hasSubitemsHover .navDecoCorner { display:none !important; }

					/* .hasSubitems { background:url(../img/main_assets.png) no-repeat -4px -249px; } */
				#pMainNav a { color:#fff; font-size:1.1em; line-height:1.6em; text-transform:lowercase; text-decoration:none; font-weight:bold; padding:0 10px; display:inline-block; }
				#pMainNav a:hover {  }
					#pMainNav .active { background:url(../img/main_assets.png) no-repeat 0 -249px; margin:0 24px 0 0; /* counter the removed padding on the <a> with a margin... */ }
						.active a { padding:0 6px 0 10px !important;  }
						.active .navDecoCorner { display:block; height:35px; width:4px; background:url(../img/main_assets.png) no-repeat -370px -249px; font-size:1px; line-height:1px; position:absolute; top:0; right:-4px; }
					/* submenu... */
					.subMenu { display:none; position:absolute; top:32px; left:0; width:160px; height:auto; background: #DD0000 url(../img/submenu_bg.png) no-repeat bottom left; }
					.subMenu li { float:none !important; min-height:29px; height:auto !important; height:29px; border-bottom:1px solid #7f030b; padding:0 !important; margin:0 2px !important; }
					.subMenu .lastElm { width:160px; min-height:4px; height:auto !important; height:4px; font-size:1px !important; line-height:1px !important; background:url(../img/submenu_last_bg.png) no-repeat 0 0; background-color:transparent !important; margin:0 !important; cursor:none; }
					.subMenu li:hover, .subMenulihover { background-color:#7f030b; cursor:pointer; }
					.subMenu a { font-weight:normal !important; line-height:1.2em !important; padding:5px 10px !important; background:none !important; }
					.subMenu .last { border-bottom:none; } /* and a css3 selector just in case... */ .subMenu li:last-child { border-bottom:none; }

				/* social bar... */
				#pSocialBar { height:22px; width:auto !important; position:absolute; top:6px; right:100px; }
					.pHome #pSocialBar { right:11px; }
					.pSocialBarCaption { color:#9a9a9a; font-size:1em; line-height:1.8em; }
				#pSocialBar li { float:left; margin:0 5px 0 0; }
				#pSocialBar a { color:#e30613; font-size:1.1em; line-height:1.6em; text-decoration:none; }
				#pSocialBar a:hover { text-decoration:underline; }

				/* newsletter sign up form... */
				#nSignUp { width:120px; position:absolute; top:465px; right:0; }
				#nSignUp legend { color:#fff; font-size:1.1em; line-height:1.4em; font-weight:normal; } /* specific for the homepage... */
				#nSignUp_submit { color:#e30613; font-size:1.1em; line-height:1.4em; font-weight:bold; padding:5px 0 0 0; cursor:pointer; }
				#nSignUp .txtField_small { color:#a3a2a2; }

				/* ticket order link... */
				#orderTickets { display:block; width:150px; height:70px; background:url(../img/order_tickets.png) no-repeat 0 0; position:absolute; top:31px; right:105px; z-index:0; }

				/* form elements... globally... */
				.txtField_smallest { width:30px; height:14px; background-color:#333232; border-bottom:1px solid #7a7a7a; padding:5px; margin:0 2px 0 0; }
				.txtField_small { width:121px; height:14px; background-color:#333232; border-bottom:1px solid #7a7a7a; padding:5px; }
				.txtField_medium { width:166px; height:14px; background-color:#333232; border-bottom:1px solid #7a7a7a; padding:5px; }
				.txtField_wide { width:266px; height:14px; background-color:#333232; border-bottom:1px solid #7a7a7a; padding:5px; }
					
					label.error { color:red; }
					input.error { border:1px solid red; color:red; }

					.formSubmit { display:inline-block; width:auto; float:right; padding:0 15px 0 0; overflow:hidden; }
						.fsLeft { float:left; width:3px; height:20px; font-size:1px; line-height:1px; background:url(../img/main_assets.png) no-repeat -376px -241px; }
						.fsBtn { float:left; width:auto; height:20px; font-size:1.1em; font-weight:bold; background:url(../img/main_assets.png) no-repeat -380px -241px; padding:0 5px; text-shadow:#000 0 -1px 0; /* no support in IE... to bad.... */ }
						.fsRight { float:left; width:3px; height:20px; font-size:1px; line-height:1px; background:url(../img/main_assets.png) no-repeat -571px -241px;  }
	
				.formNotifacations { font-size:1.2em; line-height:1.4em; color:#e30613; font-weight:bold; display:block; width:185px; position:absolute; bottom:18px; left:15px;  }

				/* breadcrumb... */
				#pBreadCrumb { width:515px; height:25px; padding:25px 0 10px 206px; }
					/* specifics for the different pages... */
					.pItem #pBreadCrumb { padding-left:20px; }
				#pBreadCrumb li { float:left; font-size:1.1em; background:none; padding:0 5px 0 0;  }
				#pBreadCrumb a { background:url(../img/main_assets.png) no-repeat -822px -248px; padding:0 0 0 10px; }
				#pBreadCrumb .home { color:#fff; text-decoration:underline; background:none !important; padding:0; }
				#pBreadCrumb .current { color:#e30613; font-weight:bold; background:url(../img/main_assets.png) no-repeat -822px -248px; padding:0 0 0 10px; }

				/* paylogic order frame... */
				.orderFrame { width:100%; height:480px; background-color:#000; position:relative; left:-42px; top:auto; }

				/* locations */
				.locationWrap { padding: 20px 0 20px 20px; color: #e30613; font-size: 12px; line-height: 17px;background: #212121; }
				.locationWrap:after { content:" "; display:block; height:0; width:100%; clear:both; visibility:hidden; }
				.locationWrap li { cursor:pointer; }
				.locationWrap li .locationContent { display:none; }
				.locationWrap li:hover, .locationWrap .selected { color: #fff; }
				.locationWrap ul { width: 200px; margin: 0 30px 0 0; float: left; }
				
				.eventsWrap { color: #fff; font-size: 12px; line-height: 17px; }
				
				#map_canvas { width:716px; height:311px; border:2px solid #212121; }
				
				.eventsWrap {padding: 20px 0 0 20px;}
				.eventWrap { display: none;}
				.eventWrap.active { display: block;}
				.eventWrap:after { content:" "; display:block; height:0; width:100%; clear:both; visibility:hidden; }
				
				.eventWrap h2 { font-size: 14px; color:#e30613; line-height:17px; }
				.eventWrap h3 { font-size: 12px; color:#fff; line-height:17px; padding: 15px 0 0; }
				.eventWrap .eventLink { display: block; padding: 0 !important; font-size: 12px; color:#e30613; line-height:17px; }
				.eventWrap span.eventLink { text-decoration: none; color:#e30613; }
				.locationDatesColumn { width: 200px; margin: 0 30px 0 0; float: left; }
				
				.tiptool { overflow: visible !important;}
				.mapTooltip {  }
				.mapTooltip .tipContent a { color: #fff; }
				.mapTooltip .tipContent { font-size: 12px;line-height: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
									  background-color: #E30613; border: 1px solid #E30613; clear: both; height: 60px; margin-top: -160px; margin-left: -10px; overflow: auto; cursor: default; padding: 20px; position: relative; width: 160px; }
				.mapTooltip .arrow { border-color: #E30613 transparent transparent; border-left: 0 solid transparent; border-right: 11px solid transparent; border-style: solid; border-top: 11px solid #E30613; height: 0; left: 5%; margin-left: 0; position: absolute; width: 0; }
				
	/* the footer with the seats bg... */
	#pFooter { width:100%; min-height:170px; height:auto !important; height:170px; /* for ofsetting the partner list... */ }
		/* partner logo list... */
		#partnerLogos { width:720px; min-height:40px; height:auto !important; height:40px; margin:0 auto; }
		#partnerLogos li { float:left; padding-right:40px; }

	.footerMenu { text-align: center; font-size: 1.1em; line-height:1.2em; height: 40px; padding:40px 0 0 0; clear:both; }
		.footerMenu a { color:#9A9A9A; padding:0 10px; }	
		.footerMenu span {color: #FFFFFF;}

	/* overlay */
	#overlay { width:100%; height:100%; background:transparent url(../img/overlay_bg.png) repeat 0 0; position:absolute; top:0; left:0; z-index:1; }
	#overlay .ovContent { width:379px; height:446px; margin:50px auto; cursor:pointer; }
					
					
/* typography... */
h1, h2, h3, h4, h5, h6 { line-height:1em; }
h1 { font-size:2.4em; color:#f8f0cb; text-transform:uppercase; }
h2 { font-size:1.4em; line-height:1.2em; font-weight:bold; }
h3 { }
h4 { }
h5 { }
h6 { }

/* specifics for this project... */
.mainHeading { color:#e30613; padding:0 0 19px 0; font-size:2.4em; } /* global main heading... */

p { font-size:1.2em; line-height:1.4em; color:#f8f0cb; padding:0 0 25px 0; }
blockquote { }
cite { }
em { font-style:italic; }
strong { font-weight:bold; }
abbr { }
code { }
pre { }
var { }

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

/* form elements... */
fieldset { }
legend { color:#fff; font-size:1.2em; font-weight:bold;  }
label { color:#fff; font-size:1.1em; line-height:2em; text-align:right; vertical-align:top;  }
input, textarea { font-size:1.2em; line-height:1.2em; color:#fff; font-family:tahoma; }
select { }
button { }

.skip-links { position:absolute; top:0; left:-9999px; }
a.skipper { font-size:0 !important; line-height:0 !important; background:none; visibility:hidden; height:0 !important; }

/* ================================================================================

VideoJS Default Styles (http://videojs.com)
Version 1.1.3

REQUIRED STYLES (be careful overriding)
================================================================================ */

/* Box containing video, controls, and download links.
   If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */
.video-js-box { text-align: left; position: relative; vertical-align: bottom; } /* Will be set to the width of the video element */

/* Video Element */
video.video-js { background-color: #000; position: relative; }

/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.video-js-box.vjs-fullscreen video.video-js { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; }
.video-js-box.vjs-fullscreen ul.vjs-controls { z-index: 1002; }

/* Poster Style */
.video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
/* Subtiles Style */
.video-js-box .vjs-subtitles { color:#fff; font-size: 20px; text-align: center; bottom: 20px; left: 0; right: 0; position: absolute; z-index: 1002; }


/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */

/* Controls Layout
   Using a Holy Grail type method to allow the progress bar holder to expand into all available space,
   but using abosolute positioning for individual controls. http://www.alistapart.com/articles/holygrail */
.video-js-box ul.vjs-controls {
  list-style: none; position: absolute; margin: 0; border: none; opacity: 0.85; color: #fff;
  display: none; /* Start hidden */
  left: 0; right: 0; /* 100% width of video-js-box */
  height: 35px; /* Including any margin you want above or below control items */
  padding-left: 35px; /* Width of play button + margin */
  padding-right: 165px; /* Width of all the controls to the right of the progress control + margins */
  padding-top: 0; padding-bottom: 0;
}
/* Controls styles when below the video */
.video-js-box.vjs-controls-below ul.vjs-controls { background-color: #000; }

.video-js-box ul.vjs-controls > li { /* Direct li children of control bar */
  position: absolute; list-style: none; float: left; padding: 0; text-align: center;
  height: 25px; /* Default height of individual controls */
  margin: 5px 0 0 0; /* Top margin to put space between video and controls when controls are below */

  /* CSS Background Gradients */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;

  /* CSS Curved Corners */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;

  /* CSS Shadows */
  box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
}

/* Placement of Control Items */
ul.vjs-controls > li.vjs-play-control       { width: 25px; left: 5px; }
ul.vjs-controls > li.vjs-progress-control   { width: 100%; position: relative; }
ul.vjs-controls > li.vjs-time-control       { width: 75px; right: 90px; }
ul.vjs-controls > li.vjs-volume-control     { width: 50px; right: 35px; }
ul.vjs-controls > li.vjs-fullscreen-control { width: 25px; right: 5px; }

/* Removing curves on progress control and time control to join them. */
ul.vjs-controls > li.vjs-progress-control {
  border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
  border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
ul.vjs-controls > li.vjs-time-control { 
  border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}

/* Play/Pause
-------------------------------------------------------------------------------- */
li.vjs-play-control { cursor: pointer !important; }
li.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
li.vjs-play-control.vjs-play span {
  width: 0; height: 0; margin: 8px 0 0 8px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 10px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
}
li.vjs-play-control.vjs-pause span {
  width: 3px; height: 10px; margin: 8px auto 0;
  /* Drawing the pause bars with borders */
  border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
}

/* Progress
-------------------------------------------------------------------------------- */
ul.vjs-progress-holder { /* Box containing play and load progresses */
  position: relative; list-style: none; padding: 0; overflow:hidden; cursor: pointer !important;
  height: 9px; border: 1px solid #777;
  margin: 7px 1px 0 5px; /* Placement within the progress control item */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
ul.vjs-progress-holder li { /* Progress Bars */
  position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0; list-style: none;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
li.vjs-play-progress {
  /* Default */ background: #fff;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
  /* Firefox */ background: -moz-linear-gradient(top,  #fff,  #777);
}
li.vjs-load-progress {
  opacity: 0.8;
  /* Default */ background-color: #555;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
  /* Firefox */ background: -moz-linear-gradient(top,  #555,  #aaa);
}

/* Time Display
-------------------------------------------------------------------------------- */
ul.vjs-controls li.vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
ul.vjs-controls li.vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
li.vjs-volume-control { cursor: pointer !important; }
li.vjs-volume-control ul { list-style: none; display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
/* Drawing the volume icon using 6 li elements */
li.vjs-volume-control ul li { /* Individual volume bars */
  list-style: none; float: left; padding: 0;
  margin: 0 2px 0 0; /* Space between */
  width: 5px; height: 0px; /* Total height is height + bottom border */
  border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
}
li.vjs-volume-control ul li.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ }
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
li.vjs-volume-control ul li:nth-child(1) { border-bottom-width: 2px; height: 16px; }
li.vjs-volume-control ul li:nth-child(2) { border-bottom-width: 4px; height: 14px; }
li.vjs-volume-control ul li:nth-child(3) { border-bottom-width: 7px; height: 11px; }
li.vjs-volume-control ul li:nth-child(4) { border-bottom-width: 10px; height: 8px; }
li.vjs-volume-control ul li:nth-child(5) { border-bottom-width: 14px; height: 4px; }
li.vjs-volume-control ul li:nth-child(6) { margin-right: 0; }

/* Fullscreen
-------------------------------------------------------------------------------- */
li.vjs-fullscreen-control { cursor: pointer !important; }
li.vjs-fullscreen-control ul {
  list-style: none; padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; 
  margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
  width: 20px; height: 20px;
}
/* Drawing the fullscreen icon using 4 li elements */
li.vjs-fullscreen-control ul li { list-style: none; float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
li.vjs-fullscreen-control ul li:nth-child(1) { /* Top-left triangle */
  margin-right: 3px; /* Space between top-left and top-right */
  margin-bottom: 3px; /* Space between top-left and bottom-left */
  border-top: 6px solid #fff; /* Height and color */
  border-right: 6px solid rgba(0,0,0,0);  /* Width */
}
li.vjs-fullscreen-control ul li:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
li.vjs-fullscreen-control ul li:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
li.vjs-fullscreen-control ul li:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
/* Icon when video is in fullscreen mode */
.vjs-fullscreen li.vjs-fullscreen-control ul li:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen li.vjs-fullscreen-control ul li:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen li.vjs-fullscreen-control ul li:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen li.vjs-fullscreen-control ul li:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }

/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
  display: none; /* Start hidden */
  position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; z-index: 1003; text-align: center; vertical-align: center; cursor: pointer !important;
  border: 3px solid #fff; opacity: 0.9;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  
  /* CSS Background Gradients */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 40px;

  /* CSS Shadows */
  box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000;
}
div.vjs-big-play-button:hover {
  box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
}

div.vjs-big-play-button span {
  display: block; font-size: 0; line-height: 0;
  width: 0; height: 0; margin: 20px 0 0 23px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 40px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}

/* Download Links - Used for browsers that don't support any video.
-------------------------------------------------------------------------------- */
.vjs-no-video { font-size: small; }