html {}

/*******************************************
 SummerFest (C) 2011
*******************************************/

/* **************** RESET BROWSER ***************** */
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead,
del, dfn, font, img, ins, kbd, q, s, samp, small, strike, /*strong,*/ sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
vertical-align:baseline;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:100%;text-align:inherit;outline:0;padding:0;margin:0;border:0;
}
:focus {outline:0;}
a,a:active a:active,input:focus,input:focus,input:active,input:active{outline:none;}

/************ COLOURS *************/
.color1 { color:#ece032;} /* Orange */
.color2 { color:#f98617;} /* Yellow */
.color3 { color:#e8bc89;} /* Skin */ 	.cyanPage h1, .cyanPage h2, .cyanPage a, h4 a {	color:#e8bc89; border-color:#e8bc89; } h4 a { border:0; }
.cyanBk { background-color:#e8bc89;}
.color4 { color:#459534;} /* Green */ 	.greenPage h1, .greenPage h2, .greenPage a { color:#459534; border-color:#459534; }	
.greenBk { background-color:#459534;}
.color5 { color:#ece032;} /* Blue */ 	.orangePage h1, .orangePage h2, .orangePage a { color:#ece032; border-color:#ece032; }
.orangeBk { background-color:#ece032;} 

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

/* * LINKS * */
a { color:#f98617; border-bottom:1px dotted #f98617; text-decoration:none;
	-webkit-transition:all .2s ease-in-out;
	 -moz-transition:all .2s ease-in-out;
		 -o-transition:all .2s ease-in-out;
				transition:all .2s ease-in-out; 
}
.footer a { border-bottom:0; color:#333; }
a:hover { color:#ece032; cursor:pointer; border-bottom:1px dotted #ece032; }
h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, .fc .threecol a, .fc .threecol a:hover, a.b0, a.b0:hover {border:0; }

hr { border:0; border-top: 1px dotted #e8bc89; margin:2em 0; height:1px; width:100%; clear:both; background:none; }

/* * BODY + GENERAL ELEMENTS * */
html {
font-size: 1.25em;
}
body {
font-size: 50%;
}
html>body {
font-size: 10px;
}
body {
	font-family:'Trebuchet MS', Arial, sans-serif;
	color: #e8bc89;
	line-height:1.6em;
	background:#949189 url(../images/web/bk/bk.jpg) center top fixed repeat-x;
	overflow-y: scroll;
	min-height:100%;
}
/* IE 6 HOVER HACK + PNG FIX */
* body { behavior: url(css/csshover.htc); }
.bk { behavior: url(css/iepngfix.htc); }
#backstretch img { max-width:auto; max-height:auto; }
.bk { position:absolute; } .bk span { display:none; }

/* **************** PAGE / WRAPS / CONTAINERS ***************** */
.page {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	min-height:100%;
	position:relative;
}
/* WRAPS */
.wrap, .container {
	margin:0 auto;
	width:100%;
	min-height:100%;
	position:relative;
}
.footer, .content {
	margin:0 auto;
	max-width:925px;
	position:relative;
}
.header { width:100%; position:relative; z-index:100; }
#logo, #logo a { display:block; position:relative; margin:0; padding:0; z-index:100; border:0; }
#logo { padding:30px 0; margin-bottom:-30px; }
.indexPage #logo { padding:5px 0 50px; margin-bottom:0; }
.header img { margin:0 auto; display:block; }

#desc { top:383px; width:100%; z-index:1000; left:-9999em; }
.indexPage #desc { left:0; }
#details { top:15px; width:100%; z-index:200; }

#hdrBk { position:absolute;bottom:0px;left:50%;margin-left:-700px; width:1400px; height:510px; background:url(../images/web/bk/topBk.jpg) no-repeat; z-index:2; }
.indexPage #hdrBk { height:520px; }
#loading { position:absolute; width:16px; height:16px; background:url(../images/web/bk/ajax-loader.gif); bottom:-30px; left:50%; margin-left:-8px; z-index:1; }

ul.nav, li { margin:0; padding:0; }
ul.nav { padding:3px 0 0; width:100%; overflow:hidden; }
.nav, .nav li { list-style:none; overflow:visible; }
.nav li { font-size:1.2em; line-height:1em; }
.nav li a { 	font-family: 'Museo300','Trebuchet MS', Arial, sans-serif;display:block; color:#ece032; border:0; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:5px 0; }
.nav li a:hover { color:#e8bc89; cursor:pointer; }
.nav li.current a { color:#555; font-weight:bold; }
.nav li.last a { border:0; }

.contentWrap { background:url(../images/web/bk/contBk.png) center top no-repeat; padding:20px 0 10px; }
.indexPage .contentWrap { padding-top:500px; }

.main, .full, .other { padding:8px 0 20px; }
.sub { text-align:right; }
.full, .other { padding-bottom:0; }
.full .fc { padding-bottom:20px; }
.half { width: 45%; padding-right:5%; float:left; }
.overcol { position:relative; width:175%; margin-right:-75%; }

.main img, .full img { margin-bottom:5px; }

.footerWrap { 
	padding:0 0 10px;
	background:url(../images/web/bk/ftrBk.png) left top repeat-x;
	overflow:hidden;
}
.facebook {
	display:block;
	width:32px;
	height:32px;
	background:url(../images/web/click/facebook.png) no-repeat;
	position:absolute;
	top:10px;
	right:-405px;
	z-index:1000; border:0;
}.indexPage .facebook { right:10px; }
.facebook span { display:none; }

/* BLOCKS */
.block { margin-bottom:20px;position:relative; }
.inner { /*border:1px solid #434242;*/ padding:8px 15px 10px;border-width:0 0 0 1px;
	background:rgba(60,40,40,.1); 
	border-radius:5px;
	box-shadow:inset 0 1px 4px rgba(0,0,0,0.6); }
.sub .inner { border-width:0 1px 0 0; padding-left:0; }
.block:hover .inner { border-color:#666; }

/* Text */
.text {
	background:rgba(60,40,40,.3); 
	border-radius:10px;
	box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);
	padding:20px;
	margin-top:8px;
	}



/* PROMOS */
.promo {
	display:block;
	border:0;
	position:relative;
	color:#f98617;
}
.promo span {
	display:block;
}
.promo span.h3, .promo span.p {
}
.promo span.p {
	font-size:1.2em;
	color:#555;
	padding:0;
}
.promo span.img {
	width:105%;
}
.dot {
	display:dot;
	position:absolute;
	width:16px;
	height:60px;
	top:50%;
	margin-top:-30px;
	background-image:url(../images/web/click/dots.png);
	background-repeat:no-repeat;
	left:-14px;
	background-position:left center;
}
.sub .dot {
	left:auto;
	right:-14px;
	background-position:right top;
}
.sub .faceBlock .dot { background-position:right top; }
.sub .bayBlock .dot { background-position:right top;background-image:url(../images/web/click/dots-2.png); }

/*
div.promo span.link { background-image:none; }*/
a.panel, a.panel:hover,
a.promo, a.promo:hover { border:0; }
.promo:hover .h3, span.h3:hover, .h3 tr:hover {
	color:#e8bc89;
}.promo:hover .p, span.h3:hover {
	color:#ece032;
}
.p, .h3 {
	display:block;
	margin-bottom:1px;
}
h1, h2, h3, h4, h5, h6, .h3 {
	padding:.2em 0 .3em;
	font-size:1.8em;
	line-height:1.3em;
	font-weight:normal;
	clear:both;
	color:#ece032;
	text-transform:uppercase;
	font-family: 'Museo300','Trebuchet MS', Arial, sans-serif;
}
h1, .h3 { 
	font-size:2.8em;
	line-height:1em;
}
h1 { font-size:3em; color:#ece032; }
h2 { font-size:2.3em;color:#f98617; padding-bottom:.1em; font-weight:bold; }
.sixcol h2 { font-size:3em; font-weight:normal; }
h2 a { display:block; text-align:center; }
h3 { font-weight:bold;}
.h3 { color:#f98617; padding-bottom:0; }
.full .h3 { font-size:2em; }
.sub .h3 { font-size:1.3em; color:#ece032; }
h4 { color:#e8bc89; font-size:1.4em; line-height:1.2em; padding:.2em 0 .7em; }
h4 a:hover { border:0; color:#ece032; }
p, .p, h4 {  }
p, .p {
	font-size:1.7em;
	line-height:1.3em; 
	padding:.5em 0;
}
.fourcol p, .more p { font-size:1.4em; }
ul {
	font-size:1.2em;
	line-height:1.7em; 
	padding:0 0 .6em;
	margin-left:15px;
}
li {}
ul.inline {
	width:100%;
}
ul.inline li {
	float:left; 
	width:25%;
	padding-right:5%;
}
.main p {
	clear:both;
}
/* Tickets table */
table.h3 { line-height:1.2em; }
table.h3 em { font-size:.6em; text-transform:none; color:#e8bc89;}
table { border-collapse:collapse; }
td { padding:0 15px 3px 0; }
/* Articles */
.article, .more { overflow:hidden; }
.article { overflow:hidden; }

p.copyright { font-size:1em; color:#555; }
p.contact { font-size:1em; color:#555; }

.copyright a { color:#444; }
.copyright a:hover { color:#e8bc89; border-color:#e8bc89; }
.footer p {	font-size:1.1em; line-height:1.3em; }

/* + HELPERS + */	
.flL { float:left; }.flR { float:right; }.flN { float:none; }
.clL { clear:left; }.clR { clear:right; }.clN { clear:none; }
.mA { margin:auto; }
.fwN { font-weight:normal; }
.dB { display:block; }.dN { display:none; }
.fc:after,.row:after,.block:after,.center:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.fc,.row,.block,.center {display:inline-table;height:1%;display:block;}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {	}
	#logo, .indexPage #logo { padding-bottom:0; width:95%; }
	#desc { top:0; position:relative; width:95%; }
	#details { top:0; position:relative; width:95%; }
	#header a, #header img { display:block !important; margin:auto !important; padding:0 !important; float:none; width:95%; }
	.contentWrap, .indexPage .contentWrap { padding-top:16%; }
	.sub { text-align:left; }
	.sub br, .sub .h3 { display:none !important; }
	.sub h4, .nav li { float:left; padding:0 10px 5px 0; }
	ul.nav {width:88% !important;}
	.sub h4 { width:100px;}
	.nav a { font-size:16px; }
	.sub iframe { height:25px !important; }
	.sub .block { margin:0; }
	.sub .inner { border:0 !important; padding:10px; }
	.sub { margin-bottom:20px; }
	.footer p { float:none; text-align:left; width:auto; padding:0 0 5px 20px; }
	.dot { display:none !important; }
	.full .fc, .main .fc { padding-bottom:0; }
	.full .block { margin-bottom:0; }
	.full .sixcol { padding:0 !important;}
	.full .fc .threecol { padding-right:5%;width:45%;float:left; }
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}