#nav ul li a, #subnav ul li a{
border:0;
}

#nav{
padding-left:200px;
}

#nav ul{
height:25px;
border-left:1px solid #ccc;
}

#nav ul li{
float:left;
margin-right:5px;
height:25px;
}

#nav ul li a{
display:block;
height:25px;
}

#nav ul li a:hover{
background-image:none;
}

#nav ul li a:active{
background-position:0px -50px;
}

#nav ul li#about{
background:url(/images/nav/about_nav.gif) 0 0 no-repeat;
width:75px;
}

#nav ul li#about a{
background:url(/images/nav/about_nav.gif) 0 -25px no-repeat;
width:75px;
}

#nav ul li#about a:hover{
background-image:none;
}

#nav ul li#about a:active{
background-position:0px -50px;
}

#nav ul li#approach{
background:url(/images/nav/approach_nav.gif) 0 0 no-repeat;
width:81px;
}

#nav ul li#approach a{
background:url(/images/nav/approach_nav.gif) 0 -25px no-repeat;
width:81px;
}

#nav ul li#approach a:hover{
background-image:none;
}

#nav ul li#approach a:active{
background-position:0px -50px;
}

#nav ul li#clients{
background:url(/images/nav/clients_nav.gif) 0 0 no-repeat;
width:64px;
}

#nav ul li#clients a{
background:url(/images/nav/clients_nav.gif) 0 -25px no-repeat;
width:64px;
}

#nav ul li#clients a:hover{
background-image:none;
}

#nav ul li#clients a:active{
background-position:0px -50px;
}

#nav ul li#news{
background:url(/images/nav/news_nav.gif) 0 0 no-repeat;
width:60px;
}

#nav ul li#news a{
background:url(/images/nav/news_nav.gif) 0 -25px no-repeat;
width:60px;
}

#nav ul li#news a:hover{
background-image:none;
}

#nav ul li#news a:active{
background-position:0px -50px;
}

#nav ul li#contact{
background:url(/images/nav/contact_nav.gif) 0 0 no-repeat;
width:75px;
}

#nav ul li#contact a{
background:url(/images/nav/contact_nav.gif) 0 -25px no-repeat;
width:75px;
}

#nav ul li#contact a:hover{
background-image:none;
}

#nav ul li#contact a:active{
background-position:0px -50px;
}

#nav ul li a span{
display:none;
}

#subnav ul{
float:left;
margin-top:92px;
padding-top:11px;
/*margin-bottom:43px; /*keep the screen at least as big as the home page*/
background:url(/images/nav/gallery_head.gif) top left no-repeat;
}

/* I had to change the <li> from display:block to float:left because IE/Win was placing an unexplained margin on the bottom of every <li>.  This margin dissapeared when we set the display:none on the <a> elements in the lists.  The resolution was to float:left the <li>.  */

#subnav ul li{
float:left;
width:200px;
}

/*#subnav ul li.first{
border-top:1px solid #ccc;
}*/

#subnav ul li a{
display:block;
height:20px;
}

#subnav ul li a span{
display:none;
}

#subnav ul li#ads.on, #subnav ul li#pubs.on, #subnav ul li#events.on, #subnav ul li#identities.on, #subnav ul li#web.on, #subnav ul li#more.on{
background-color:#ccc;
}

#subnav ul li#ads{
background:url(/images/nav/ads_nav.gif) 126px 0 no-repeat;
width:74px;
padding-left:126px;
}

#subnav ul li#ads a{
background:url(/images/nav/ads_nav.gif) 0 -20px no-repeat;
width:74px;
}

#subnav ul li#ads a:hover{
background-image:none;
}

#subnav ul li#ads a:active{
background-position:0px -20px;
}


#subnav ul li#events{
background:url(/images/nav/events_nav.gif) 112px 0 no-repeat;
padding-left:112px;
width:88px;
}

#subnav ul li#events a{
background:url(/images/nav/events_nav.gif) 0 -20px no-repeat;
width:88px;
}

#subnav ul li#events a:hover{
background-image:none;
}

#subnav ul li#events a:active{
background-position:0px -20px;
}


#subnav ul li#identities{
background:url(/images/nav/identities_nav.gif) 98px 0 no-repeat;
padding-left:98px;
width:102px;
}

#subnav ul li#identities a{
background:url(/images/nav/identities_nav.gif) 0 -20px no-repeat;
width:102px;
}

#subnav ul li#identities a:hover{
background-image:none;
}

#subnav ul li#identities a:active{
background-position:0px -20px;
}

#subnav ul li#web{
background:url(/images/nav/web_nav.gif) 83px 0 no-repeat;
padding-left:83px;
width:117px;
}

#subnav ul li#web a{
background:url(/images/nav/web_nav.gif) 0 -20px no-repeat;
width:117px;
}

#subnav ul li#web a:hover{
background-image:none;
}

#subnav ul li#web a:active{
background-position:0px -20px;
}

#subnav ul li#pubs{
background:url(/images/nav/pubs_nav.gif) 83px 0 no-repeat;
padding-left:83px;
width:117px;
}

#subnav ul li#pubs a{
background:url(/images/nav/pubs_nav.gif) 0 -20px no-repeat;
width:117px;
}

#subnav ul li#pubs a:hover{
background-image:none;
}

#subnav ul li#pubs a:active{
background-position:0px -20px;
}

#subnav ul li#more{
background:url(/images/nav/more_nav.gif) 83px 0 no-repeat;
padding-left:83px;
width:117px;
}

#subnav ul li#more a{
background:url(/images/nav/more_nav.gif) 0 -20px no-repeat;
width:117px;
}

#subnav ul li#more a:hover{
background-image:none;
}

#subnav ul li#more a:active{
background-position:0px -20px;
}