﻿/****** Navigation ******/

#navigation {
    height:40px;
    width: 900px;
    margin: 0;
    padding: 0;
}

#navigation ul {
    height:40px;
    width: 900px;
    position: relative;
    background:#000 url(/_Resources/img/nav.jpg) no-repeat;
    text-align:center;
    margin: 0;
    padding: 0;
}
    
    #navigation ul li 
    {
	    float: left;
	    list-style: none;
    }

        #navigation ul li a
        {
	        position: absolute;
	        display: block;
	        text-indent: -9999px;
	        background:#000 url(/_Resources/img/nav.jpg) no-repeat;
	        overflow: hidden;
	        height: 41px;
	        margin: 0;
	        padding: 0;
	        top:0;
        }

    #navigation ul li.home a
    {
	    left:0px; /* here */
	    width: 65px;
	    right: 10px;
	    background-position: 0 0;
    }

    #navigation ul li.home a:hover,
    #navigation ul li.home a.active
    {
	    background-position: 0 -41px;
    }

    #navigation ul li.news a
    {
	    left:67px;
	    width: 56px;
	    background-position: -67px 0;
    }

    #navigation ul li.news a:hover,
    #navigation ul li.news a.active
    {
	    background-position: -67px -41px;
    }

    #navigation ul li.torvillDean a
    {
	    left: 123px;
	    width: 119px;
	    background-position: -123px 0;
    }

    #navigation ul li.torvillDean a:hover,
    #navigation ul li.torvillDean a.active
    {
	    background-position: -123px -41px;
    }

    #navigation ul li.celebrity a
    {
	    left: 242px;
	    width: 139px;
	    background-position: -242px 0;
    }

    #navigation ul li.celebrity a:hover,
    #navigation ul li.celebrity a.active
    {
	    background-position: -242px -41px;
    }

    #navigation ul li.professional a
    {
	    left: 381px;
	    width: 167px;
	    background-position: -381px 0;
    }

    #navigation ul li.professional a:hover,
    #navigation ul li.professional a.active
    {
	    background-position: -381px -41px;
    }

    #navigation ul li.hostJudges a
    {
	    left: 548px;
	    width: 112px;
	    background-position: -548px 0;
    }

    #navigation ul li.hostJudges a:hover,
    #navigation ul li.hostJudges a.active
    {
	    background-position: -548px -41px;
    }
    
    #navigation ul li.tourDatesTickets a
    {
	    left: 660px;
	    width: 159px;
	    background-position: -660px 0;
    } 

    #navigation ul li.tourDatesTickets a:hover,
    #navigation ul li.tourDatesTickets a.active
    {
	    background-position: -660px -41px;
    }
              
    #navigation ul li.gallery a
    {
	    left: 820px;
	    width: 80px;
	    background-position: -820px 0;
    }   

    #navigation ul li.gallery a:hover,
    #navigation ul li.gallery a.active
    {
	    background-position: -820px -41px;
    } 

/****** Navigation ******/ 