/*
  ----------------------------------------------------------
  Hello.
  You're doing the right thing to learn more about CSS and
  xHTML - looking.
  That's the way I'm learning, and it's one of the best.
  But please don't copy wholesale.
  So, look: don't copy !
  ----------------------------------------------------------
  Copyright (c) 2000-2010
  The Rubycon Copyright (c) 2010
  http://www.therubycon.com/
  ----------------------------------------------------------
  defintion:		layout
  author:			Mark Jackson
  ----------------------------------------------------------
  site:           	Newton Projection Service
  designer:       	Mark Jackson
  creation:   		11 February 2010
  last modified:   	15 February 2010
  scheme:			*****
  layout:			columns
  background:		#333
  font-family:		Sans serif
  ----------------------------------------------------------
  Index				Skip navigation
  Index				Navigation
  ----------------------------------------------------------
  Skip the navigation for sans-css situation
  ----------------------------------------------------------
 */
#skipNav {
    position:absolute;
    top:0;
    left:-999px;
    height:20px;
    padding:10px 20px;
    display:block;
}
#skipNav:focus {
    left:0;
}
/*
  ----------------------------------------------------------
  Navigation
  ----------------------------------------------------------
 */
#nav {
    position:absolute;
    top:60px;
    width:220px;
    height:40px;
    background:url(/img/btn-global-nav.png);
    right:0;
}
#nav span {
    display:none;
}
#nav li {
    position: absolute;
    top:0;
}
#nav li, #nav a {
    height:40px;
    display:block;
}
#nav1 {
    left:0px;
    width:60px;
}
#nav2 {
    left:70px;
    width:67px;
}
#nav3 {
    left:146px;
    width:74px;
}
#nav1 a:hover {
    background:transparent url(/img/btn-global-nav.png) 0px -40px no-repeat;
}
#nav2 a:hover {
    background:transparent url(/img/btn-global-nav.png) -70px -40px no-repeat;
}
#nav3 a:hover {
    background:transparent url(/img/btn-global-nav.png) -146px -40px no-repeat;
}

#home #nav1 {
    background:transparent url(/img/btn-global-nav.png) 0px -40px no-repeat;
}
#about #nav2 {
    background:transparent url(/img/btn-global-nav.png) -70px -40px no-repeat;
}
#contact #nav3 {
    background:transparent url(/img/btn-global-nav.png) -146px -40px no-repeat;
}