/*Top Menu*/

#top-links {
	float: right;
	background-color: #FFF;
	width: 176px;
	height: 111px;
	font-size: 11px
}

#top-links ul {
	margin: 16px 0 0 25px;
	padding: 0;
	text-align: left;
	list-style-type: none;	 
}

#top-links li {
	padding: 0;
	margin:0 0 3px 0;
}

#top-links a:link, #top-links a:visited {
	font-weight: normal;
	color: #525252;
	text-decoration: none
}

#top-links a:hover, #top-links a:active {
	padding: 0 3px 0 3px;
	font-weight: normal;
	color: #525252;
	text-decoration: underline
}

#top-links .orange a:hover, #top-links .orange a:active {
	padding: 0 3px 0 3px;
	font-weight: normal;
	color: #F58026;
	text-decoration: underline
}

#top-links .red a:hover, #top-links .red a:active {
	padding: 0 3px 0 3px;
	font-weight: normal;
	color: #AA162F;
	text-decoration: underline
}

#top-links .grey a:hover, #top-links .grey a:active {
	padding: 0 3px 0 3px;
	font-weight: normal;
	color: #8E8B8B;
	text-decoration: underline
}

#top-links .green a:hover, #top-links .green a:active {
	padding: 0 3px 0 3px;
	font-weight: normal;
	color: #C3CE23;
	text-decoration: underline
}

#top-links a {
	padding: 0 3px 0 3px;
	margin: 0 auto;
	font-weight: normal;
}

/*Primary Navigation*/
#nav-bg {
	clear: both;
	margin: 0 auto;	
	padding: 0;
	width: 996px;
	height: 35px;
	background: url(../images/nav-images/nav-bg.gif) top left repeat-x;
}

#nav {
	margin: 0 auto;	
	padding: 0;
	width:649px;
	text-align:center;
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	z-index: 20;
}

#nav ul {
	height: 35px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style-type: none;	 
}

#nav a {
	display: block;
	color: #010101;
	text-decoration: none;
	height: 35px
}

#nav a:hover {
	color: #010101;
	background: url(../images/button-over.gif) top left no-repeat
}

#nav li {
	text-align: left;
	float: left;
	padding: 0;
	margin:0;
	z-index: 20;
}


#nav li.aboutus {
	background: url(../images/nav-images/about.gif);
	width: 104px;
}

#nav li.services {
	background: url(../images/nav-images/services.gif);
	width: 96px;
}

#nav li.gallery { 
	background: url(../images/nav-images/gallery.gif);
	width: 94px;
}

#nav li.equipment {
	background: url(../images/nav-images/equipment.gif);
	width: 113px
}

#nav li.print-tips {
	background: url(../images/nav-images/print-tips.gif);
	width: 106px
}

#nav li.sustainability {
	background: url(../images/nav-images/sustainability.gif);
	width: 136px;
}

#nav li.print-tips {
	background: url(../images/nav-images/print-tips.gif);
	width: 106px
}

#nav li:hover, #nav li.sfhover,
body.aboutus #nav li.aboutus,
body.services #nav li.services,
body.gallery #nav li.gallery,
body.equipment #nav li.equipment,
body.sustainability #nav li.sustainability,
body.print-tips #nav li.print-tips {
	background-position: 0 -35px
}

/*#nav ul.arrow {
	background: #E8EAF0 url(../images/arrow.gif) top right no-repeat;
}*/


#nav li span {
	display: none
}

#nav li ul {
	border: 1px solid #9EA1A3;
	border-width: 0 1px 0px 1px;
	position: absolute;
	left: -999em;
	height: auto;
	width: 140px;
	font-weight: normal;
	display: inline;
	margin: 0;
	padding: 0;
	background: #FFF;
	z-index: 20;
	
}

#nav li li {
	width: 100%;
	height: 100%
}

#nav li ul a {
	border: solid #9EA1A3;
	border-width: 0 0 1px 0;
	display: block;
	width: 135px;
	padding: 3px 3px 3px 3px;
	height: 100%;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	background: none;
	voice-family: "\"}\""; voice-family:inherit;
}

#nav li ul a:hover {
	background-color: #DEDEDE;
	background-image: none
}

#nav li ul ul {
	margin: -26px 0 0 140px;
	padding: 0
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	
}

