@charset "UTF-8";
/* CSS Document */

*, html, body { 
	position: relative; 
	margin: 0; 
	border: 0; 
}

body {
	background: #000 url("../images/background.jpg") top center no-repeat; 
	font-family:Arial, Helvetica, sans-serif; 
	color: #FFF;   
	text-align: center; 
}

#wrapper {
	width: 960px;
	min-height: 1000px;
	outline: none;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#wrapper a {  
	text-decoration: none; 
	color:#F00; 
	outline: none;
}

#wrapper a:hover { 
	text-decoration: none;
	color:#900;
	outline: none; 
}
	
#wrapper a:active {
	text-decoration: none;
	color: #F00; 
	outline: none; 
}

#header {
	float: left; 
	width: 960px; 
	height: 340px; 
	background: url("../images/header.jpg") top center no-repeat;
}

#logoContainer { 
	display: block; 
	margin: 30px auto 0px auto; 
	outline: none; width: 700;
	height: 238px; border:0; 
}

#logoContainer img { display: block;
	margin: 0 auto;
	outline:0; 
	border:0; 
	text-align: center;
}

#counter { float: left;
	margin: 10px 0px 0px 0px; 
	width: 950px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px; 
	color: #FFF;
	text-align: center;
}

#logoContainerlg { 
	display: block;
	margin: 30px  0px auto;
	outline: none;
	width: 1560;
	height: 238px; 
	border:0; 
}

#counterlg {
	float: left;
	width:  1560px; 
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100px;
	color: #FFF;

}

#counterl2g {
	float: left;
	width:  1560px; 
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100px;
	color: #FFF;

}

.hidden {
	display: none;
	font-weight: 0;
}

#foodtrucks {
	width: 860px; 
	margin: 0 auto; 
}

#foodtrucks .foodtruck_logo { 
	float: left; 
	width: 275px;
	height: 243px; 
}

#foodtrucks a { 
	outline: none; 
	border: none;
	text-decoration: none; 
	color: #FFF;
	z-index: 10; 
}

#foodtrucks a:hover {
	display: block;
	border: none;
	text-decoration: none; 
	color: #F00;
	outline: none;
}
#foodtrucks a:active { 
	display: block; 
	border: none;  
	text-decoration: none;
	color: #F00; 
	outline: none;
}

#foodtrucks img.t_pic { 
	display: block; 
	margin: 0 auto; 
	border: 1px solid white; 
	height: 150px; 
	width: 150px; 
}

#foodtrucks p.t_title { 
	display: block;
	text-align: center;
	font-family:futura, Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	color: #FFF;   
	padding-bottom:10px;
}
#foodtrucks p.t_subtitle { display: block; text-align: center; font-family:futura, Arial, Helvetica, sans-serif; font-size: 13px; color: #900; top: -2px; }


/*  NAVE SPRITE */
/* size the div that the nav is in */
#navContainer {
	position:relative;
	display:block;
	width:960px;
	height:50px;
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
}

/*-------------*/

/* id name for ul list of sprite - height and width of entire navigation */
#nav_sprite {
    padding:0;
    margin:0;
    list-style:none;
    width:960px;
    height:50px;
    overflow:hidden;
}

/* id name for li list of sprite - float to place options in horizontal row */
#nav_sprite li {
    float:left;
}

/* set default a tag with background sprite image, and top padding */
#nav_sprite a {
    display:block;
    background-image:url(../images/navSprite/navSprite_new.jpg);
    padding-top:50px; /* same as height of #nav_sprite */
    text-decoration:none; /* needed for IE8 beta, otherwise it still shows the underlines */
}

/*-------------*/

/* set nav option width for each link, using the id for the anchor tag
width = (width of first button) */
#sprite_overview { width: 148px; }
/* width = width of second btn
background-position = (width of first btn) */
#sprite_entertainment { width: 185px; background-position: -148px 0; }
/* width = width of third btn
background-position = (width of first btn) + (width of second btn) */
#sprite_food { width: 97px; background-position: -333px 0; }
/* width = width of fourth btn
background-position = (width of first btn) + (width of second btn) + (width of third btn) */
#sprite_tickets { width: 116px; background-position: -430px 0; }
/* width = width of fifth btn
background-position = (width of first btn) + (width of second btn) + (width of third btn) + (width of fourth btn) */
#sprite_directions { width: 154px; background-position: -546px 0; }
/* width = width of fifth btn
background-position = (width of first btn) + (width of second btn) + (width of third btn) + (width of fourth btn) */
#sprite_faq { width: 78px; background-position: -700px 0; }
/* width = width of fifth btn
background-position = (width of first btn) + (width of second btn) + (width of third btn) + (width of fourth btn) */
#sprite_contactus { width: 182px; background-position: -778px 0; }
/* width = width of fifth btn
background-position = (width of first btn) + (width of second btn) + (width of third btn) + (width of fourth btn) */

