@charset "utf-8";
/* CSS Document */

	
	#menu, #menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#menu {
		margin: 0px;
		color:#093;
		float:right;
		padding-top:20px;
	}
	
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	
/*	#menu {
		zoom:1;
	}*/
	
	#menu li {
		float: left;
		position: relative;
		line-height:60px;
		padding: 0px 20px;
	}
	
	#menu a {		
	  /*width: 399px;*/
	  height: 21px;
	  font-family: 'Oswald-Regular';
	  font-size: 14px;
	  font-style: normal;
	  font-stretch: normal;
	  line-height: 40px;
	  text-align: right;
	  color: #000;  
	  padding: 15px 0px;
	  text-decoration:none;			
	}
	
	#menu li:hover > a {
		color: #009ED2;
	}
	
	#menu .active{color:#009ED2;}
	
	*html #menu li a:hover { /* IE6 only */
		color: #009ED2;
	}
	
	#menu ul {
		margin: 20px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 38px;
		left: 0;
		z-index: 1;    
		background: #444;

	}
	
	nav .brand-logo {
    color: #fff;
    display: inline-block;
    font-size: 2.1rem;
    padding: 0;
    position: absolute;
    white-space: nowrap;
	margin-top: 10px;
	}

	#menu ul ul {
		top: 0;
		left: 150px;
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	#menu ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}	

	#menu ul a {    
		padding: 10px;
		width: 130px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}	

	#menu-wrap {
		width:1150px;
		margin:0px auto;
	}
	#menu-wrap img{
	}
	
	/* Mobile */
	#menu-trigger {
		display: none;
	}
header{ position:fixed; width:100%; height:100px; top:0px; margin:0 auto; z-index:3; background-color:#FFF;  box-shadow: 0px 0px 5px 0px #999;}
.view-menu{display:none;}

@media screen and (max-width: 1100px) {
header{width:100%;}
#menu-wrap {
		width:100%;
		margin:0px auto;
	}
}

@media screen and (max-width: 800px) {
		
nav .brand-logo {
	float: left;
	position: relative;
			
}
header{ height:90px; top:0px; margin:0 auto; z-index:3;}
.bg-header{ height:90px;}

		/* nav-wrap */
		#menu-wrap {
			position: relative;
			
		}
		#menu-wrap img{
			width:225px;
		}

		#menu-wrap * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		/* menu icon */
		#menu-trigger {
			color: #f00;
			cursor: pointer;
			display: block;
			height: 80px;
			line-height: 40px;
			padding: 0 50px 0 0;
			background:url(../img/img-menu.png) no-repeat 10px center;
			float:right; 
		}
		
		/* main nav */
		#menu {
			margin: 0; padding: 10px;
			position: absolute;
			top: 80px;
			width: 100%;
			z-index: 1;
			background-color: #444;
			display: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#menu:after {
			content: '';
			position: absolute;
			right: 25px;
			top: -8px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #444;
		}	

		#menu ul {
			position: static;
			visibility: visible;
			opacity: 1;
			margin: 0;
			background: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;				
		}


		#menu li {
			position: static;
			display: block;
			float: none;
			border: 0;
			margin: 5px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;			
		}

		#menu ul li{
			margin-left: 20px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#menu a{
			display: block;
			float: none;
			padding: 0;
			color: #999;
		}

		#menu a:hover{
			color: #fafafa;
		}	

		#menu ul a{
			padding: 0;
			width: auto;		
		}

		#menu ul a:hover{
			background: none;	
		}
		
		.view-menu{display:block;}
		

	}

	@media screen and (min-width: 800px) {
		#menu {
			display: block !important;
		}
	}	

	/* iPad */
	.no-transition {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;  		
	}

	#menu li:hover > .no-transition {
		display: block;
	}