body {
    background: #BDF3FF url('img/bg.png') repeat-y scroll center top;
    font-family: Arial, Helvetica, sans-serif;
}

p {
    text-indent: 3em;
    font-size: 110%;
}

a {
  text-decoration: none;
  color: #6FB2E8;
}
a:hover {
  cursor: hand;
  color: orange;
}
@font-face {
	font-family: 'JonnyQuestClassicRegular';
	src: url('Jonny_Quest_Classic.eot');
	src: local('Jonny Quest Classic'), local('JonnyQuestClassic'), url('Jonny_Quest_Classic.woff') format('woff'), url('Jonny_Quest_Classic.ttf') format('truetype');
}
@font-face {
	font-family: 'Fiesta';
	src: url('Fiesta.eot');
	src: local('Fiesta'), url('Fiesta.woff') format('woff'), url('Fiesta.ttf') format('truetype');
}
img {border: none;}
h1 {
    font-size: 4em;
    text-align: center;
    font-family: 'Fiesta', sans-serif;
    
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
h2 {
    text-align: center;
    font-family: 'JonnyQuestClassicRegular', sans-serif;
    font-size: 3em;
    margin: 0px 0 0px 0;
}
h5 {
    text-align: center;
}

#container {
    width: 800px;
    margin: 0 auto;
}

#header {
    width: 100%;
    height: 450px;
    background-image: url(img/header.png);
    position: relative;
}

.nav {
    float: left;
    position: relative;
}
#home {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
}
#purpose {
    height: 43px;
    width: 101px;
    background-image: url(img/purpose.png);
    top: 262px;
    left: 175px;
}
#purpose:hover {
    background-image: url(img/purpose_hover.png);
}
#lineup {
    height: 40px;
    width: 113px;
    background-image: url(img/lineup.png);
    top: 250px;
    left: 190px;
}
#lineup:hover {
    background-image: url(img/lineup_hover.png);
}
#festivities {
    height: 50px;
    width: 123px;
    background-image: url(img/festivities.png);
    top: 328px;
    left: 110px;
}
#festivities:hover {
    background-image: url(img/festivities_hover.png);
}
#media {
    height: 44px;
    width: 84px;
    background-image: url(img/media.png);
    top: 300px;
    left: 120px;
}
#media:hover {
    background-image: url(img/media_hover.png);
}
#contact {
    height: 42px;
    width: 108px;
    background-image: url(img/contact.png);
    top: 300px;
    left: 132px;
}
#contact:hover {
    background-image: url(img/contact_hover.png);
}
#content {
    background-color: white;
    padding: 30px 30px 30px 30px;
    border: 4px groove black;
         -moz-border-radius-topright: 50px; /* FF1+ */
          -webkit-border-top-right-radius: 50px; /* Saf3+, Chrome */
          border-top-right-radius: 50px; /* Opera 10.5, IE 9 */
          
          -moz-border-radius-bottomleft: 50px; /* FF1+ */
          -webkit-border-bottom-left-radius: 50px; /* Saf3+, Chrome */
          border-bottom-left-radius: 50px; /* Opera 10.5, IE 9 */
          
          -moz-box-shadow: 0px 0px 11px #571f00; /* FF3.5+ */
          -webkit-box-shadow: 0px 0px 11px #571f00; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 11px #571f00; /* Opera 10.5, IE 9.0 */
          filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#000'); /* IE6,IE7 */
          -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#000')"; /* IE8 */
}
.box_shadow {

}
  

#footer {
    text-align: center;
    paddin-bottom: 0;
    margin-top: 20px;
    background-color: #faf39b;
    border: 4px groove black;
    -moz-border-radius-topleft: 50px; /* FF1+ */
          -webkit-border-top-left-radius: 50px; /* Saf3+, Chrome */
          border-top-left-radius: 50px; /* Opera 10.5, IE 9 */
}
#footer p {
    font-family: 'JonnyQuestClassicRegular', sans-serif;
    word-spacing: 15px;
    margin: 0 auto;
    padding: 1em;
    padding-bottom: 1em;
    font-size: 1.8em;
    text-indent: 0;
    height: 32px;
}
#footer a {
  color: black;
}
#designers {
  padding-top: 10px;
}
    
