.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
nav{background:#f78d1d;background:-webkit-gradient(linear,left top,left bottom,from(#593233),to(#361d20));background:-moz-linear-gradient(top,#593233,#361d20);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#593233',endColorstr='#361d20');border-bottom:3px solid #1f1412;font-size:1.25em;font-family:'PT Sans',Arial,sans-serif;font-weight:bold;height:auto;position:relative;width:100%}
nav ul{margin:0 auto;overflow-x:hidden;text-align:center;width:80%}
nav li{display:inline-block}
nav a{color:#fff;display:inline-block;font-family:'Mate',serif;line-height:40px;text-align:center;text-decoration:none;text-shadow:0 2px 3px #000;width:150px}
nav li a{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
nav li:last-child a{border-right:0}
nav a:hover,nav a:active{background:#f47c20;background:-webkit-gradient(linear,left top,left bottom,from(#261616),to(#3b2323));background:-moz-linear-gradient(top,#261616,#3b2323);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#261616',endColorstr='#3b2323');color:#e4ba3e}
nav a#pull{display:none}
@media screen and (max-width:800px){nav{height:auto}
nav ul{width:100%;display:block;height:auto}
nav li{width:50%;padding-right:0;float:left;position:relative}
nav li a{border-bottom:1px solid #593233;border-right:1px solid #593233}
nav a{text-align:left;width:100%;text-indent:25px}
}
@media only screen and (max-width :480px){nav{margin-bottom:0}
nav ul{display:none;height:auto}
nav a#pull{display:block;width:100%;position:relative}
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}
}
@media only screen and (max-width :320px){nav li{display:block;float:none;width:100%}
nav li a{border-bottom:1px solid #576979}
}