#nav {
	float: right;
	width: 375px;
	height: 20px;
	background: url(../images/nav_back.gif) repeat-x right top;
	margin-top: 8px;
}

#nav ul {
	height: 20px;
	margin: 0;
	list-style: none;
}

#nav li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1px;
}

#nav a {
	float: left;
	height: 20px;
	text-decoration: none;
	text-align: center;
	font-size: 0.85em;
	line-height: normal;
	text-indent: -5000px;
}

#nav a.about, #nav a.about_current {
	background: url(../images/nav.png) no-repeat left top;
	width: 67px;
}

#nav a.process, #nav a.process_current {
	background: url(../images/nav.png) no-repeat -67px top;
	width: 83px;
}

#nav a.catalogue, #nav a.catalogue_current {
	background: url(../images/nav.png) no-repeat -150px top;
	width: 95px;
}

#nav a.blog, #nav a.blog_current {
	background: url(../images/nav.png) no-repeat -245px top;
	width: 53px;
}

#nav a.contact, #nav a.contact_current {
	background: url(../images/nav.png) no-repeat -298px top;
	width: 77px;
}

#nav a.about:hover {
	background-position: left -20px
}

#nav a.process:hover {
	background-position: -67px -20px}
	
#nav a.catalogue:hover {
	background-position: -150px -20px}
	
#nav a.blog:hover {
	background-position: -245px -20px}
#nav a.contact:hover {
	background-position: -298px -20px}
	
	
#nav a.about_current {
	background-position: left -40px
}

#nav a.process_current {
	background-position: -67px -40px}

#nav a.catalogue_current {
	background-position: -150px -40px}

#nav a.blog_current {
	background-position: -245px -40px}

#nav a.contact_current {
	background-position: -298px -40px}
	
	
/* SIDENAV ------------------*/

#sidenav {
	display: block;
	padding: 0;
	width: 100%;
	padding-top: 35px;
}

#sidenav_bottomcap {
	display: block;
	width: 100%;
	height: 200px;
	background: url(../images/sidenav_bottomcap.jpg) no-repeat left top;
}

#sidenav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidenav li {
	margin: 0;
	padding: 0;
	background: url(../images/sidenav_divider.gif) no-repeat 1px top;
	line-height: normal;
}

#sidenav ul li a {
	display: block;
	width: auto;
	height: 38px;
	text-decoration: none;
	text-align: left;
	font: bold 13px/38px Helvetica, Arial, "Helvetica Neue", sans-serif;
	color: #625a5d;
	padding-left: 50px;
	margin-left: 1px;
}

#sidenav ul li a:hover, #sidenav ul li a.current {
	color: #701a11;
	background: #fff url(../images/sidenav_hover_arrow.gif) no-repeat 30px center;
	font-weight: bold;
}