.right {
float: right;
  text-align: right;
  margin-right: 15em;
  margin-top: 0;
  padding-top: 0;
}

.brown {color: #000;}
.blue {color: #4bbaea;}
.green {color: #84c441;}
.pink {color: #f496bf;}
.coral {color: #f16061;}
.orange {color: #e8a123;}

#brown_h:hover {color: #000;}
#blue_h:hover {color: #4bbaea;}
#green_h:hover {color: #84c441;}
#pink_h:hover {color: #f496bf;}
#coral_h:hover {color: #f16061;}
#orange_h:hover {color: #e8a123;}

.float_r {
  float: right;
  margin-left: 30px;
}
.float_l {
  float: left;
  margin: 20px 20px 20px 0;
}

#lineup_pg h2:hover{
  color: #4bbaea;
}
#lineup_pg table {
  margin: 0 auto;
}
.center {
  text-align: center;
  margin: 0 auto;
  display: block;
  text-indent: 0;
}

#yt_video {
  width: 640px;
  margin: 20px auto 20px auto;
}



	dl.image_map {display:block; width:800px; height:480px; background:url(img/sponsors.png); position:relative; margin:2px auto 2px auto;}
	a.LINK0 {left:0px; top:0px; background:transparent;}
	a.LINK0 {display:block; width:250px; height:0; padding-top:226px; overflow:hidden; position:absolute;}
	a.LINK0:hover  {background:transparent;  color:black;}
	a.LINK1 {left:255px; top:0px; background:transparent;}
	a.LINK1 {display:block; width:245px; height:0; padding-top:227px; overflow:hidden; position:absolute;}
	a.LINK1:hover  {background:transparent;  color:black;}
	a.LINK2 {left:511px; top:0px; background:transparent;}
	a.LINK2 {display:block; width:286px; height:0; padding-top:180px; overflow:hidden; position:absolute;}
	a.LINK2:hover  {background:transparent;  color:black;}
	a.LINK3 {left:0px; top:242px; background:transparent;}
	a.LINK3 {display:block; width:286px; height:0; padding-top:235px; overflow:hidden; position:absolute;}
	a.LINK3:hover  {background:transparent;  color:black;}
	a.LINK4 {left:284px; top:236px; background:transparent;}
	a.LINK4 {display:block; width:216px; height:0; padding-top:241px; overflow:hidden; position:absolute;}
	a.LINK4:hover  {background:transparent;  color:black;}
	a.LINK5 {left:505px; top:288px; background:transparent;}
	a.LINK5 {display:block; width:292px; height:0; padding-top:189px; overflow:hidden; position:absolute;}
	a.LINK5:hover  {background:transparent;  color:black;}
	a.LINK6 {left:505px; top:178px; background:transparent;}
	a.LINK6 {display:block; width:292px; height:0; padding-top:111px; overflow:hidden; position:absolute;}
	a.LINK6:hover  {background:transparent;  color:black;}
	
	
	/*Galleria*/
#photos {
	text-align: center;
	margin: 0;
	padding: 0;
	padding:20px;background: none;text-align:center;color:#bba;font:80%/140% georgia,serif;
}
#photos ul {
	padding: 0 0 0 0;
}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
	/* BEGIN DEMO STYLE */
	#photos h1, #photos h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	#photos a{color:#348;text-decoration:none;outline:none;}
	#photos a:hover{color:#67a;}
	.caption{font-style:italic;color:#887;}
	.gallery{width:702px;margin:0 auto;}
	.gallery li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
	.gallery li div{left:240px}
	.gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	#photo_nav h2 {display: inline; font-size: 15px;}
	#main_image{margin:1em auto 60px auto; width: inherit;}
	#main_image img{margin: 0 auto; text-align: center; display: block; }
	
	.galleria_nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; margin: 0 auto; text-align: center;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}