navigation active link with jquery

navigation active link with jquery

Hey,

I'm using jquery to load my files into one div. But because of the jquery its not setting the a active to what i want.

Any idea how to slove this? I want to set the active to white so the user knows which section he/she is on.

Link to site is here:
www.godleydesign.co.uk/aparker









 
  1. body {
     background: #02090F url(../images/background.png) no-repeat;
    }
    #container {
     margin-left:390px;
    }
    #header {
     width:700px;
     color:#ffffff;
     text-align:center;
     word-spacing: 30px;
     border:0px solid red;
    }
    #topsection {
     width:700px;
     text-align:center;
     word-spacing: 30px;
     border:0px solid red;
    }

    #nav {
     background:#000000 url(../images/nav.png) no-repeat;
     color: #ffffff;
     width:700px;
     text-align:left;
     word-spacing: 15px;
     border:0px solid red;
     font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif; 
     font-size:18px; 
     font-weight:bolder;
     padding-top:8px; 
     padding-bottom:13px;
     

    }
    #nav li { 
     display: inline; 
     
    }

    #nav ul { 
     display: inline; 
     padding-top:20px;
     
    }

    #maincontent {
     background: #000000;
     color: #ffffff;
     width:700px;
     text-align:left;
     border:0px solid black;
     font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif; 
     font-size:10px; 
     font-weight:normal; 
     padding-top:10px;
     padding-bottom:10px;
    }

    #footer {
     background: #000000 url(../images/footer.png) no-repeat;
     color: #ffffff;
     width:700px;
     text-align:center;
     border:0px solid red;
     font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif; 
     font-size:9px; 
     font-weight:normal; 
     padding-top:2em;
     padding-bottom:2em;
     
    }

    a:link {
     
     color: #0E0D0D;
     width:700px;
     text-align:left;
     word-spacing: 15px;

     font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif; 
     font-size:18px; 
     font-weight:bolder;
     text-decoration: none; 
     } /* unvisited link */
     
    a:visited {

     color: #0E0D0D;
     width:700px;
     text-align:left;
     word-spacing: 15px;

     font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif; 
     font-size:18px; 
     font-weight:bolder;
     text-decoration: none; 
     } /* visited link */
     
    a:hover {
     color: #ffffff;
     width:700px;
     text-align:left;
     word-spacing: 15px;
     
     font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif; 
     font-size:18px; 
     font-weight:bolder;
     text-decoration: none; 
     } /* mouse over link */
     
    a:active {
     background: #212121;
     color: #F4D200;
     width:700px;
     text-align:left;
     word-spacing: 15px;
     
     font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif; 
     font-size:18px; 
     font-weight:bolder;
     text-decoration: none; 
     } /* selected link */