ul#nav {
	float: left;
	display: block;
	position: relative;	
	margin: 0;
	padding: 0 0 0 38px;
	height: 103px;
	width: 480px;
}

#nav li {
	display: inline;
}

#nav li a:link, #nav li a:visited {
	float: left;
	display: block;
	text-indent: -9999px;
	height: 100px;
}

#nav li a:focus { outline: none; }

#nav li.home { display: none; }
#nav li.product-range a { width: 127px; background: url(../images/product-range2.png) no-repeat 0 0; }
#nav li.about-us a { width: 99px; background: url(../images/about-us2.png) no-repeat 0 0; margin-left: -22px; }
#nav li.latest-news a { width: 106px; background: url(../images/latest-news2.png) no-repeat 0 0; margin-left: -22px; }
#nav li.resources a { width: 95px; background: url(../images/resources3.png) no-repeat 0 0; margin-left: -13px; }
#nav li.contact a { width: 85px; background: url(../images/contact2.png) no-repeat 0 0; margin-left: -10px; }

#nav li a:hover, #nav li.li_selected a { background-position: 0 -100px; }

#nav ul { display: none; }


/* Footer nav */

#footer ul {
	margin: 0;
	padding: 5px 0 0 0;
	clear: both;
	float: right;
	font-size: 1.1em;
}

#footer ul li {
	list-style: none;
	display: inline;
}

#footer ul li a {
	float: left;
	display: block;
	padding: 0 0 0 10px;
	color: #999;
	margin-left: 10px;
}


/* Subnav */

#subnav {
	margin: -15px -15px 0 -15px;
	padding: 20px 0 0 0;
	float: left;
	display: inline;
}

#subnav ul { padding: 0; }

#subnav li {
	list-style: none;
	display: inline;
}

#subnav li a {
	display: block;
	float: left;
	color: #fff;
	font-weight: bold;
	line-height: 22px;
	width: 175px;
	padding: 0 0 0 20px;
	text-decoration: none;
}

#subnav ul li a {
	padding: 0 0 0 45px;
	color: #999;
	width: 135px; /* 175px -40px padding */
	font-weight: normal;
	background: url(../images/bullet_red.gif) no-repeat 25px 9px;
}

	#subnav ul li a:hover {
		background: url(../images/bullet_red.gif) no-repeat 25px 9px;
		color: #fff;
	}
	
	#subnav ul li.li_selected a { font-weight: bold; color: #fff; }

#subnav li a:hover, #subnav li.li_selected a {
	background: url(../images/subnav_bg.jpg) repeat-y 0 0;
	text-decoration: none;
}

	#subnav li.li_selected ul a { background: url(../images/bullet_red.gif) no-repeat 25px 9px; }
	
#subnav li.product-list a { font-style: italic; }