/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	float:			left;
	border-top:		1px solid #d26011;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	z-index: 99;
}
.sf-menu li {
	float:			left;
	position:		relative;
	height: 35px;
	background: url(../images/nav_item_top_bg.png) no-repeat 3px bottom;
	
}

ul #aboutNav {  background: url(../images/headerBG-aboutUs.jpg) no-repeat 3px bottom; }
ul #productNav {  background: url(../images/headerBG-product.jpg) no-repeat 3px bottom; }
ul #linksNav {  background: url(../images/headerBG-links.jpg) no-repeat 3px bottom; }
ul #energyNav {  background: url(../images/headerBG-energy.jpg) no-repeat 3px bottom; }
ul #leedNav {  background: url(../images/headerBG-leed.jpg) no-repeat 3px bottom; }
ul #careersNav {  background: url(../images/headerBG-careers.jpg) no-repeat 3px bottom; }





.sf-menu a {
	display:		block;
	position:		relative;
	height: 17px;
	border-left:	3px dotted #d26011;
	padding: 		6px 0 0 12px;
	text-decoration:none;
}
.sf-menu a,
.sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #662005;
}
.sf-menu a:hover {
	background: url(../images/nav_item_bg_over.png) no-repeat top center;
}
.sf-menu a.current {
	background: url(../images/nav_item_bg_current.png) no-repeat top center;
}

.sf-menu #homeNav {
	float:			left;
	position:		relative;
	height: 35px;
	background:none;
}


.sf-menu #homeNav a {
	width:			41px;
	border-left: 0;
	
}
.sf-menu #aboutNav a {
	width:			60px;
}
.sf-menu #productNav a {
	width:			83px;
}
.sf-menu #linksNav a {
	width:			37px;
}
.sf-menu #energyNav a {
	width:			102px;
}
.sf-menu #leedNav a {
	width:			36px;
}
.sf-menu #careersNav a {
	width:			52px;
}
/*
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			23px; /* match top ul list item height */
/*	z-index:		99;
	background: #eae3cb;
	padding: 0 4px 10px;
	width: 150px;
}
*/
.sf-menu li:hover ul {
	left: 3px;
	top:			23px; /* match top ul list item height */
	z-index:		99;
	background: #eae3cb url(../images/nav_item_menu_bg.png) no-repeat bottom left;
	padding: 0 0 10px;
	width: 150px;
}

.sf-menu #leedNav:hover ul,
.sf-menu #careersNav:hover ul {
	left: auto;
	right:-10px;
}

.sf-menu #aboutNav:hover ul {
	left: -37px;
	
}

.sf-menu #aboutNav:hover ul ul {
	left: 150px;
	
}

.sf-menu #productNav:hover ul {
	left: -25px;
	
}

.sf-menu #linksNav:hover ul {
	left: -50px;
	
}

.sf-menu #energyNav:hover ul {
	left: -16px;
	
}

.sf-menu #leedNav:hover ul {
	left: -48px;
	
}



ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			150px; /* match ul width */
	top:			0;
	
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			5px; /* match ul width */
	top:			0;
	
}
.sf-menu ul li {
	width:	100%;
	height: auto;
	background: none;
}
.links .sf-menu ul a {
	border-left: 0;
	height: auto;
	background: #d44b12 url(../images/nav_item_menu_item_bg.png) no-repeat top left;
	color: #eae3cb;
	padding-bottom: 6px;
}
.links .sf-menu ul li.first a {
	padding-top: 16px;
	background-position: -300px 0px;
}
.links .sf-menu ul ul li.first a {
	padding-top: 6px;
	background-position: 0px 0px;
}
.sf-menu #homeNav ul a, 
.sf-menu #aboutNav ul a, 
.sf-menu #productNav ul a, 
.sf-menu #linksNav ul a, 
.sf-menu #energyNav ul a, 
.sf-menu #leedNav ul a, 
.sf-menu #careersNav ul a {
	width: 138px;
}
.links .sf-menu ul a:hover {
	height: auto;
	background-position: -150px 0px;
	color: #fff;
}
.links .sf-menu ul li.first a:hover {
	background-position: -450px 0px;
}
.links .sf-menu ul ul li.first a:hover {
	background-position: -150px 0px;
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
	outline:		0;
}