/*-------------*/

/* set the hover state to be lower by the height of the nav bar
  -- apply this style also to the selected class of each list item */
#sprite_overview:hover { background-position: 0px -50px;}
#sprite_overview.active { background-position: 0px -50px !important;}

#sprite_entertainment:hover {background-position: -148px -50px;}
#sprite_entertainment.active {background-position: -148px -50px !important;}

#sprite_food:hover {background-position: -333px -50px;}
#sprite_food.active {background-position: -333px -50px !important;}

#sprite_tickets:hover {background-position: -430px -50px;}
#sprite_tickets.active {background-position: -430px -50px !important;}

#sprite_directions:hover {background-position: -546px -50px;}
#sprite_directions.active  {background-position: -546px -50px !important;}

#sprite_faq:hover {background-position: -700px -50px;}
#sprite_faq.active  {background-position: -700px -50px !important;}

#sprite_contactus:hover {background-position: -778px -50px;}
#sprite_contactus.active {background-position: -778px -50px !important;}


#contentBackground {float: left; clear: left; width: 960px; background: url("../images/content_middle.jpg") top center repeat-y;  }
#content {width: 960px; min-height:600px; background: url("../images/content_top.jpg") top center no-repeat; }
#contentBottom { float: left; clear: left; width: 960px; height: 80px; background: url("../images/content_bottom.jpg") top center no-repeat; }


#footer {float: left; clear: left; width: 960px; height: 80px; background: url("../images/content_bottom.jpg") top center no-repeat; margin-bottom: 10px; text-align: center; }
#footer ul { clear: both; width: 950px; margin: 0 auto; text-align: center; }
#footer li {
	float: left;
	display: inline-block;
	width: 220px;
	height: 140px;
	list-style: none;
}
.footer_text { clear: both; margin: 0 auto; width: 960px; text-align: center;  font-size: 11px; }



/* OVERVIEW */

#overview { padding: 30px 30px 30px 30px;  }
#home_sliderContainer { width: 550px; height: 366px; display: block; float: right; border: 2px solid white; margin-left:auto; margin-right:auto; top: 10px; }
#overview h2 {  width: 330px; text-align: center;  font-family: futura, Arial, Helvetica, sans-serif; font-size: 24px; color: #FFF; padding-right:20px;   }
#overview .subtitle { width: 330px;  text-align: center;  font-family: futura, Arial, Helvetica, sans-serif; font-size: 17px; color: #FFF; padding-right:20px;   }
#overview .bodycopy {  width: 330px; text-align: left;  font-family: futura, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; padding:10px 0xp 10px 0px;  }
#overview .bodycopy3 {  width: 900px; text-align: right;  font-family: futura, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF;  }

