/* define main nav bar width, height and background image */
.nav {
  width: 900px;
  height: 44px;
  background: url(images/blue-nav.gif) no-repeat;
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav li {
	display: block;
}

.nav li a {
  left: 0;
  width: 100%;
	text-indent: -9999em;
}

.nav li.current a {
  cursor: default;
}

.nav li .effect {
  left: 0;
  width: 100%;
}

.nav li,
.nav li a,
.nav li .effect {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

/* individual elements defined here */

/* - home - */
/*#nav_home { 
  left: 23px;
  width: 76px;
}
#nav_home .effect, #nav_home a:hover, #nav_home a:focus {
  background: url(images/blue-nav.gif) no-repeat -23px -49px;
}
#nav_home .mousedown, #nav_home a:active {
  background-position: -23px -98px;
}
#nav_home.current a:link, #nav_home.current a:visited {
  background: url(images/blue-nav.gif) no-repeat -23px -147px;
}*/

/* - about - */
#nav_about {
  left: 23px;
  width: 89px;
}
#nav_about .effect, #nav_about a:hover, #nav_about a:focus {
  background: url(images/blue-nav.gif) no-repeat -23px -46px;
}
#nav_about .mousedown, #nav_about a:active {
  background-position: -23px -90px;
}
#nav_about.current a:link, #nav_about.current a:visited {
  background: url(images/blue-nav.gif) no-repeat -23px -136px;
}

/* - services - */
#nav_services {
  left: 113px;
  width: 88px;
}
#nav_services .effect, #nav_services a:hover, #nav_services a:focus {
  background: url(images/blue-nav.gif) no-repeat -113px -46px;
}
#nav_services .mousedown, #nav_services a:active {
  background-position: -113px -90px;
}
#nav_services.current a:link, #nav_services.current a:visited {
  background: url(images/blue-nav.gif) no-repeat -113px -136px;
}

/* - process - */
#nav_process {
  left: 203px;
  width: 90px;
}
#nav_process .effect, #nav_process a:hover, #nav_process a:focus {
  background: url(images/blue-nav.gif) no-repeat -203px -46px;
}
#nav_process .mousedown, #nav_process a:active {
  background-position: -203px -90px;
}
#nav_process.current a:link, #nav_process.current a:visited {
  background: url(images/blue-nav.gif) no-repeat -203px -136px;
}

/* - web 2.0 - */
#nav_web {
  left: 293px;
  width: 89px;
}
#nav_web .effect, #nav_web a:hover, #nav_web a:focus {
  background: url(images/blue-nav.gif) no-repeat -293px -46px;
}
#nav_web .mousedown, #nav_web a:active {
  background-position: -293px -90px;
}
#nav_web.current a:link, #nav_web.current a:visited {
  background: url(images/blue-nav.gif) no-repeat -293px -136px;
}

/* - portfolio - */
#nav_portfolio {
  left: 383px;
  width: 88px;
}
#nav_portfolio .effect, #nav_portfolio a:hover, #nav_portfolio a:focus {
  background: url(images/blue-nav.gif) no-repeat -383px -46px;
}
#nav_portfolio .mousedown, #nav_portfolio a:active {
  background-position: -383px -90px;
}
#nav_portfolio.current a:link, #nav_portfolio.current a:visited {
  background: url(images/blue-nav.gif) no-repeat -383px -136px;
}

/* - clients - */
#nav_clients {
  left: 473px;
  width: 88px;
}
#nav_clients .effect, #nav_clients a:hover, #nav_clients a:focus {
  background: url(images/blue-nav.gif) no-repeat -473px -46px;
}
#nav_clients .mousedown, #nav_clients a:active {
  background-position: -473px -90px;
}
#nav_clients.current a:link, #nav_clients.current a:visited {
  background: url(images/blue-nav.gif) no-repeat -473px -136px;
}

/* - portals - */
#nav_portals {
  left: 563px;
  width: 88px;
}
#nav_portals .effect, #nav_portals a:hover, #nav_portals a:focus {
  background: url(images/blue-nav.gif) no-repeat -563px -46px;
}
#nav_portals .mousedown, #nav_portals a:active {
  background-position: -563px -90px;
}
#nav_portals.current a:link, #nav_portals.current a:visited {
  background: url(images/blue-nav.gif) no-repeat -563px -136px;
}

/* - careers - */
#nav_careers {
  left: 653px;
  width: 88px;
}
#nav_careers .effect, #nav_careers a:hover, #nav_careers a:focus {
  background: url(images/blue-nav.gif) no-repeat -653px -46px;
}
#nav_careers .mousedown, #nav_careers a:active {
  background-position: -653px -90px;
}
#nav_careers.current a:link, #nav_careers.current a:visited {
  background: url(images/blue-nav.gif) no-repeat -653px -136px;
}

/* - contact - */
#nav_contact {
  left: 743px;
  width: 90px;
}
#nav_contact .effect, #nav_contact a:hover, #nav_contact a:focus {
  background: url(images/blue-nav.gif) no-repeat -743px -46px;
}
#nav_contact .mousedown, #nav_contact a:active {
  background-position: -743px -90px;
}
#nav_contact.current a:link, #nav_contact.current a:visited {
  background: url(images/blue-nav.gif) no-repeat -743px -136px;
}