/* Main Styles ------------------ */

@media (max-width: 992px) {
  .navigation { 
    display:none;
  }
}

.navigation{
width:auto;
padding:0;
margin:0 auto;
margin-top:10px;
border-bottom:2px solid;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.navigation a{outline:none;}

.navigation > ul{display:table; list-style:inside none; padding:0; margin:0 auto;}
.navigation > ul > li{display:block; position:relative; float:left; list-style:inside none; margin:0; padding:0;}

.navigation > ul > li > a{
position:relative;
float:left;
display:block;
margin:0;
padding:10px 15px 10px 15px;
font:1.3em 'Dosis', Arial Narrow, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;

}

.navigation > ul > li:first-child a:before{
content:"";
position:absolute;
top:0; bottom:0; left:-2px;
}

.navigation > ul > li:last-child a:after{
content:"";
position:absolute;
top:0; bottom:0; right:-2px;
}

.navigation ul li ul{
width:220px;
display:none;
list-style:inside none;
position:absolute;
top:41px;
margin:0;
padding:15px 0 0 0;
border:0;
z-index:1;
background:transparent;
}

.navigation ul li ul li{
position:relative;
display:block;
float:none;
list-style:inside none;
margin:0;
padding:5px 5px 0 5px;
background:#e5e5e5;
}

.navigation ul li ul li:first-child{
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
.navigation ul li ul li:last-child{
padding-bottom:5px;
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
}

.navigation ul li ul li a{
display:block;
padding:13px 10px 10px 10px;
border-top:1px dotted #d5d5d5;
text-decoration:none;
text-shadow:1px 1px 0 #fff;
}

.navigation ul li ul li:first-child a{border:0;}
.navigation > ul li:hover > ul{display:block;}
.navigation ul li ul li a:hover{text-align:left; color:#000;}


/* Orange Color Scheme ------------------ */

.orange{
background:#f8a631;
border-bottom-color:#cb7801;
}
.orange > ul li a{color:#fff; text-shadow:0px -1px 0px #cb7801; border-right-color:#cb7801; border-left-color:#ffad38;}
.orange > ul > li:hover > a, 
.orange > ul > li > a:hover{
	background:#d58007;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}