#eventSchedule_home { clear: both; width:900px; display: block;}
.schedule_list { clear: left; width: 900px; display: block;  }
.schedule_list li  { clear: left; list-style:none; min-height: 25px;  text-align: center; width: 820px; }
.schedule_list li.schedule_stageHead {  clear: left; list-style:none; min-height: 25px;  text-align: center; width: 820px; color: #F00; font-weight: bold; font-size: 20px; }

/* ENTERTAINMENT */

#bands {width: 900px; margin: 0 auto;  }

#bands h3.bands_head {display: block; width: 900px; margin: 10px auto 30px auto; text-align: center;  font-family:futura, Arial, Helvetica, sans-serif; font-size: 32px; color: #FFF;  }

#bands h3 { width: 900px; margin: 0 auto; text-align: center;  font-family: futura, Arial, Helvetica, sans-serif; font-size: 30px; color: #FFF;  }
#bands p.hosted_by {width: 900px; margin: 0 auto 10px auto; text-align: center;  font-family:futura, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF;  }

.hosted { width: 465px; margin: 10px auto; text-align:center;}
.hosted h3 { font-family: futura, Arial, Helvetica, sans-serif; font-size: 30px; color: #FFF;  }
.hosted_text { text-align:center; margin:0; height: 100px; float:left;}
.hosted_pic {
	float: right;
	width: 500px;
	height: 100px;
}
.hosted_pic img { display: block; left: 35px; border: 1px solid white;} 

#bands .rides { float: left; width: 300px; min-height: 300px; text-decoration: none; } 
#bands .b_band_center{ float: left; width: 900px; min-height: 100px; text-decoration: none; }
#bands .b_band_spacer { float: left; width: 100px; min-height: 300px; text-decoration: none; }
#bands img.rides_pic { display: block; margin: 0 auto; border: 1px solid white; height:192px; width:250px; text-decoration: none;  }

#bands .b_band { float: left; width: 300px; min-height: 300px; text-decoration: none; } 
#bands .b_band_center{ float: left; width: 900px; min-height: 100px; text-decoration: none; }
#bands .b_band_spacer { float: left; width: 100px; min-height: 300px; text-decoration: none; }
#bands a { outline: none; border: none; z-index: 10; text-decoration: none; }
#bands a:hover { outline: none; border: none;  text-decoration: none; }
#bands a:active { outline: none; border: none;  text-decoration: none; }

#bands img.b_pic { display: block; margin: 0 auto; border: 1px solid white; height: 150px; width: 150px; text-decoration: none; }
#bands p.b_title { display: block; text-align: center; font-family:futura, Arial, Helvetica, sans-serif; font-size: 27px; color: #FFF; line-height: 34px;  text-decoration: none; }
#bands p.b_subtitle { display: block; text-align: center; font-family:futura, Arial, Helvetica, sans-serif; font-size: 18px; color: #900; top: -14px; text-decoration: none; }
#bands p.showTime { display: block; text-align: center; font-family:futura, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; top: -14px; text-decoration: none; }


#bands .b_ent {}

#eventMap { display: block; float: left; width: 900px; min-height: 150px; } 

#eventMap_home { display: block; clear: both; float: left; width: 400px;  margin-top: 85px;  } 
#eventMap_home h3 { display: block; width: 900px; margin: 0 auto; text-align: center; }
#eventMap_home p { display: block; width: 900px; margin: 0 auto; text-align: center; }


/* TICKETS */

#tickets {width: 950px; margin: 0 auto;  }

.ticket_section { float: left; clear: left; width: 950px; display: block; margin: 25px auto 5px auto;}
.ticket_section h3 img {margin-bottom: 10px;}

#tickets h3.ticket_head {display: block; margin: 0 auto; width: 950px; text-align: center; font-family:futura, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; }

 

#tickets .lineSpacer {display: block; float: left; clear: left; width: 950px; height: 5px; border: 1px solid blue; }

#tickets ul {margin-bottom: 20px; clear:both;} 

#gen_tickets li {float: left; list-style:none; margin-top: 5px;  min-height: 30px; vertical-align: middle;}

#gen_tickets li.priceBefore_head {width: 90px; text-align: right; font-family:futura, Arial, Helvetica, sans-serif; font-size: 11px; color: #F00;}
#gen_tickets li.priceAfter_head {width: 80px; text-align: right; font-family:futura, Arial, Helvetica, sans-serif; font-size: 11px; color: #F00;}
#gen_tickets li.desc_head {text-align: left; family:futura, Arial, Helvetica, sans-serif; font-size: 11px; color: #F00;}

#gen_tickets li.priceBefore {width: 90px; text-align:right; font-size: 15px }
#gen_tickets li.priceAfter {width: 80px; text-align: right; font-size: 15px}
#gen_tickets li.label {width: 230px; text-align: center; font-size:14px;}
#gen_tickets li.superpassGen {width: 335px; font-family:futura, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFF; margin-bottom: 10px;}
#gen_tickets li.desc {width: 360px; font-family:futura, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; margin-bottom: 10px;}

#gen_tickets ul.vip_includes{
	font-family:futura, Arial, Helvetica, sans-serif; font-size: 14x; color: #FFF; text-align:left; width:360px; list-style:none;
}

#gen_tickets li.vip_list{
	font-family:futura, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; text-align:left; width:350px; margin-top:0px; vertical-align:bottom; min-height: 17px; list-style:disc;
}

#vip_tickets li {float: left; list-style:none; margin-top: 5px;  min-height: 25px;vertical-align: middle; }

#vip_tickets li.price {width: 85px; text-align: center;font-size: 18px}
#vip_tickets li.label {width: 205px; text-align: center;}
#vip_tickets li.desc {width: 330px; font-family:futura, Arial, Helvetica, sans-serif; font-size: 15px; color: #FFF;}

#park_tickets li {float: left; list-style:none; margin-top: 5px;  min-height: 25px; vertical-align: middle;}

#park_tickets li.price {width: 90px; text-align: left; font-size: 16px;}
#park_tickets li.label {width: 210px; text-align: left; font-size:16px; }
#park_tickets li.desc {width: 320px; font-family:futura, Arial, Helvetica, sans-serif; font-size: 15px; color: #FFF;}
#park_tickets li.desc2 {width: 320px; font-family:futura, Arial, Helvetica, sans-serif; font-size: 15px; color: #FFF;}

#boxOffice {width: 950px; margin: 0 auto; clear: left; float: left; margin-top: 50px;}
#boxOffice h3.box_office {display: block; text-align: center; font-family:futura, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; }



