/* 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; }
		/* 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 { padding-bottom:150px; } /* 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:80px; } /* 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 socials... */
				#pSocial { width:891px; padding:0 0 0 67px; clear:both; overflow:hidden; }
					/* latest twits... */
					#latestTweets { float:left; width:405px; height:215px; margin:0 21px 0 0; background:url(../img/main_assets.png) no-repeat 0 0; }
					#latestTweetsLoader { padding: 88px 0 0 180px; }
					/* latest twits... */
					#latestNews { float:left; width:403px; height:215px; background:url(../img/main_assets.png) no-repeat -426px 0; }
					/* specifics... */
					#pSocial .wrap { width:288px; height:95px; padding:60px 0 0 55px; margin:0 60px 60px 0; overflow:hidden; position:relative; } /* just incase, this way we can see if text rendering is ok in all browsers asswell... */
					#pSocial h2 { color:#e30613; font-size:1.1em; line-height:1.6em; font-weight:bold; } #pSocial h2 a { color:#e30613; text-decoration:none; display:inline-block; } /* reset on the a's... inline-block needed to trigger layout for IE... */
					#pSocial p { color:#fff; font-size:1.1em; line-height:1.6em; padding: 0; }
						.tweetIcon { display:block; width:22px; height:22px; background:url(../img/main_assets.png) no-repeat -807px -215px; font-size:1px; line-height:1px; position:absolute; top:-20px; right:-22px; }
						.entryDate { color:#555555; font-size:0.9em; line-height:1.6em; display:block; padding:0 0 5px 0; }
						a.moreSocial { color:#e30613; font-size:1.1em; line-height:1.6em; font-weight:bold; text-decoration:none; position:absolute; bottom:0; right:0; }
						a.moreSocial:hover { text-decoration:underline; } /* css selector works better and faster when a pseudo is defined with a.classname:hover... */
						a.tweetId { position:relative; }
						a.tweetId:hover { }

				/* partners... */
				#pPartners { 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.1em; 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; }
				#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: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; }
					.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; }

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

	/* 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:590px; 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;}
					
					
/* 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; }