/* ---------- main navigation --------- */



ul#top-nav {

	width: 738px;

	height: 116px;

	float: right;

}



ul#top-nav li {

	float: left;

}

ul#top-nav li.about ul {

}

ul#top-nav li ul li * {
	background-image: none !important;
}



#top-nav a {

	display: block;

	height: 116px;
	
	color: #ffffff;

	background-image: url(../img/top-nav.png);

	background-repeat: no-repeat;

}

#top-nav li ul li a {
	height: auto !important;
}


#IE6 #top-nav a {

	background-image: url(../img/top-nav.gif);

}



ul#top-nav li.about a {

	width: 175px;

}



ul#top-nav li.services a {

	width: 121px;

	background-position: -175px 0;

}



ul#top-nav li.products a {

	width: 127px;

	background-position: -296px 0;

}



ul#top-nav li.news a {

	width: 176px;

	background-position: -423px 0;

}



ul#top-nav li.contact a {

	width: 135px;

	background-position: -599px 0;

}



#top-nav li.about a:hover,  #top-nav li.about a.down{

	background-position: 0 -116px;

}



#top-nav li.services a:hover,  #top-nav li.services a.down {

	background-position: -175px -116px;

}



#top-nav li.products a:hover,  #top-nav li.products a.down {

	background-position: -296px -116px;

}



#top-nav li.news a:hover,  #top-nav li.news a.down {

	background-position: -423px -116px;

}



#top-nav li.contact a:hover,  #top-nav li.contact a.down {

	background-position: -599px -116px;

}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
}
.sf-menu ul li {
	display: block;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			75px; /* match top ul list item height */
	z-index:		99;
}
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:			10em; /* 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:			10em; /* match ul width */
	top:			0;
}


/** SKIN **/

.sf-menu li.about ul li {
	width: 175px;
}

.sf-menu li ul li a span {
	padding: 4px 8px;
	display: block;
}

.sf-menu li.about ul {
	width: 175px;
	height: 160px;
	background: url(../img/nav_bg_about.png) no-repeat bottom left;
}

#IE6 .sf-menu li.about ul {
	background: url(../img/nav_bg_about.gif) no-repeat bottom left;
}


.sf-menu li.services ul li {
	width: 121px;
	line-height: 23px;
}

.sf-menu li.services ul {
	width: 121px;
	height: 175px;
	background: url(../img/nav_bg_services.png) no-repeat bottom left;
}
#IE6 .sf-menu li.services ul {
	background: url(../img/nav_bg_services.gif) no-repeat bottom left;
}
.sf-menu li.products ul li {
	width: 127px;
	line-height: 23px;
}

.sf-menu li.products ul {
	width: 127px;
	height: 161px;
	background: url(../img/nav_bg_products.png) no-repeat bottom left;
}

#IE6 .sf-menu li.products ul {
	background: url(../img/nav_bg_products.gif) no-repeat bottom left;
}

.sf-menu li.news ul li {
	width: 176px;
	line-height: 23px;
}

.sf-menu li.news ul {
	width: 176px;
	height: 120px;
	background: url(../img/nav_bg_news.png) no-repeat bottom left;
}
#IE6 .sf-menu li.news ul {
	background: url(../img/nav_bg_news.gif) no-repeat bottom left;
}

.sf-menu li.contact ul li {
	width: 135px;
	line-height: 23px;
}

.sf-menu li.contact ul {
	width: 135px;
	height: 90px;
	background: url(../img/nav_bg_contact.png) no-repeat bottom left;
}
#IE6 .sf-menu li.contact ul {
	background: url(../img/nav_bg_contact.gif) no-repeat bottom left;
}

.sf-menu li ul li a {
	font-family: Times, "Times New Roman", serif;
	display: block;
	line-height: 16px;
	color: #ffffff !important;
	font-size: 13.5px;
	text-decoration:none;
	background: none;
}

 .sf-menu li ul li a.down, .sf-menu li ul li a:hover {
	color: #352200 !important;
	background: #9fa7a4 !important;
	outline:		0;
}