/****** Navigation ******/

#navigation {
    height:36px;
    margin: 0px auto auto 10px;
    padding: 0;
    outline: none;
}
   
    #navigation li
    {
        float: left;
        list-style: none;
        font-size: 15px;
        height: 46px;
    }
    
    #navigation a 
    {
		cursor: pointer;
    }
    
#navigation ul {
    height:36px;
    position: relative;
    background: #2F2F2F url(/_Resources/img/nav.png) no-repeat;
    text-align:center;
    margin: 0 auto;
    padding: 0;
}
    
    #navigation ul li 
    {
	    float: left;
	    list-style: none;
	    height:36px;
    }

        #navigation ul li a
        {
	        position: absolute;
	        display: block;
	        text-indent: -9999px;
	        background:#000 url(/_Resources/img/nav.png) no-repeat;
	        overflow: hidden;
	        height: 36px;
	        margin: 0;
	        padding: 0;
	        top:0;
	        
        }
/* home */

    #navigation ul li.home a
    {
	    left:0px; /* here */
	    width: 100px;
	    left: 0px;
	    background-position: 0 0;
    }

    #navigation ul li.home a:hover,
    #navigation ul li.home a.active
    {
	    background-position: 0 -36px;
    }

/* news */

    #navigation ul li.news a
    {
	    left:101px;
	    width: 95px;
	    background-position: -101px 0;
    }

    #navigation ul li.news a:hover,
    #navigation ul li.news a.active
    {
	    background-position: -101px -36px;
    }


/* lineUp */

    #navigation ul li.lineUp a
    {
	    left:193px;
	    width: 110px;
	    background-position: -193px 0;
    }

    #navigation ul li.lineUp a:hover,
    #navigation ul li.lineUp a.active
    {
	    background-position: -193px -36px;
    }
 
/* info */

    #navigation ul li.info a
    {
	    left:303px;
	    width: 87px;
	    background-position: -303px 0;
    }

    #navigation ul li.info a:hover,
    #navigation ul li.info a.active
    {
	    background-position: -303px -36px;
    }
    
/* ticket */

    #navigation ul li.tickets a
    {
	    left:389px;
	    width: 113px;
	    background-position: -389px 0;
    }

    #navigation ul li.tickets a:hover,
    #navigation ul li.tickets a.active
    {
	    background-position: -389px -36px;
    }
    
/* store */

    #navigation ul li.store a
    {
	    left:500px;
	    width: 105px;
	    background-position: -500px 0;
    }

    #navigation ul li.store a:hover,
    #navigation ul li.store a.active
    {
	    background-position: -500px -36px;
    }

/* photos */

    #navigation ul li.photos a
    {
	    left:598px;
	    width: 138px;
	    background-position: -598px 0;
    }

    #navigation ul li.photos a:hover,
    #navigation ul li.photos a.active
    {
	    background-position: -598px -36px;
    }
    
/* partners */

    #navigation ul li.partners a
    {
	    left:710px;
	    width: 195px;
	    background-position: -710px 0;
    }

    #navigation ul li.partners a:hover,
    #navigation ul li.partners a.active
    {
	    background-position: -710px -36px;
    }
    
    
/* register */

    #navigation ul li.register a
    {
	    left:841px;
	    width: 129px;
	    background-position: -841px 0;
    }

    #navigation ul li.register a:hover,
    #navigation ul li.register a.active
    {
	    background-position: -841px -36px;
    }
    
/****** END Navigation ******/