/* FOOD */

#food h1  { width: 960px; text-align: center;  margin-bottom: 10px; top: 20px;}
#food_sliderContainer { width: 500px; height: 300px; border: 2px solid white; float: right; margin: 30px 55px 10px 25px; }
#loading { width: 500px; height: 300px; border: 2px solid white; float: right; margin: 30px 55px 10px 25px; }
#food h2.foodTitle {display: block; width: 280px; height: 400px; top: 50px; float: left; left: 70px; text-align: center; font-family:futura, Arial, Helvetica, sans-serif; font-size: 24px; color: #FFF; }
#food h2.foodTitle1 {
	display: block;
	width: 800px;
	height: 210px;
	top: 50px;
	float: left;
	left: 70px;
	text-align: center;
	font-family:futura, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
}
#food p {clear: left; text-align: center; margin: 0 auto; font-family:futura, Arial, Helvetica, sans-serif; font-size: 15px; color: #900;  }



/* LODGING */

/*#lodging {width: 950px; margin: 0 auto;  }

.lodging_section { float: left; clear: left; width: 950px; display: block; margin: 20px auto 5px auto;}
.lodging_section h1{ text-align: center; margin: 20px auto 5px auto;}
.lodging_section img {margin-bottom: 10px;}

#lodging li {float: left; clear: left; list-style:none; min-height: 25px;  text-align: center; width: 880px;}
*/

/********************* FAQ *****************************/

#faq {
	width: 950px;
	margin: 0 auto;  
}

.faq_section { 
	float: left; 
	clear: left; 
	width: 950px; 
	display: block; 
	margin: 20px auto 5px auto;
}

.faq_section h1{
	text-align: center; 
	margin: 20px auto 15px auto;
	}
	
.faq_section img {
	margin-bottom: 10px; 
	}


#faq li { 
	float: left; 
	list-style:none; 
	min-height: 25px;  
	text-align: left; 
	width: 820px; 
	}
	
#faq li.question { 
	float: left; 
	clear: left; 
	list-style:none; 
	min-height: 25px;
	width: 820px; color: #F00;
	}

	#faq li.questiontop a {
	float: left; 
	clear: left; 
	list-style:none; 
	min-height: 25px;
	width: 820px;
	padding-bottom:3px;
	color: #F00;  
	font-weight:bold;
	}

#faq li.questiontop a:hover { 
	float: left; 
	clear: left; 
	list-style:none; 
	min-height: 25px;
	width: 820px; 
	color: #fff;  
}

#faq ul.faq_list {
	margin-left: 35px; 
}

/********************* FAQ *****************************/


/********************* DIRECTIONS *****************************/

#directions { 
	padding-left: 30px; 
	padding-top: 30px; 
	font-family:futura, Arial, Helvetica, sans-serif; 
	color: #FFF; 
}

#directions h1 {
	width: 860px; 
	text-align: center; 
	margin-bottom: 10px;
}

/*#directions h1 img { display: block; margin: 0 auto;}*/
#googleMap {
	float: left; 
	width: 400px; 
	height: 315px; 
	margin: 10px 0px 0px 50px;
}

#dir_event { 
	width: 380px; 
	display: block; 
	margin: 0 auto; 
	text-align: center;
}

#directionsText {
	float: left; 
	width: 370px; 
	margin: 10px 0px 0px 30px; 
	height: auto; 
	font-family:futura, Arial, Helvetica, sans-serif; 
	color: #FFF;
}

#directions p.d_title {
	display: block; 
	text-align: center; 
	font-family:futura, Arial, Helvetica, sans-serif; 
	font-size: 24px; color: #FFF;  
}
	#directions p.d_text { 
	display: block; 
	text-align: left;
	font-family:futura, Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #FFF; 
}

/********************* DIRECTIONS *****************************/



/********************* CONTACT *****************************/

#contact { 
	padding-left: 35px;
	padding-top: 25px;
	width:860px; 
}

#contact h1 { 
	width: 860px;
	text-align: center; 
	margin-bottom: 10px;
}

#contact p {
	font-family: "futura", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size:18px;
	padding-top:10px;
}

#contact a:active{
	color:#b50000;
	text-decoration:none;
}

#contact a{
	color:#b50000;
	text-decoration:none;
}

#contact a:hover{
	color:#FFF;
	text-decoration:none;
}

#contact ul.socialList{
	padding: 10px 0px 0px 380px;
}

#contact .socialIcons {
	float:left;
	padding-left:10px;
}

#contact li {
	font-size:18px;
	list-style:none;
	font-family: "futura", Arial, Helvetica, sans-serif;
	
}
/********************* CONTACT *****************************/