@charset "UTF-8";
/* CSS Document */
body  {
  background-image:url(../images/main_bg.jpg); 
  background-position:top left;
  background-repeat:repeat;
  border-width:0px;
  top: 0px;
  left: 0px; } 
  
	
	/* ~~~~~~~~~~~~~~~~~ HEADER section CSS BELOW~~~~~~~~~~~~ */  
#header {
  position:absolute;
  background-image:url(../images/header.jpg); 
  background-position:top left;
  background-repeat:no-repeat;
  border-width:0px;
  width:996px;
  height:288px;
  top:0px;
  left:0px;
  z-index:3 !important; } 
  
.featureWrap {
	position:relative;
	height:auto;
	width:auto;
	}
#featurebox {
	position:absolute;
	background-repeat:no-repeat;
	background-position:top left;
	height: 314px;
	width: 533px;
	top: 20px;
	left: 480px;
	padding-bottom: 35px;
	padding-left: 37px;
	padding-right: 41px;
	padding-top: 30px;
	z-index:10 !important; }
.header {
	position:absolute;
	top:-40px;
	left:40px;
	width:400px;
	height:40px;
	background:url(../images/sunhead.png);
	}
.watchmore {
	position:absolute;
	top:278px;
	left:48px;
	background:url(../images/watchmore.png) no-repeat;
	width:173px;
	height:53px;
	}
.share {
	position:absolute;
	top:278px;
	left:340px;
	background:url(../images/share.png) no-repeat;
	width:88px;
	height:55px;	
	}
.pastshows {
	position:absolute;
	top:50px;
	left:470px;
	}
#rule {
	position:absolute;
	background-image:url(../images/header_rule.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height: 31px;
	width: 635px;
	top: 362px;
	left: 285px;
	z-index: 9 !important; }
	
#free-stamp {
	position:absolute;
	background-image:url(../images/free_stamp.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height: 107px;
	width: 205px;
	top: 250px;
	left: 295px;
	z-index: 12 !important; }

#inksplat {
	background-image:url(../images/ink_splat.gif);
	background-repeat:no-repeat;
	z-index:1 !important;
	position:absolute;
	height:664px;
	width:519px;
	top:0px;
	left:0px; }


	/* ~~~~~~~~~~~~~~~~~ BODY section CSS BELOW~~~~~~~~~~~~ */  
#body-wrapper {
	background:none;
	position:absolute;
	top: 356px;
	left: 0px;
	}
 	
#slide-wrapper  {
	position:absolute;
	top: 8px;
	left: 290px;
	min-width:1024px;
	z-index:3 !important; }
	
.slideDiv {
	height: 1400px; 
	width: 575px;
	overflow: hidden;
	left: 0px;
	padding:10px;
	padding-top:10px;
	padding-right:20px;
	padding-bottom: 25px;
	z-index:4 !important; }
	
.leftalinesponsors {
	height: 100%; 
	width: 575px;
	overflow: hidden;
	left: -10px;
	padding:10px;
	padding-top:10px;
	padding-right:20px;
	padding-bottom: 25px;
	z-index:4 !important; }

.hiddenElement{
	display:none;
	/* Fix IE floating bug */
	position: absolute;
	top: 10px; }

#stardots {
	top: 355px;
	left: 955px;
	position:absolute;
	height: 489px;
	width: 66px;
	z-index:5 !important; }
	
	
img.floatLeft { 
    float: left; 
    margin: 6px; }
    
img.floatRight { 
    float: right; 
    margin: 6px; }
    
img.topImage {
	padding-bottom:10px; }

#lineup {
	height: 100%; 
	width: 600px;
	overflow: hidden;
	left: 0px;
	padding-bottom:10px;
	z-index:3 !important;
	visibility:hidden; }
	
	
	/* ~~~~~~~~~~~~~~~~~ FOOTER section CSS BELOW~~~~~~~~~~~~ */  

	
#footer {
	width: 100%;
	height: 249px;
	background-image:url(../images/footer_bg.gif);
	background-attachment:scroll;
	bottom: 0;
	z-index:5 !important; }



	



	
	
  /* ~~~~~~~~~~~~~~~~~ TYPOGRAPHY CSS BELOW~~~~~~~~~~~~ */  
