body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.img{ border:none;}
a {text-decoration: none;}
.container {
    width: 100%;
    margin: 0 auto;
}
.toggleMenu {
    display:  none;
    background: #666;
    padding: 8px 8px; 
    color: #fff;
}
/*
.nav {
    list-style: none;
     *zoom: 1;margin-top:10px;
    
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}

.nav a {
    padding: 8px 8px;
    color:#333333; font-size:11px;
}
.nav a:hover {
    padding: 8px 8px;display: block;
    background: #f7f7f7;
    position: relative; 
    color:#000000;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
  
}
.nav > li > .parent {
    
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block; font-weight:bold;
}
.nav > li > a:hover {
     font-weight:bold;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #ffffff; 
    position: relative;  width:160px;
    z-index:1000; color:#333333; border-top:1px dashed #CCCCCC;
   border-right: 5px solid #ffffff;
}
.nav li li a:hover {
    display: block; border-top:1px dashed #CCCCCC;
    background: #ffffff; border-right: 5px solid #ffffff;
    position: relative;
    z-index:100; color:#FF3300;
   
}
.nav li li li a {
    background:#ffffff;
    z-index:200;
    
} */



/***************************
****************************

NAVIGATION

****************************
***************************/

		#nav
		{
			 /*width: 60em; 1000 */
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			width:100%;
			float:left;
			/*top: 25%;
			left: 50%;
			margin-left: -30em;  30 480 */
			
		}
		#nav .left { float:left;}
			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
				list-style:none;
				padding:8px 11px 5px 12px;
				margin:12px 0 0 0;
			}
			
			#nav li:hover { background:#f2f2f2; }
			#nav li ul li:hover { background:none; }
			#nav li ul li { padding:5px 0px 0 10px; margin:5px 0 0 0;}
			#nav li ul li a { font-size:11px;}
			
				#nav li a
				{
					color: #000;
					display: block;
					font-size:11px;
					font-weight:bold;
					padding:0 5px;
				}
				#nav li a:active
				{
					background-color: none !important;
				}

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

			/* first level */

			#nav > ul
			{
				/*height: 2.75em;  60 */
				background-color: #fff;
			}
				#nav > ul > li
				{
					/*width: 25%;*/
					height: 100%;
					float: left;
					/*list-style:roman;*/
				}
					#nav > ul > li > a
					{
						height: 100%;
						/*font-size: 1.2em;  24 */
						line-height: 1.2em; /* 60 (24) */
						text-align: center;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							/*order-right: 1px solid #cc470d;*/
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							color: #f00;
						}


				/* second level */

				#nav li ul
				{
					background-color: #fff;
					display: none;
					position: absolute;
					top: 100%;
					}
				
					#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: 1em; /* 20 */
							padding: 0.5em 0 0 0.09em; /* 15 (20) */
							border-top:1px dashed #eee;
							font-weight:normal;
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: none;
							}
			.ul_nav { margin-left:-100px;}
			.mobile_menu { display:none;}
		@media only screen and ( max-width: 10240px )
		{
			#nav li {
			padding: 8px 1px 5px 12px;
			margin: 12px 0 0 0;
			}
			
		}

		@media only screen and ( max-width: 62em ) /* 760 */
		{
		
		.clearfix { display:none;}
			.mobile_menu { display:block; top:0;}
			html
			{
				font-size: 45%; /* 12 */
			}
			ul li { margin:0px 0; list-style:none; }
			#nav .left { float:none;}
			#nav
			{
				width:90%;
				position: absolute;
				top: 20px;
				right:0%;
				display:none;
			}
			.ul_nav { margin-left:0px;}
			
			.menu-bar #nav { position:absolute; top:10px;}
			
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #444;
					position: relative;
					
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#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;
				background:#000;
				padding:5px 2px;
			}
			
			#nav li a {
			color: #fff;
			display: block;
			}
			
			#nav li ul li a { color:#000;}
			
			#nav li a:hover {
			color:none;
			background:none;
			}
				#nav:target > ul
				{
					display: block;
					width:226px;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #777;
							padding:6px 0;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
				#nav li { margin:2px; padding:2px;}
		}

.menudrop{	width:95px;}
.toparrow{
	width:10px;
	height:8px; margin-top:5px;
	margin-left:80px;
}
.menudropdown{-moz-box-shadow: 0 0 8px #d3d3d3; 
-webkit-box-shadow: 0 0 8px #d3d3d3;
	background-color:#fc8038;-webkit-border-radius: 5px;-moz-border-radius: 10px;border-radius: 5px;border:1px solid #d3d3d3;
	width:158px;position:absolute;filter:alpha(opacity=90);opacity:.9;
	color:#FFFFFF;  padding:0 10px;
		margin-left: -5px; margin-top:-2px;
	
}
.menudropdown ul{ margin:0; padding:0;}

.menudropdown li{
	color:#FFFFFF; padding:10px;  border-bottom:1px #ffffff dotted; 
	font-size:12px;
	list-style:none;
	
}
.menudropdown a{color:#FFFFFF;  text-decoration:none; }
.menudropdown a:hover{color:#FFFFFF; text-decoration:none; }

@media screen and (max-width: 768px) {
    .active {
        display: block;
    .nav > li {
    }
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}