/* =====================
  	Header Layout
   ====================*/

#homelink
{
	display: block;
	width: 100%;
	height: 110px;
}

#header-container
{
	background: transparent url(../../images/front-header.jpg) no-repeat scroll 50% top;
}

#branding
{
	height: 109px;
}

#branding h1
{
	margin: 0; padding: 0;
	font-size: 1em;
	width: 255px;
	height: 109px;
	float: left;
}

#branding #value-statement
{
	font-size: 1em;
}

/* =====================
  	Main Navigation
   ====================*/

#topnav, #topnav li
{
	margin: 0; padding: 0; list-style: none;
}

#topnav
{
	background-color: #000;
	height: 21px;
	width: 945px;
	padding: 13px 20px 0 20px;
	overflow: hidden;
}

#topnav li
{
	color: #fff;
	float: left;
	padding: 0;
}

#topnav li.last
{

}

#topnav a
{
	display: block;
	color: #fff;
	font-size: 1em;
	height: 17px;
	background: url(../../images/sprite-main-nav.png) no-repeat scroll left top;	
}

/* === individual menu item rules */

a#nav-store
{
	width: 73px;
	background-position: 0 0;
}

a#nav-stage
{
	width: 82px;
	background-position: -73px 0;
}

a#nav-lunch
{
	width: 150px;
	background-position: -155px 0;
}

a#nav-shop
{
	width: 104px;
	background-position: -305px 0;
}

a#nav-music
{
	width: 128px;
	background-position: -409px 0;
}

a#nav-perform
{
	width: 123px;
	background-position: -536px 0;
}

a#nav-community
{
	width: 130px;
	background-position: -659px 0;
}

a#nav-news
{
	width: 105px;
	border-width: 0;
	background-position: -789px 0;
}

a#nav-home
{
	width: 50px;
	background-position: -894px 0;
}

/* = hover states = */
body.store #nav-store,
#nav-store:hover
{
	background-position: 0 -20px;
}

body.stage #nav-stage,
#nav-stage:hover
{
	background-position: -73px -20px;
}

body.lunch-counter #nav-lunch,
#nav-lunch:hover
{
	background-position: -155px -20px;
}

body.shop #nav-shop,
#nav-shop:hover
{
	background-position: -305px -20px;
}

body.music-education #nav-music,
#nav-music:hover
{
	background-position: -409px -20px;
}

body.performers #nav-perform,
#nav-perform:hover
{
	background-position: -536px -20px;
}

body.community #nav-community,
#nav-community:hover
{
	background-position: -659px -20px;
}

body.news #nav-news,
#nav-news:hover
{
	background-position: -789px -20px;
}

body.home #nav-home,
#nav-home:hover
{
	background-position: -894px -20px;
}