h1 {
	font-family: Century Gothic, Apple Gothic, sans-serif;
	font-style:normal;
	font-size:24px;
	font-weight:bold;
	color: #210;
	letter-spacing:-1px;
	text-transform:uppercase; }
	
h2 {
	font-family: Century Gothic, Apple Gothic, sans-serif;
	font-style:normal;
	font-size:18px;
	font-weight:bold;
	color: #666633;
	text-transform:uppercase; }

.date {
	font-family: Century Gothic, Apple Gothic, sans-serif;
	color: #CC6600;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	font-size:18px; }
  
p {
	font-family: Century Gothic, Apple Gothic, sans-serif;
	font-size:13px;
	color: #666633 }

p a {
	color: #CC6600;
	font-weight:bold;
	text-decoration:none; }

p a:hover {
	color: #FF9933;
	font-weight:bold;
	text-decoration:none; }



  
  
  
  /* ~~~~~~~~~~~~~~~~~MENU CSS BELOW~~~~~~~~~~~~ */
    
  
 	 #menu-wrapper {
 		 position:absolute;
	 	 background-image:url(../images/menu_bg.gif); 
	 	 background-position:top left;
	 	 background-repeat:repeat-y;
		 height: 535px;
	 	 width: 201px;
 		 top: 275px;
 		 left: 68px;
 		 z-index:4 !important; }
  
	#menu-wrapper a {
		text-indent: -9000px;
		display: block; }
  

	
	/* buttons
	------------------------------------------*/
		
	a#directions {
		background-image:url(../images/main_btn_directions.gif);
		background-repeat:no-repeat;
		position:absolute;
		height: 35px;
		width: 195px;
		top: 6px;
		left: 24px;
		z-index:4 !important; }
	a#faq {
		background-image:url(../images/main_btn_faq.gif);
		position:absolute;
		background-repeat:no-repeat;
		height: 35px;
		width: 195px;
		top: 42px;
		left: 24px;
		z-index:4 !important; }
	a#sponsors2 {
		background-image:url(../images/main_nav_sponsors.gif);
		position:absolute;
		background-repeat:no-repeat;
		height: 34px;
		width: 195px;
		top: 160px;
		left: 24px;
		z-index:4 !important; }
	a#sas {
		background-image:url(../images/main_nav_sas.gif);
		position:absolute;
		background-repeat:no-repeat;
 		height: 35px;
		width: 195px;
		top: 80px;
		left: 24px;
		z-index:4 !important; }
	a#recycling {
		background-image:url(../images/main_nav_recycling.gif); 
		position:absolute;
		background-repeat:no-repeat;
 		height: 35px;
		width: 195px;
		top: 118px;
		left: 24px;
		z-index:4 !important; }
	a#merch4 {
		background-image:url(../images/main_btn_merch.gif);
		position:absolute;
		background-repeat:no-repeat;
 		height: 36px;
		width: 195px;
		top: 182px;
		left: 24px;
		z-index:4 !important; }
	a#complete-lineup {
		background-image:url(../images/lineup_01.gif);
		position:absolute;
		background-repeat:no-repeat;
 		height: 22px;
		width: 179px;
		top: 226px;
		left: 29.5px;
		z-index:4 !important; }
	a#april9 {
		background-image:url(../images/lineup_02.gif);
		position:absolute;
 		height: 22px;
		width: 179px;
		top: 247px;
		left: 29.5px;
		z-index:4 !important; }
	a#april16 {
		background-image:url(../images/lineup_03.gif);
		position:absolute;
 		height: 19px;
		width: 179px;
		top: 266px;
		left: 29.5px;
		z-index:4 !important; }
	a#april23 {
		background-image:url(../images/lineup_04.gif); 
		position:absolute;
 		height: 20px;
		width: 179px;
		top: 285px;
		left: 29.5px;
		z-index:4 !important; }
	a#april30 {
		background-image:url(../images/lineup_05.gif);  
		position:absolute;
 		height: 20px;
		width: 179px;
		top: 304px;
		left: 29.5px;
		z-index:4 !important; }		
	a#may7 {
		background-image:url(../images/lineup_06.gif);
		position:absolute;
		height: 20px;
		width: 179px;
		top: 322.5px;
		left: 29.5px;
		z-index:4 !important; }
	a#may14 {
		background-image:url(../images/lineup_07.gif); 
		position:absolute;
		height: 20px;
		width: 179px;
		top: 341px;
		left: 29.5px;
		z-index:4 !important; }
	a#may21 {
		background-image:url(../images/lineup_08.gif); 
		position:absolute;
		height: 20px;
		width: 179px;
		top: 361px;
		left: 29.5px;
		z-index:4 !important; }
	a#may28 {
		background-image:url(../images/lineup_09.gif); 
		position:absolute;
		height: 19px;
		width: 179px;
		top: 380px;
		left: 29.5px;
		z-index:4 !important; }
	a#june4 {
		background-image:url(../images/lineup_10.gif);
		position:absolute;
		height: 20px;
		width: 179px;
		top: 399px;
		left: 29.5px;
		z-index:4 !important; }
	a#june11 {
		background-image:url(../images/lineup_11.gif);
		position:absolute;
		height: 20px;
		width: 179px;
		top: 418px;
		left: 29.5px;
		z-index:4 !important; }
	a#june18 {
		background-image:url(../images/lineup_12.gif);
		position:absolute;
		height: 20px;
		width: 179px;
		top: 437px;
		left: 29.5px;
		z-index:4 !important; }
	a#june25 {
		background-image:url(../images/lineup_13.gif);
		position:absolute;
		height: 20px;
		width: 179px;
		top: 456px;
		left: 29.5px;
		z-index:4 !important; }
		
		
	a#recycling:hover { 
		background-position: 0 -35px;
		 }
	a#directions:hover {
		background-position: 0 -34px;
		z-index:4 !important; }
	a#merch:hover {
		background-position: 0 -36px;
		z-index:4 !important; }
			a#sponsors2:hover {
		background-position: 0 -34px; }
	a#complete-lineup:hover {
		background-position: 0 -34px; }
	a#april9:hover {
		background-position: 0 -20px; }
	a#april16:hover {
		background-position: 0 -34px;
		z-index:4 !important; }
	
	a#directions:hover
	{ background-position: 0 -34px; }
	
	a#faq:hover
	{ background-position: 0 -35px; }
	
	a#sas:hover
	{ background-position: 0 -34px; }
	
	a#sponsors:hover
	{ background-position: 0 -34px; }
	
	a#april23:hover
	{ background-position: 0 -20px; }
	
	a#april30:hover
	{ background-position: 0 -20px; }
	
	a#may7:hover
	{ background-position: 0 -20px; }
	
	a#may14:hover
	{ background-position: 0 -20px; }
	
	a#may21:hover
	{ background-position: 0 -20px; }
	
	a#may28:hover
	{ background-position: 0 -19px; }
	
	a#june4:hover
	{ background-position: 0 -20px; }
	
	a#june11:hover
	{ background-position: 0 -20px; }
	
	a#june18:hover
	{ background-position: 0 -20px; }
	
	a#june25:hover
	{ background-position: 0 -24px; }
	
	
	a#recycling:hover { 
		background-position: 0 -35px;
		 }
	a#directions:hover {
		background-position: 0 -34px;
		z-index:4 !important; }
	a#merch:hover {
		background-position: 0 -36px;
		z-index:4 !important; }
	a#complete-lineup:hover {
		background-position: 0 -20px; }
	a#april9:hover {
		background-position: 0 -20px; }
	a#april16:hover {
		background-position: 0 -20px;
		z-index:4 !important; }
		
	
	
	#menu_footer {
		background-image:url(../images/menu_footer.jpg);
		position:absolute;
		background-repeat:no-repeat;
		background-position:top left;
		height: 23px;
		width: 201px;
		bottom: 0;
		left: 0px;
		z-index:3 !important; }