/*********************************************************
  Top Navigation Starts  
*********************************************************/
    .MainSiteNavigation
    {
    position:absolute;
    bottom:0px;
    right:0px;
    background-color:White;
    height:20px;
    }

    ul#navtop li
    {
    display:inline;
    list-style-type:none;
    float:left;
    padding-left:1px;

    }

    ul#navtop li a
    {
    display:block;
    float:left;
    height:20px;
    text-indent:-9999px;
    background-image:url(../Images/MainNavSprite.gif);
    background-repeat:no-repeat;
    }

    /*  Normal state starts  */
        ul#navtop li.home a
        {
        width:50px;
        background-position: 0 -20px;
        }
        ul#navtop li.aboutus a
        {
        width:71px;
        background-position: -51px -20px;
        }
        ul#navtop li.services a
        {
        width:92px;
        background-position:-123px -20px;
        }
        ul#navtop li.portfolio a
        {
        width:66px;
        background-position:-216px -20px;
        }
        ul#navtop li.careers a
        {
        width:62px;
        background-position:-283px -20px;
        }
        ul#navtop li.contactus a
        {
        width:84px;
        background-position:-346px -20px;
        }
        ul#navtop li.news a
        {
        width:113px;
        background-position:-431px -20px;
        }

    /*  Normal state ends  */

    /*  Hover and selected states starts  */
        ul#navtop li.home a:hover, ul#navtop li.home a.selected
        {
        width:50px;
        background-position:0 0;
        }
        ul#navtop li.aboutus a:hover, ul#navtop li.aboutus a.selected
        {
        width:71px;
        background-position: -51px 0px;
        }
        ul#navtop li.services a:hover, ul#navtop li.services a.selected
        {
        width:92px;
        background-position:-123px 0px;
        }
        ul#navtop li.portfolio a:hover, ul#navtop li.portfolio a.selected
        {
        width:66px;
        background-position:-216px 0px;
        }
        ul#navtop li.careers a:hover, ul#navtop li.careers a.selected
        {
        width:62px;
        background-position:-283px 0px;
        }
        ul#navtop li.contactus a:hover, ul#navtop li.contactus a.selected
        {
        width:84px;
        background-position:-346px 0px;
        }
        ul#navtop li.news a:hover,ul#navtop li.news a.selected
        {
        width:113px;
        background-position:-431px 0px;
        }
    /*  Hover and selected states ends  */
/*  Top Navigation ends  */


/*********************************************************
  Right Navigation Starts  
*********************************************************/
   
    ul.rightnav li
    {
    display:inline;
    list-style-type:none;
    }

    ul.rightnav li a
    {
    display:block;
    height:380px;
    text-indent:-9999px;

    }
    
    
    /*  Normal state starts
        Apply image to li (mainly for IE to stop flicker
    */

        ul.rightnav li.item8 a, ul.rightnav li.item8
        {        
        background-position: -168px -381px;
        background-repeat: no-repeat; 
        }
        ul.rightnav li.item7 a, ul.rightnav li.item7
        {
        background-position:  -144px -381px;
        background-repeat: no-repeat; 
        }
        ul.rightnav li.item6 a, ul.rightnav li.item6
        {
        background-position:-120px -381px;
        background-repeat: no-repeat; 
        }
        ul.rightnav li.item5 a, ul.rightnav li.item5
        {
        background-position:  -96px -381px;
        background-repeat: no-repeat; 
        }
        ul.rightnav li.item4 a, ul.rightnav li.item4
        {
        background-position:  -72px -381px;
        background-repeat: no-repeat; 
        }
        ul.rightnav li.item3 a, ul.rightnav li.item3
        {
        background-position:  -48px -381px;
        background-repeat: no-repeat; 
        }
        ul.rightnav li.item2 a,ul.rightnav li.item2
        {
        background-position:  -24px -381px;
        background-repeat: no-repeat; 
        }
        ul.rightnav li.item1 a, ul.rightnav li.item1
        {
        background-position:  -0px -381px;
        background-repeat: no-repeat; 
        }
    /*  Normal state ends  */
    




    /*  Hover and selected states starts  */
        ul.rightnav li.item8 a:hover, ul.rightnav li.item8 a.selected
        {
        background-position:  -168px 0px;
        background-repeat: no-repeat; 
        }
        ul.rightnav li.item7 a:hover, ul.rightnav li.item7 a.selected
        {
        background-position:  -144px 0px;
        background-repeat: no-repeat; 
        }
        ul.rightnav li.item6 a:hover, ul.rightnav li.item6 a.selected
        {
        background-position:  -120px 0px;
        background-repeat: no-repeat; 
        }
        ul.rightnav li.item5 a:hover, ul.rightnav li.item5 a.selected
        {
        background-position:  -96px 0px;
        background-repeat: no-repeat; 
        }
        ul.rightnav li.item4 a:hover, ul.rightnav li.item4 a.selected
        {
        background-position:  -72px 0px;
        background-repeat: no-repeat; 
        }
        ul.rightnav li.item3 a:hover, ul.rightnav li.item3 a.selected
        {
        background-position:  -48px 0px;
        background-repeat: no-repeat; 
        }
        ul.rightnav li.item2 a:hover,ul.rightnav li.item2 a.selected
        {
        background-position:  -24px 0px;
        background-repeat: no-repeat; 
        }
        ul.rightnav li.item1 a:hover, ul.rightnav li.item1 a.selected
        {
        background-position:  0px 0px;
        background-repeat: no-repeat; 
        }

    /*  Hover and selected states ends  */
/*  Right Navigation ends  */




/* Footer Links start */

    .OfficeLinks
    {
    float:left;
    background-color:White;
    height:20px;
    padding-left:3px;
    }

    #ulOfficeLinks li
    {
    display:inline;
    list-style-type:none;

    }

    #ulOfficeLinks li a
    {
    display:block;
    float:left;
    height:20px;
    text-indent:-9999px;
    background-image:url(../Images/OfficeLinks.gif);
    background-repeat:no-repeat;
    }

    /*  Normal state starts  */
        #ulOfficeLinks li.Billericay a
        {
        width:63px;
        background-position: 0 -20px;
        }
        #ulOfficeLinks li.Colchester a
        {
        width:80px;
        background-position: -63px -20px;
        }
        #ulOfficeLinks li.London a
        {
        width:60px;
        background-position:-143px -20px;
        }
        #ulOfficeLinks li.Norwich a
        {
        width:63px;
        background-position:-203px -20px;
        }
        #ulOfficeLinks li.Peterborough a
        {
        width:101px;
        background-position:-266px -20px;
        }
        
    /*  Normal state ends  */

    /*  Hover and selected states starts  */
        #ulOfficeLinks li.Billericay a:hover, #ulOfficeLinks li.Billericay a.selected
        {
        width:63px;
        background-position:0 0;
        }
        #ulOfficeLinks li.Colchester a:hover, #ulOfficeLinks li.Colchester a.selected
        {
        width:80px;
        background-position:-63px 0;
        }
        #ulOfficeLinks li.London a:hover, #ulOfficeLinks li.London a.selected
        {
        width:60px;
        background-position:-143px 0;
        }
        #ulOfficeLinks li.Norwich a:hover, #ulOfficeLinks li.Norwich a.selected
        {
        width:63px;
        background-position:-203px 0;
        }
        #ulOfficeLinks li.Peterborough a:hover, #ulOfficeLinks li.Peterborough a.selected
        {
        width:101px;
        background-position:-266px 0;
        }
    /*  Hover and selected states ends  */



/* Footer Links end */