.nav {max-width:768px; margin:0 auto; float:none;}

	/* nav-wrap */
	#nav-wrap { 
		position: relative;
		display:block;
		padding:0px;
		margin:0px;
		float:left;
		background:#c99d72;
		width:100%;
		margin:0px;
		text-align:left;
	}

	/* menu icon */
	#menu-icon {
		color: #fff;
	    font-family: 'CalibriBold';
		font-size: 14px;
		height: 35px;
		background: url(images/menu-icon.png) no-repeat right center;
		padding: 0px;
		width:94%;
		cursor: pointer;
		display: block; /* show menu icon */
		float:right;
		line-height:35px;		
		margin-right:10px;
		
	}
	#menu-icon:hover {
		background:url(images/menu-icon-hover.png) no-repeat right center;
	}
	#menu-icon.active {
		background:url(images/menu-icon-active.png) no-repeat right center;
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: relative;
		width:95%;
		margin:0px auto;
		float:none;
		z-index: 10000;
		background: #c99d72;
		display: none; /* visibility will be toggled with jquery */
	}
	#nav ul { padding:0px; margin:0px; text-align:center;}
	#nav li { padding:0px; margin:2% 2%; width:45%; display:inline-block;  background:#cc4028; list-style:none; font-size:13px; text-transform:uppercase; text-align:center;}

#nav li:hover { background:#333;}	
	#nav li a{ padding:8px 10px; text-decoration:none; color:#fff; display:block;}
	#nav li a:hover {color: #fff;}