/* -----------------------------------
Navigation
----------------------------------- */
@media (max-width: 800px)
{
	#nav ul 
	{
		clear:both;
		margin: 0;
		padding: 0;
		width: 100%;
		display: block;
		list-style: none;
		line-height: 1;
	}
	
	#nav li { display: inline; }
	
	#nav a
	{
		display: block;
		padding: .5em;
		color: #fff;
		background: #DA251C;
		border-bottom: 1px solid #fff;
		text-decoration: none;
	}
	
	#nav-toggle
	{
		display: block;
		padding: .5em .5em .5em 40px;
		color: #fff;
		background-color: #DA251C;
		background-image: url(responsive-nav.png);
		background-repeat: no-repeat;
		background-position: 10px 50%;
		border-bottom: 1px solid #fff;
		text-decoration: none;
	}
	
	#nav li a.home{
			background:#E84F46;
		}
	
	#nav a:focus,#nav-toggle:focus { background-color: #E84F46; }
	#nav a:hover,#nav-toggle:hover { background-color: #E84F46; }
	#nav a:active,#nav-toggle:active { background-color: #E84F46; }
	
	/* -----------------------------------
	Predefined
	----------------------------------- */
	
	.js #nav
	{
		clip: rect(0 0 0 0);
		max-height: 0;
		position: absolute;
		display: block;
		overflow: hidden;
		zoom: 1;
	}
	
	#nav.opened { max-height: 9999px; }
}

@media (min-width: 800px)
{
	#nav-toggle { display: none; }
	
	nav{
		clear:both;
		float:right;
		margin:5px 0 10px 0;
		padding:0;
		width:100%;
	}
	
	#nav ul{
		width:100%;	
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	#nav li{
		display:inline;
		float:left;		
		margin:0 0.098039% 0 0;
		padding:0;	
		width:25%;
	}
	
	#nav li#last-list-item{	
		margin:0 0 0 0;
		width:24.6%;
	}
	
	#nav li a{
		display:block;
		width:100%;
		height:20px;	
		color:white;
		text-decoration:none;
		font-size:14px;	
		text-align:center;
		padding:6px 0 4px 0;
		margin:0 1px 0 0;
		background:#E7630C;
		background-image: linear-gradient(bottom, #DA251C 15%, #DA251C 70%);
		background-image: -o-linear-gradient(bottom, #DA251C 15%, #DA251C 70%);
		background-image: -moz-linear-gradient(bottom, #DA251C 15%, #DA251C 70%);
		background-image: -webkit-linear-gradient(bottom, #DA251C 15%, #DA251C 70%);
		background-image: -ms-linear-gradient(bottom, #DA251C 15%, #DA251C 70%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.15, #DA251C),
			color-stop(0.70, #DA251C)
		);
		}
		
		#nav li a:hover{
			background:#E84F46;
		}
		
		#nav li a:active{
			background:#E84F46;
		}
		
		#nav li a#first-tab{
			border-top-left-radius:3px;
			border-bottom-left-radius:3px;
		}
		
		#nav li a.home{
			background:#E84F46;
		}
		
		#nav li a#last-tab{
			border-top-right-radius:3px;
			border-bottom-right-radius:3px;
		}
		
		
}