#nav li li li:hover, #nav li li li.sfhover, #nav li li.sfhover, #nav li li li.sfhover{
	background-color: #F5F6FA;
	background-image: none
}

/******Global Subnav CSS*******/

#submenu-orange, #submenu-purple, #submenu-green, #submenu-grey, #submenu-blue {
	width: 190px;
	margin: -2px 0 0 0;
	*margin: -5px 0 0 0;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	}
	
*html #submenu-orange, 
*html #submenu-purple, 
*html #submenu-green, 
*html #submenu-grey, 
*html #submenu-blue {
	margin: 10px 0 0 0;

	}

#submenu-orange ul, #submenu-purple ul, #submenu-green ul, #submenu-grey ul, #submenu-blue ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	*padding: 5px 0 0 10px;
	}	
	
#submenu-orange li a, #submenu-purple li a, #submenu-green li a, #submenu-grey li a, #submenu-blue li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 23px;
	text-decoration: none;
		font-weight: bold;
	}

/*******Subnav Orange*******/

#submenu-orange li{
	height:35px;
	*height:40px;
}
	
#submenu-orange li a:link, #submenu-orange li a:visited {
	color: #000000;
	display: block;
	background: url(../images/submenu-orange.gif);
	padding: 8px 0 0 30px;
	}
	
#submenu-orange li a:hover {
	color: #000000;
	background: url(../images/submenu-orange.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}

#submenu-orange li a:active {
	color: #000000;
	background: url(../images/submenu-orange.gif) 0 -64px;
	padding: 8px 0 0 30px;
	}
	
#content01-floatleft #submenu-orange .inner a.currPage {
	color: #000000;
	background: url(../images/submenu-orange.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}	

/*******Subnav Purple*******/
	
#submenu-purple li a:link, #submenu-purple li a:visited {
	color: #000000;
	display: block;
	background: url(../images/submenu-purple.gif);
	padding: 8px 0 0 30px;
	}
	
#submenu-purple li a:hover {
	color: #000000;
	background: url(../images/submenu-purple.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
#submenu-purple li a:active {
	color: #000000;
	background: url(../images/submenu-purple.gif) 0 -64px;
	padding: 8px 0 0 30px;
	}

#content01-floatleft #submenu-purple .inner a.currPage {
	color: #000000;
	background: url(../images/submenu-purple.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
	/*******Subnav Green ******/
	
#submenu-green li{
	height:40px;
	*height:35px;
}
	
#submenu-green li a:link, #submenu-green li a:visited {
	color: #000000;
	display: block;
	background: url(../images/submenu-green.gif);
	padding: 8px 0 0 30px;
	}
	
#submenu-green li a:hover {
	color: #000000;
	background: url(../images/submenu-green.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
#submenu-green li a:active {
	color: #000000;
	background: url(../images/submenu-green.gif) 0 -64px;
	padding: 8px 0 0 30px;
	}

#content01-floatleft #submenu-green .inner a.currPage {
	color: #000000;
	background: url(../images/submenu-green.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
  
  	/*******Subnav Grey ******/
	
#submenu-grey li a:link, #submenu-grey li a:visited {
	color: #000000;
	display: block;
	background: url(../images/submenu-grey.gif);
	padding: 8px 0 0 30px;
	}
	
#submenu-grey li a:hover {
	color: #000000;
	background: url(../images/submenu-grey.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
#submenu-grey li a:active {
	color: #000000;
	background: url(../images/submenu-grey.gif) 0 -64px;
	padding: 8px 0 0 30px;
	}

#content01-floatleft #submenu-grey .inner a.currPage {
	color: #000000;
	background: url(../images/submenu-grey.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}

	
	  	/*******Subnav Blue ******/
	
#submenu-blue li a:link, #submenu-blue li a:visited {
	color: #000000;
	display: block;
	background: url(../images/submenu-blue.gif);
	padding: 8px 0 0 30px;
	}
	
#submenu-blue li a:hover {
	color: #000000;
	background: url(../images/submenu-blue.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
#submenu-blue li a:active {
	color: #000000;
	background: url(../images/submenu-blue.gif) 0 -64px;
	padding: 8px 0 0 30px;
	}

#content01-floatleft #submenu-blue .inner a.currPage {
	color: #000000;
	background: url(../images/submenu-blue.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}