/* MAIN NAV */
#nav {
/*background: #635232;*/
background-image:url(../images/nav_back.jpg);
width: 100%;
height: 40px;
margin: 0 auto 0 auto;
}

ul.navbar {
height:40px;
list-style-type: none;
list-style-position:outside;
position: relative;
margin: 0;
padding: 10px 0 0 0;
}

.navbar li {
display: block;
overflow: hidden;
padding: 0;
float: left;
width: 116px;
height: 40px;
margin-right: 0px;
margin-top:-10px;
text-align: center;
font-size: .85em;
letter-spacing: .20em;
color: #FFF;
border-right: 1px solid #333;
line-height:15px;
}

.navbar li.second {background-image:url(../images/nav_button_case.png);background-position: 0 -40px;}
.navbar li.third {background-image:url(../images/nav_button_capabilites.png);background-position: 0 -40px;}
.navbar li.fourth {background-image:url(../images/nav_button_clients.png);background-position: 0 -40px;}
.navbar li.fifth {background-image:url(../images/nav_button_creative.png);background-position: 0 -40px;}
.navbar li.sixth {background-image:url(../images/nav_button_people.png);background-position: 0 -40px;}
.navbar li.seventh {background-image:url(../images/nav_button_blog.png);background-position: 0 -40px;}
.navbar li.last {background-image:url(../images/nav_button_contact.png);background-position: 0 -40px;}

.navbar li:hover {background-position: 0 0px;}

/*.navbar li.second a:hover, .navbar li.second a:active {background-position: 0 0px;}
.navbar li.third a:hover, .navbar li.third a:active {background-position: 0 0px;}
.navbar li.fourth a:hover, .navbar li.fourth a:active {background-position: 0 0px;}
.navbar li.fifth a:hover, .navbar li.fifth a:active {background-position: 0 0px;}
.navbar li.sixth a:hover, .navbar li.sixth a:active {background-position: 0 0px;}
.navbar li.seventh a:hover, .navbar li.seventh a:active {background-position: 0 0px;}
.navbar li.last a:hover, .navbar li.last a:active {background-position: 0 0px;}*/


body#case .navbar li.second {background-position: 0 0px;}
body#capabilities .navbar li.third {background-position: 0 0px;}
body#clients .navbar li.fourth {background-position: 0 0px;}
body#creative .navbar li.fifth {background-position: 0 0px;}
body#bio .navbar li.sixth {background-position: 0 0px;}
body#blog .navbar li.seventh {background-position: 0 0px;}
body#contact .navbar li.last {background-position: 0 0px;}


.navbar li.first {width: 131px; border: none;}
.navbar li.last {border-right:solid 1px #333; width:126px;}