#navigator
	{
		display: inline-block;
		border-radius: 0px;
		padding: 0em 1em 0em 2em;
		float: right;
		text-shadow: 1px 1px 1px black;
		background: rgba(0, 0, 0, 0.0);
		box-shadow: inset -580px 0px 40px -10px rgba(0, 0, 0, 0.65);
		width: 65%;
	}
	
	#navigator ul
	{
		padding: .2em .2em .2em 10em;
		float: right;
	}

	#navigator > ul > li
	{
		display: inline-block;
		position: relative;
	}
		
	#navigator > ul > li:last-child
	{
		padding-right: 0;
	}

	#navigator > ul > li > a,
	#navigator > ul > li > span
	{
		display: block;
		padding: .2em .2em;
		letter-spacing: 1px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 200;
		font-size: 1em;
		outline: 0;
		color: #7b7b7b;
		-webkit-transition: 0.9s;
		-moz-transition: 0.9s;
		-o-transition: 0.9s;
		transition: 0.9s;
	}


	#navigator > ul > li > a:hover
	{
		color: #FFF;
		text-shadow: 0px 1px 4px white;
	}

	#navigator li.active a
	{
		color: #FFF;
	}

	#navigator > ul > li > ul
	{
		display: none;
	}
	.clear{clear:top;}
	
	#logo
	{
		padding: 5em 0em;
		text-align: center;
		background: url(../images/header/nav-icon-logo.png) center no-repeat;
		width: 100%;
	}
	
	.top-nav
	{
		display: none;
	}
	.nav_bg
	{
		background: #464646;
	}
	.clearfix 
	{
		height: 30px;
		width: 100%;
		font-size: 11pt;
		position: relative;
		z-index: 9999;
	}
	.clearfix ul 
	{
		padding: 0;
		margin: 0 auto;
		display: none;
		background: #f0f0f0;
	}
	.clearfix li 
	{
		display: block;
	}
	.clearfix a 
	{
		color: #555555;
		font-size:15px;
		text-transform:uppercase;
		display: block;
		width:100%;
		text-indent: 10px;
		text-align: left;
		text-decoration: none;
		line-height: 40px;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	.clearfix li a 
	{
		border-bottom: 1px solid rgba(90, 85, 73, 0.17);
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.clearfix li:last-child a 
	{
		border-right: 0;
	}
	.clearfix a:hover,.clearfix a:active 
	{
		background: #333333;
		color:#ffffff;
	}
	.clearfix a#pull 
	{
		background: url('../images/nav-icon-logo.png') no-repeat;
		font-size: 20px;
		display: block;
		width: 100%;
		height: 120px;
		position: relative;
		color: #FFFFFF;
		background-color: #000000;
		size: 10%;
	}
	.clearfix a#pull:after 
	{
		background:url('../images/nav-icon.png')no-repeat;
		width: 30px;
		content:"";
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
		padding: 40em 0em 40em 0em;
	}