#nav
		{
			width: 100%; 
			position: relative;
			transition:all ease-in-out 25s;
		}
		#nav .mobile{display:none;}
		
			#nav > a
			{
				display: none;
			}
				#nav  a
				{	padding:10px 10px;
				}
							#nav li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #202767;
								border-top:3px solid #202767;
							}

#nav .topmenu, #nav .bottommenu{width:100%; float:left; position:relative; text-align:right; letter-spacing:2px;}
#nav .topmenu{background-color:black; height:50px;  padding:15px 5% 0 5%;}
#nav .bottommenu{background-color:white; padding:30px 13.5% 0 7%; height:75px; border-bottom:1px solid rgb(225, 0, 26); }
#nav .bottommenu a{
	float: none;
	display: inline;
	color: #999;
	font-size: 24px;
	background-image: url(../images/plus.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding:0 20px;
}
#nav .bottommenu a.menulogo{
	float: left;
	display: inline;
	background-image:none;
	padding:0;
	width:19%;
	margin-top:-11px;
}
#nav .topmenu a {float:none;display:inline; color:white; font-size:13px; margin:0 10px;}
#nav .topmenu a.home{
	float: left;
	width: 27px;
	height: 27px;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top:-4px;
	
}
#nav .topmenu a.home:hover{
	background-position: 0px -27px;
}
#nav .topmenu a.home span{
	display:none;
}
#nav .bottommenu a:hover, #nav .topmenu a:hover{color:#cc0033;}
#nav .bottommenu a.current, #nav .topmenu a.current{color:#fff; background-color:#c00;}
.socialmedia{float:right; border-left:1px solid white; margin-left:10px;}
#nav .topmenu  .socialmedia a, .social-media a{
	width: 29px;
	height: 29px;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	float: left;
	margin:-4px 0 0 10px;
	padding:0;
	border:1px solid white;
	border-radius:50%;
	
}
#nav .topmenu  .socialmedia a:hover{border-color:#cc0033;}
#foo{display:none; width:100%; float:left; background-color:#E10019; padding:0 7%; text-align:left; position:relative; z-index:99; 

	opacity: 1;
  -webkit-animation: display-none-transition 2s both;
  animation: display-none-transition 2s both;

		  -webkit-box-shadow: 1px 1px 2px 3px #fa2f2f;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 1px 2px 3px #fa2f2f;  /* Firefox 3.5 - 3.6 */
  box-shadow:         1px 1px 2px 3px #fa2f2f;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
@-webkit-keyframes display-none-transition {
  0% {
    opacity: 0;
  }
}
@keyframes display-none-transition {
  0% {
    opacity: 0;
  }
}
#foo a {float:none;display:inline; color:white; font-size:13px; margin:0 10px; padding:10px 0; float:left; width:100%;}
#foo .links, #foo .pic, #foo .copy{width:35%; float:left; margin:1%;}
#foo .links{width:21%; float:left; margin:1%;}
#foo .copy{margin-top:50px; color:white;}
#nav a.current{color:#AD0010;}
.socialmedia a.twitter, .social-media a.twitter{
	background-position: -27px 0px;
}
.socialmedia a.twitter:hover, .social-media a.twitter:hover{
	background-position: -27px -27px;
}
.socialmedia a.facebook, .social-media a.facebook{
	background-position: -54px 0px;
}
.socialmedia a.facebook:hover, .social-media a.facebook:hover{
	background-position: -54px -27px;
}

.socialmedia a.linkedin{
	background-position: -81px 0px;
}
.socialmedia a.linkedin:hover{
	background-position: -81px -27px;
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 801px) {
	#nav .bottommenu a.menulogo{display:none;}
	.topmenu .hide{display:block;}
			#nav
			{
				position: absolute;
				top: 0;
				left: 0;
				z-index:99;
			}
			#nav .menuright li{width:100%;}
			#nav li
			{
				width:100%;
				background:#3A61B0;
			}
				#nav > a, #nav li a
				{
					text-align:left;
					border:none;
					border-radius:0;
				}
					
				#nav > a.current, #nav li a.current, #nav > a:hover, #nav li a:hover
				{
					text-align:left;
					border:none;
				}
				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: relative;
				left: auto;
				right: auto;
				width:100%;
				float:left;
			}
				#nav:target > ul
				{
					display: block;
				}
				/* second level */

				#nav li ul
				{
					position: static;
					padding: 0; /* 20 */
					padding-top: 0;
					padding-left:20px;
					background-color:#202767;
				}
				#nav li ul li a{
	background-image: url(../images/menu-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
	border:none;
}
	#nav li ul li a.current
							{
								background-color: #5EC1DE;
								border:none;
							}
	#nav .topmenu, #nav .bottommenu{padding:0; margin:0; text-align:left; height:auto; background:black;
				}
	#nav .topmenu a.home{background-image: none; width:80%; margin:0 10%; float:left; padding:15px 30px 25px 30px;}
	#nav .topmenu a.home span{display:block;}
	#nav .topmenu a, #nav .bottommenu a, #foo a{width:100%; float:left; font-size:13px; color:white; margin:0; padding:10px 30px; background-image:none; border-bottom:1px solid #cc0033; width:80%; margin:0 10%; border-radius:0;}
	#nav .topmenu a:hover, #nav .bottommenu a:hover{background-color: #cc0033; color:white;}
	#nav .topmenu  .socialmedia a, .social-media a{display:none;}
	#nav .bottommenu{padding-bottom:20px;}
	a.menubtn{width:24px; float:right; height:24px; position:absolute; top:5px; right:50px; z-index:999; color:red; font-size:28px; font-weight:900;}
	a.menubtn img{width:24px; height:24px; margin:0; padding:0;}
	a.menubtn:hover{color:#cc0033; background-color:transparent;}
	#foo{display:block; background-color:#000; padding:0; z-index:10;}
	.hidelink{display:none;}
	#nav a:last-child{margin-bottom:30px;}
}