/*
  ----------------------------------------------------------
  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:		Navigation
  author:			Mark Jackson
  ----------------------------------------------------------
  site:           	4RF Communications
  designer:       	Mark Jackson
  creation:   		13 August 2009
  last modified:   	5 February 2010
  scheme:			*****
  layout:			*****
  background:		*****
  font-family:		*****
  ----------------------------------------------------------
  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:743px;
    height:40px;
    background:url(/img/navigation-bar.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:61px;
}
#nav2 {
    left:61px;
    width:99px;
}
#nav3 {
    left:160px;
    width:106px;
}
#nav4 {
    left:266px;
    width:91px;
}
#nav5 {
    left:357px;
    width:92px;
}
#nav6 {
    left:449px;
    width:80px;
}
#nav7 {
    left:529px;
    width:63px;
}
#nav8 {
    left:592px;
    width:73px;
}
#nav9 {
    left:665px;
    width:78px;
}
#nav1 a:hover {
    background:transparent url(/img/navigation-bar.png) 0px -40px no-repeat;
}
#nav2 a:hover {
    background:transparent url(/img/navigation-bar.png) -61px -40px no-repeat;
}
#nav3 a:hover {
    background:transparent url(/img/navigation-bar.png) -160px -40px no-repeat;
}
#nav4 a:hover {
    background:transparent url(/img/navigation-bar.png) -266px -40px no-repeat;
}
#nav5 a:hover {
    background:transparent url(/img/navigation-bar.png) -357px -40px no-repeat;
}
#nav6 a:hover {
    background:transparent url(/img/navigation-bar.png) -449px -40px no-repeat;
}
#nav7 a:hover {
    background:transparent url(/img/navigation-bar.png) -529px -40px no-repeat;
}
#nav8 a:hover {
    background:transparent url(/img/navigation-bar.png) -592px -40px no-repeat;
}
#nav9 a:hover {
    background:transparent url(/img/navigation-bar.png) -665px -40px no-repeat;
}

#home #nav1 {
    background:transparent url(/img/navigation-bar.png) 0px -40px no-repeat;
}
#products #nav2 {
    background:transparent url(/img/navigation-bar.png) -61px -40px no-repeat;
}
#industry #nav3 {
    background:transparent url(/img/navigation-bar.png) -160px -40px no-repeat;
}
#support #nav4 {
    background:transparent url(/img/navigation-bar.png) -266px -40px no-repeat;
}
#services #nav5  {
    background:transparent url(/img/navigation-bar.png) -357px -40px no-repeat;
}
#library #nav6  {
    background:transparent url(/img/navigation-bar.png) -449px -40px no-repeat;
}
#news #nav7 {
    background:transparent url(/img/navigation-bar.png) -529px -40px no-repeat;
}
#about #nav8 {
    background:transparent url(/img/navigation-bar.png) -592px -40px no-repeat;
}
#contact #nav9 {
    background:transparent url(/img/navigation-bar.png) -665px -40px no-repeat;
}

/*
  --------------------------------------------------------------
  industry styles
  --------------------------------------------------------------
 */
ul#industries {
    background:url(/img/industries-bar.png) no-repeat;
    width:980px;
    height:60px;
    position:relative;
    top:0;
    left:0;
    border:0px solid white;
}
ul#industries li {
    position:absolute;
    top:0;
}
ul#industries li {
    height:60px;
    display:block;
    border-left:0px solid white;
}
ul#industries a {
    height:60px;
    display:block;
    border-left:0px solid white;
}
ul#industries span {display:none;}
#industry1 {
    left:0px;
    width:140px;
}
#industry2 {
    left:140px;
    width:140px;
}
#industry3 {
    left:280px;
    width:140px;
}
#industry4 {
    left:420px;
    width:140px;
}
#industry5 {
    left:560px;
    width:140px;
}
#industry6 {
    left:700px;
    width:140px;
}
#industry7 {
    left:840px;
    width:140px;
}
#industry1 a:hover {
    background:transparent url(/img/industries-bar.png) 0px -60px no-repeat;
}
#industry2 a:hover {
    background:transparent url(/img/industries-bar.png) -140px -60px no-repeat;
}
#industry3 a:hover {
    background:transparent url(/img/industries-bar.png) -280px -60px no-repeat;
}
#industry4 a:hover {
    background:transparent url(/img/industries-bar.png) -420px -60px no-repeat;
}
#industry5 a:hover {
    background:transparent url(/img/industries-bar.png) -560px -60px no-repeat;
}
#industry6 a:hover {
    background:transparent url(/img/industries-bar.png) -700px -60px no-repeat;
}
#industry7 a:hover {
    background:transparent url(/img/industries-bar.png) -840px -60px no-repeat;
}
/*
  --------------------------------------------------------------
  local navigation
  --------------------------------------------------------------
 */
div.section .localNav {
	background: #eee url(/img/localNav-bg.png) repeat-y;
	margin:0;
	padding:0;
	width:200px;
}
div.section .localNav li {
    font-family: Helvetica;
	text-decoration: none;
	list-style: none;
	margin:0;
	padding:0;
}
div.section .localNav li a {
	border-bottom: 1px solid #d3d6d7;
	color:#424459;
	display: block;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding: 11px 0 10px 10px;
	position: relative;
	width:189px;
}
div.section .localNav .active a {
	background:#da0024 url(/img/localNav-current.png) no-repeat right center;
	border: none;
	color: #fff;
	padding-right: 11px;
}
div.section .localNav ul {
	font-weight: normal;
	margin:10px 0;
	padding:0;
	width:211px;
}
div.section .localNav ul li {
	margin:5px 0;
	font-weight: normal;
	color:#555;
	position: relative;
}
div.section .localNav li ul li a {
	background-image: none;
	border:0;
	display:block;
	color:#555;
	font-weight: normal;
	font-size:1.2em;
	padding:5px 25px 3px 20px;
	width:154px;
}
div.section .localNav li ul li.active a {
	background-image: none;
	border:0;
	display:block;
	color:#fff;
	font-weight: normal;
	font-size:1.2em;
	padding:5px 25px 3px 20px;
	width:154px;
}
div.section .localNav li li a:hover, div.section .localNav li li a:hover {
	background:#ddd;
	color:#333;
	width:154px;
}