/*------------------------------------*\
    Responsive Navigation
\*------------------------------------*/
/* Navigation styling */

.main-nav-outer {   position:relative; background:#333333; width:100%; float:left; text-align:center;}

.nav {
	position:relative;  /*float:left; margin-right:200px;*/
	display:inline-block;
	font-size:18px; text-transform:uppercase;   
}





.nav, 
.nav-item a { }
.nav-list { }
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
}
.nav-item a {
	display:block; 
	padding:5px 39px 0 39px;   
	color:#7d7d7d;  line-height:41px; 
 
}

.nav-item-icon { display:block; height:33px; overflow:hidden; float:left; margin-right:10px; }
.nav-item-icon01 { margin-top:-2px;}
.nav-item-icon02 { margin-top:0px;}
.nav-item-icon03 { margin-top:0px;}
.nav-item-icon04 { margin-top:3px;}


.nav-item:first-child a { border-left:none;}
.nav-item:last-child a {  }
.nav-item a:hover,
.nav-item a.active {
	  color:#FFFFFF; text-decoration:none;
}
.nav-item a:hover span.nav-item-icon img,
.nav-item a.active span.nav-item-icon img { margin-top:-71px;

}
/* Mobile Navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:5px; right:10px;
	/*left:0;*/
	background:#232323 url(../img/viewList.png) no-repeat center center;
	height:36px;
	width:40px; 
	/*border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;*/


	
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/



@media only screen and (min-width: 320px) and (max-width: 768px) { }
@media only screen and (min-width: 320px) and (max-width: 767px) {

.nav, 
.nav-item a { 
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;

}

.nav-item a {border-bottom:#1e1e1e solid 1px; border-top:#2c2c2c solid 1px; background:#232323;  }
 

	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%; background:none;
		padding:40px 0 0; 
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item-icon { min-width:32px; text-align:center;}
	.nav-item a { text-align:left;

		padding:5px 10px;
	}
	.nav-item:first-child a {
		border-radius:5px 0 0;
	}
	.nav-item:last-child a {
		border-radius:0 0 5px 5px;
	}
	.nav-active {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
}