@media screen and (max-width: 1000px)
{
   #header-menu-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
      z-index: 10000;
   }

   #header-menu-container
   {
      height: 0px;
      background: RGB(233,161,48);
      z-index: 10000;
   }

   #header-menu
   {
      width: 100%;
      position: absolute;
      z-index: 10000;
      margin-top: 0px;
      margin-left: 0px;
      top: 0px;
      left: 0px;
   }
}





@media screen and (max-width: 600px)
{
   #header-menu-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
      z-index: 10000;
   }

   #header-menu-container
   {
      height: 0px;
      background: RGB(233,161,48);
      z-index: 10000;
   }

   #header-menu
   {
      width: 100%;
      position: absolute;
      z-index: 10000;
      margin-top: 0px;
      margin-left: 0px;
      top: 0px;
      left: 0px;
   }
}





@media screen and (min-width: 1000px)
{

   #header-menu-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
      z-index: 10;
   }

   #header-menu-container
   {
      height: 56px;
      background: RGB(48,48,48);
      z-index: 10;
   }

   #header-menu
   {
      width: 960px;
      margin: 0 auto;
      position: relative;
      z-index: 10;
   }

}




@media screen and (min-width: 1200px)
{

   #header-menu-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
      z-index: 10;
   }

   #header-menu-container
   {
      height: 56px;
      background: RGB(48,48,48);
      z-index: 10;
   }

   #header-menu
   {
      width: 1140px;
      margin: 0 auto;
      position: relative;
      z-index: 10;
   }

}





#divMenu
{
   float: right;
   margin-top: 0px;
   margin-left: 0px;
   width: 100%;
   text-align: left;
   z-index: 2000;
}



#nav *
{
   font-size: 100%;
   font-family: inherit;
   font-weight: inherit;
   font-style: inherit;
   line-height: inherit;
   vertical-align: baseline;*/
   border: 0;
   padding: 0;
   margin: 0;
}

.homeButton
{
   background-image: url(../images/homebutton.png);
   width: 30px;
   height: 29px;
   background-repeat: no-repeat;
}		



#nav
{
   font-family: Barlow Condensed;
   font-size: 24px;
   line-height: 24px;
   font-weight: normal;
   position: absolute;
}

#nav > a
{
   display: none;
}

#nav li
{
   position: relative;
}

#nav li a
{
   display: block;
   padding: 16px 30px 16px 30px;
   color: RGB(245,245,245);
   text-decoration: none;
}

#nav li a:active
{
   background-color: RGB(68,68,68) !important;
}

#nav span:after
{
   width: 0;
   height: 0;
   border: 0.313em solid transparent; /* 5 */
   border-bottom: none;
   border-top-color: RGB(10,10,10);
   content: '';
   vertical-align: middle;
   display: inline-block;
   position: relative;
   right: -0.313em; /* 5 */
}



	/* first level */

	#nav > ul
	{
		background-color: RGB(48,48,48);
	}

	#nav > ul > li
	{
		list-style: none;
		float: left;
		text-decoration: none;
		font-family: Barlow Condensed;
		font-size: 24px;
		line-height: 24px;
		color: RGB(245,245,245);
	}

	#nav > ul > li > a
	{
		font-size: 24px;
		line-height: 24px;
		text-align: left;
	}

	#nav > ul > li:not( :last-child ) > a
	{
		border-right: 0px solid RGB(245,245,245);
	}

	#nav > ul > li:hover > a,
	#nav > ul:not( :hover ) > li.active > a
	{
		background-color: RGB(58,58,58);
	}


		/* second level */

		#nav li ul
		{
			list-style: none;
			background-color: RGB(58,58,58);
			display: none;
			position: absolute;
			top: 100%;
			width: 400px;
		}

		#nav li:hover ul
		{
			display: block;
			left: 0;
			right: 0;
		}

		#nav li:not( :first-child ):hover ul
		{
			left: -1px;
		}

		#nav li ul a
		{
			font-size: 24px;
			border-top: 1px solid RGB(68,68,68);
			margin: 9px 20px 8px 20px;
		}

		#nav li ul li a:hover,
		#nav li ul:not( :hover ) li.active a
		{
			background-color: RGB(68,68,68);
		}





@media only screen and ( max-width: 999px ) /* 1000 */
{
   #nav
   {
      width: 100%;
      max-width: 100%;
      position: static;
      margin: 0;
   }
	
}





@media only screen and ( max-width: 999px ) /* 640 */
{
   html
   {
      font-size: 75%; /* 12 */
   }

   #nav
   {
      position: absolute;
      top: auto;
      left: auto;
   }

   #nav > a
   {
      background-image: url(../images/menubutton.png);
      width: 45px;
      height: 45px;
      text-align: left;
      text-indent: -9999px;
      background-color: RGB(48,48,48);
      position: relative;
      margin-left: auto;
      margin-right: 30px;
      margin-top: 20px;
      margin-bottom: 25px;
   }


   #nav:not( :target ) > a:first-of-type,
   #nav:target > a:last-of-type
   {
      display: block;
   }


	/* first level */

	#nav > ul
	{
		height: auto;
		display: none;
		position: absolute;
		left: 0;
		right: 0;

		margin-left: 0px;
		max-width: 100%;
	}

	#nav:target > ul
	{
		display: block;
	}

	#nav > ul > li
	{
		width: 100%;
		float: none;
	}

	#nav > ul > li > a
	{
		height: auto;
		text-align: left;
		padding: 20px 30px 20px 30px;
	}

	#nav > ul > li:not( :last-child ) > a
	{
		border-right: none;
		border-bottom: 1px solid RGB(58,58,58);
	}



		/* second level */

		#nav li ul
		{
			position: static;
			padding:  10px;
			padding-top: 5px;
			width: 100%;

			margin-left: -20px;
			max-width: 100%;
		}

}





#subsubmenu, #subsubmenu ul
{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   list-style: none;
}

.subsubmenuButton
{
   background: RGB(255,255,255);
   border-top: 1px solid RGB(225,225,225);
   text-align: left;
   width: 100%;
}

#subsubmenu a
{
   display: block;
   margin: 10px 10px 9px 10px;
   text-decoration: none;
   font-family: Arial, sans-serif;
   font-size: 14px;
   letter-spacing: 0.02em;
   color: RGB(68,68,68);
   font-weight: normal;
}

#subsubmenu li
{
   height: 34px;
}

#subsubmenu li li:hover ul, #nav li li.ie_does_hover ul
{
   left: auto;
   background-position: 0 0;
   background: RGB(255,255,255);
}

#subsubmenu li:hover
{
   background: RGB(225,225,225);
}