/* Clearfix */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
/**/
.navbar {
	width:980px;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	background:#000000;
}
nav {
	width: 100%;
	position: relative;
}
nav a#pull {
	color: #00CC66;
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}
nav ul {
	padding: 0;
	margin: 0;
	list-style-type:none;
}
nav li {
	display: inline;
	float: left;
	line-height:40px;
}
nav ul li a {
	display:block;
	text-transform:uppercase;
	color:#eee;
	font-size:14px;
	font-family:"Calibri";
	text-decoration:none;
	font-weight:normal;
	padding:0 22px;
	-webkit-transition: all 0.3s ease-in-out;
	/* Animation with transition in Firefox (No supported Yet) */
-moz-transition: all 0.3s ease-in-out;
	/* Animation with transition in Opera (No supported Yet)*/
-o-transition: all 0.3s ease-in-out;
}
nav ul li:last-child a {
	padding-right:0;
}
nav a:hover, nav a:active {
	color:#ff7604;
}
nav a#pull {
	display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 960px) {
 nav a#pull {
 display: block;
 background: #f27308;
 width: 100%;
 position: relative;
 text-align: left;
 text-indent: 25px;
 font-size:0;
}
 nav a#pull:hover {
 background: #ed1e28;
}
 nav a#pull:after {
 content:"";
 background: url(../../../images/nav-icon.png) no-repeat;
 width: 30px;
 height: 30px;
 display: inline-block;
 position: absolute;
 right: 15px;
 top: 10px;
}
 .navbar {
 width:100%;
}
 nav {
 height: auto;
}
 nav ul {
 width: 100%;
 display: none;
 height: auto;
}
 nav ul li {
 width:49.5%;
 float: left;
 position: relative;
 line-height:25px;
}
 nav ul li a {
 font-size:13px;
 text-align: center;
 width: 100%;
 padding:0;
 border-bottom: 1px solid #576979;
 border-right: 1px solid #576979;
}
}