
*{margin:0;padding:0;text-decoration:none}
#navcontain{    text-align:center;
    padding:0 0 0 0;
    margin:0 auto;
	position:relative;
	width:100%;
	background:url(/siteart/NAV-off-background.jpg);
	z-index:99;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	font-family: arial, sans-serif;
}

#cssmenu{position:relative;
	margin:0 auto;
    padding:0 0 0 0;
    text-align:center;w
	max-width:1200px;
}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{
	max-width: 1060px;
	margin:0 auto;
	background:url(/siteart/NAV-off-background.jpg);
}
#cssmenu > ul{margin:0 0 0 0;}
#cssmenu > ul > li{
    display: inline-block;
    position: relative;
    *float:left;
    text-align:center;
}

#cssmenu > ul > li > a{
	display:inline-block;
  	color:#fff;
  	font-size:21px;
  	font-weight:bold;
  	text-decoration:none;
	text-transform:uppercase;
  	padding:15px 15px;
  	text-align:center;
  	text-shadow: 0px 0px 2px rgba(0,0,0,.2);
}

#cssmenu > ul > li:hover > a, #cssmenu > ul > li:focus > a,#cssmenu ul li.active a{color:#fff; text-decoration:underline;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{
	background:url(file://///sandhills.int/dev/HostDealerPages/siteart/NAV-bg-HOVER.png);
}

#cssmenu > ul > li:focus,#cssmenu ul li.active:focus,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:focus{
	-webkit-transition:background .3s ease;
	-ms-transition:background .3s ease;
	transition:background .3s ease;
}
#cssmenu > ul > li:first-child:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{
}

#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#d73f49;transition:all .25s ease; border-bottom:thin solid #0f0f0f; z-index:99;}
#cssmenu ul ul li:hover{background:#003e85;}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{padding:11px 15px;width:200px;font-size:15px;text-decoration:none;color:#eaeaea;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff; text-decoration:underline;}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#000;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#000;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1070px){
#cssmenu > ul > li > a{font-size:16px; padding:17px 12px;}
}

@media screen and (max-width:850px){
nav{width:100%; margin-left:0px; height:43px;}
#cssmenu{width:100%; margin-left:0px;}
#cssmenu ul{width:100%;display:none; background:url(../siteart/NAVIGATION-background-OFF.png); background-color:#af181c;}
#cssmenu ul li{width:100%;border-top:1px solid #fff; margin:0; padding:9px 3% 9px 3%; border-left:none;}
#cssmenu ul li:hover{background:#003e85;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto; background:#0c51a0;}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;}
#cssmenu > ul > li{float:none; background:url(/siteart/NAV-off-background.jpg); background-size:cover;}
#cssmenu ul ul li a{padding:0 !important;}
#cssmenu ul ul ul li a{}
#cssmenu ul ul li a{color:#fff;font-weight:bold; font-size: 15px; margin: 10px 0 10px 20px;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff; font-weight:bold; background:#red;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none;}
#cssmenu #head-mobile{display:block;color:#ddd;font-size:12px;font-weight:700; height:43px;}
.menu-button{width:55px;height:40px;position:absolute;top:0;right:0;cursor:pointer;z-index: 12399994;}
.menu-button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;content:'';}
.menu-button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:'';}
.menu-button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.menu-button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#cssmenu .submenu-button{position:absolute;background:#eaeaea;z-index:9999;right:0;top:0;height:53px;display:block;padding:0 27px;cursor:pointer; border-left:#fff solid 1px; border-bottom:#fff solid 1px;}
#cssmenu .submenu-button.submenu-opened{background:#bf2134; border-left:#fff solid 1px; border-bottom:#fff solid 1px;z-index:99999;}
#cssmenu ul ul .submenu-button{height:44px;}
#cssmenu .submenu-button:after{position:absolute;margin:auto;top:0;bottom:0;right:19px;width:8px;height:2px;display:block;background:#363636;content:'';}
#cssmenu ul ul .submenu-button:after{top:5px;right:20px;}
#cssmenu .submenu-button.submenu-opened:after{background:#fff;}
#cssmenu .submenu-button:before{position:absolute;background:#363636;;margin:auto;top:0;bottom:0;right:22px;display:block;width:2px;height:8px;content:'';}
#cssmenu ul ul .submenu-button:before{top:5px;right:23px;}
#cssmenu .submenu-button.submenu-opened:before{display:none;}
#cssmenu ul ul ul li.active a{border-left:none;}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none;}
}