@charset "UTF-8";

/*** navgroups ***/



#navgroup1 {
	width:960px;
	clear:both;
	padding:0;
	margin:0;
}

	 {
	}

	#navgroup1 li, #navgroup1 ul {
		list-style:none;
		list-style-image:none;
		padding:0;
		margin:0;
		display:inline-block;
		position:relative;
		vertical-align:top;
	}

	#navgroup1 ul li {
		margin:0 3px 0 0;
	}

	#navgroup1 ul li a:link, #navgroup1 ul li a:active, #navgroup1 ul li a:visited, #navgroup1 ul li a:visited:hover {
		display:inline-block;
		margin:0;
		padding:20px 10px 0 10px;
		height:58px;
		width:180px;
		background: url(/templates/xtremeinc/structure/navgroup1-bg.jpg) repeat-x top left;
		border-bottom: #CCCC00 9px solid;
  		color:#000000;
		font-size:36px;
		text-transform:uppercase;
		font-family: "octin-spraypaint-1","octin-spraypaint-2",sans-serif;
		text-align:center;
		text-decoration:none;
		line-height:100%;
	}
	
	#navgroup1 ul li a:hover, #navgroup1 ul li a:visited:hover {
		border-bottom: #999933 9px solid;
	}
	
	#navgroup1 ul li a:link.nav1, #navgroup1 ul li a:active.nav1, #navgroup1 ul li a:visited.nav1, #navgroup1 ul li a:visited:hover.nav1 {
			width:130px;	
	}
	
	#navgroup1 ul li a:link.nav2, #navgroup1 ul li a:active.nav2, #navgroup1 ul li a:visited.nav2, #navgroup1 ul li a:visited:hover.nav2, #navgroup1 ul li a:link.nav3, #navgroup1 ul li a:active.nav3, #navgroup1 ul li a:visited.nav3, #navgroup1 ul li a:visited:hover.nav3 {
		width:147px;
		font-size:24px;
		padding:30px 10px 0 10px;
		height:48px;
	}
	
	#navgroup1 ul li a:link.nav4, #navgroup1 ul li a:active.nav4, #navgroup1 ul li a:visited.nav4, #navgroup1 ul li a:visited:hover.nav4, #navgroup1 ul li a:link.nav5, #navgroup1 ul li a:active.nav5, #navgroup1 ul li a:visited.nav5, #navgroup1 ul li a:visited:hover.nav5 {
		width:210px;
	}	

	#navgroup1 ul li a:link.nav5, #navgroup1 ul li a:active.nav5, #navgroup1 ul li a:visited.nav5, #navgroup1 ul li a:visited:hover.nav5 {
		background: url(/templates/xtremeinc/structure/navgroup1-bg-orange.jpg) repeat-x top left;
	}

	#navgroup1 ul li a:hover.nav5, #navgroup1 ul li a:visited:hover.nav5 {
		background: url(/templates/xtremeinc/structure/navgroup1-bg-orange.jpg) repeat-x bottom left;
	}

/* https://www.gethifi.com/blog/nmcdropdown */
#navgroup1 ul li.open {
		background: url(/templates/xtremeinc/structure/navgroup1-bg.jpg) repeat-x bottom left;
}

#navgroup1 ul li.open a:link, #navgroup1 ul li.open a:active, #navgroup1 ul li.open a:visited, #navgroup1 ul li.open a:hover, #navgroup1 ul li.open a:visited:hover {
}


	/* subnav */
	
	#navgroup1 ul ul  {
		display:none;
		z-index:1002;
		zoom:1;
		margin:0;
		padding:0;
		width:180px;
		position:absolute;
		left:-6px;
		top:88px;
	}
	

	#navgroup1 ul ul li {
		margin:0;
		padding:0;
	}
	
	#navgroup1 ul ul li a:link, #navgroup1 ul ul li a:active, #navgroup1 ul ul li a:visited, #navgroup1 ul ul li a:hover, #navgroup1 ul ul li a:visited:hover {
		display:block;
		padding:12px 3px 12px 10px;
		margin:0;
		height:auto;
		background:transparent url(/core/structure/alpha_tiles/black_70.png);
		font-weight:normal;
		color:#FFF;	
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		text-shadow:none;
		text-align:left;
		text-decoration:none;
		text-transform:capitalize;
		width:210px;
		float:none;
		border-bottom:none;
		position:relative;
		z-index:1000;
	}
	
	#navgroup1 ul ul li a:hover, #navgroup1 ul ul li a:visited:hover {
		background:transparent url(/templates/xtremeinc/structure/bg_black_90_alpha.png);
		color:#FFF;
	}
	
	#navgroup1 ul ul li a.selected, #navgroup1 ul ul li a.selected:hover {
		color:#ececed;
	}

	#subnav0ERfk6ld3h {
		left:0px;
	}
	
	#subnav9LWfka27Dj {
		left:0px;
	}
	
	#subnaviAAZ7WcQY6 {
		left:0px;
	}
	
	#subnavTDicAGfVQ7 {
		left:0px;
	}

	
#navgroup2 {
	margin:10px 0 0 30px;
  	font-family: "atrament-web-1","atrament-web-2",sans-serif;
	font-size:20px;
	text-transform:uppercase;
	height:30px;
	float:right;
	font-weight:300;
}

	#navgroup2 a:link, #navgroup2 a:active, #navgroup2 a:visited, #navgroup2 a:visited:hover {
		padding:20px;
		color:#FFCC00;
		text-decoration:none;
	}
	
	#navgroup2 a:hover, #navgroup2 a:visited:hover {
		color:#FFFFFF;
	}

#navgroup5 {
	margin:0 0 0 0;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	color:#FFCC00;
}

	#navgroup5 a:link, #navgroup5 a:visited, #navgroup5 a:active, #navgroup5 a:hover, #navgroup5 a:visited:hover {
		padding:5px;
		text-decoration:none;
		color:#FFCC00;
		font-style:normal;
		font-weight:normal;
	}
	
	#navgroup5 a:hover, #navgroup5 a:visited:hover {
		color:#FFF;
	}

.subnav1 {
	background: none;
	border:none;
	padding:0;
	margin:0;
}