.nav-container {
	background: url("../images/bg_nav_tile.gif") repeat-x; position: relative; z-index: 2;
}
.sf-menu {
	background: url("../images/bg_nav.gif") repeat-x; margin: 0px -30px;
}
.sf-menu li {
	text-align: left; text-transform: uppercase; font-family: "Anton"; font-size: 26px; border-right-color: rgb(0, 0, 0); border-right-width: 1px; border-right-style: solid; float: left; position: relative; z-index: 99;
}
.sf-menu li a {
	padding: 0px; color: rgb(255, 255, 255); line-height: 26px; text-decoration: none; display: block; position: relative;
}
.sf-menu > li > a::before {
	background: rgb(137,165,44); left: 50%; width: 0px; height: 6px; bottom: 0px; font-size: 0px; position: absolute; content: ".";
}
.sf-menu > li.sfHover > a::before {
	left: 0px; width: 100%;
}
.sf-menu > li > a:hover::before {
	left: 0px; width: 100%;
}
.sf-menu > li.active > a::before {
	left: 0px; width: 100%;
}
.sf-menu > li > a > span {
	padding: 16px 28px 21px; display: block; white-space: nowrap; cursor: pointer;
}
.sf-menu li ul a span {
	white-space: normal;
}
.sf-menu > li.parent > a > span {
	
}
.sf-menu > li.sfHover > a {
	background: -ms-linear-gradient(rgb(57, 57, 57), rgb(42, 42, 42)); color: rgb(255, 255, 255);
}
.sf-menu > li > a:hover {
	background: -ms-linear-gradient(rgb(57, 57, 57), rgb(42, 42, 42)); color: rgb(255, 255, 255);
}
.sf-menu > li.active > a {
	background: -ms-linear-gradient(rgb(57, 57, 57), rgb(42, 42, 42)); color: rgb(255, 255, 255);
}
.sf-menu > li.sfHover > a span {
	color: rgb(255, 255, 255);
}
.sf-menu > li > a:hover span {
	color: rgb(117,142,36);
}
.sf-menu > li.active > a span {
	color: rgb(255, 255, 255);
}
.sf-menu li a:hover {
	text-decoration: none;
}
.sf-menu ul {
	background: rgb(50, 50, 50); border: 1px solid rgb(0, 0, 0); top: -999em; width: 192px; display: none; position: absolute; z-index: 99;
}
.sf-menu li li {
	text-transform: none; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
.sf-menu li li.last {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.sf-menu li li.sfHover {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none; float: none; position: relative;
}
.sf-menu li li {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none; float: none; position: relative;
}
.sf-menu li li:hover {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none; float: none; position: relative;
}
.sf-menu li li a {
	padding: 11px 10px 12px 13px; color: rgb(255, 255, 255); line-height: normal; display: block;
}
.sf-menu li.sfHover li a {
	padding: 11px 10px 12px 13px; color: rgb(255, 255, 255); line-height: normal; display: block;
}
.sf-menu li.active li a {
	padding: 11px 10px 12px 13px; color: rgb(255, 255, 255); line-height: normal; display: block;
}
.sf-menu li li > a:hover {
	color: rgb(222, 34, 44);
}
.sf-menu li li.sfHover > a {
	color: rgb(222, 34, 44);
}
.sf-menu li li.active > a {
	color: rgb(222, 34, 44);
}
.sf-menu ul ul {
	top: -999em; width: 192px; position: absolute; z-index: 99;
}
.sf-menu li:hover ul {
	left: 0px; top: 63px;
}
.sf-menu li.sfHover ul {
	left: 0px; top: 63px;
}
ul.sf-menu li:hover li ul {
	top: -999em;
}
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul {
	left: 193px; top: 0px;
}
ul.sf-menu li li.sfHover ul {
	left: 193px; top: 0px;
}
ul.sf-menu li li:hover li ul {
	top: -999em;
}
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul {
	left: 193px; top: 0px;
}
ul.sf-menu li li li.sfHover ul {
	left: 193px; top: 0px;
}
@media only screen and (min-width:980px)
{
#menu-icon {
	display: none !important;
}
.sf-menu-phone {
	display: none !important;
}
}
@media only screen and (max-width:979px)
{
.sf-menu {
	display: none;
}
.sf-menu-phone {
	display: none;
}
#menu-icon {
	background: url("../images/menu-icon-bg.png") no-repeat 95% 11px rgb(52, 52, 52); margin: 0px 10px; padding: 13px 0px 0px 20px; height: 33px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 21px; font-size: 17px; border-bottom-color: rgb(137,165,44); border-bottom-width: 5px; border-bottom-style: solid; display: block; cursor: pointer;
}
.active#menu-icon {
	background-position: 95% -47px;
}
.sf-menu-phone {
	background: rgb(58, 58, 58); margin: 0px 10px; padding: 13px 20px 20px; position: relative; z-index: 2;
}
.sf-menu-phone li {
	padding: 8px 0px; font-size: 18px; position: relative;
}
.sf-menu-phone > li {
	border-bottom-color: rgb(81, 80, 80); border-bottom-width: 1px; border-bottom-style: solid;
}
.sf-menu-phone li a {
	color: rgb(255, 255, 255); display: inline-block;
}
.sf-menu-phone li a:hover {
	color: rgb(185, 1, 0);
}
.sf-menu-phone li li {
	padding: 3px 0px; font-size: 14px;
}
.sf-menu-phone li li.last {
	padding-bottom: 0px;
}
.sf-menu-phone li strong {
	background: url("../images/toogle-button2.png") no-repeat center -54px; top: 4px; width: 24px; height: 24px; right: 0px; display: block; position: absolute;
}
.sf-menu-phone li strong:hover {
	cursor: pointer;
}
.sf-menu-phone li strong.opened {
	background-position: center 7px;
}
.sf-menu-phone ul {
	padding: 8px 0px 0px 20px; width: auto; display: none;
}
.sf-menu-phone > li.active > a > span {
	color: inherit;
}
.sf-menu-phone > li.active > a {
	color: rgb(222, 34, 44);
}
.sf-menu-phone > li > a:hover {
	color: rgb(222, 34, 44);
}
.sf-menu-phone li li.active > a {
	color: rgb(222, 34, 44);
}
.sf-menu-phone li li a:hover {
	color: rgb(222, 34, 44);
}
}
@media only screen and (max-width:979px) and (min-width:768px)
{
#menu-icon {
	margin: 0px;
}
.sf-menu-phone {
	margin: 0px;
}
}
