body {  
    background-color: #ece8e5;  
}  

nav {  
   
    font-family: 'PT Sans', Arial, sans-serif;  
    font-weight: bold;  
    position: relative;  
}  
nav ul {  
    padding: 0;  
    margin: 0 auto;  
/*  width: 600px; 
    height: 40px;*/  
}  

nav li {  
    display: inline;  
    float: left;  
}  

.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
}  

nav a {  
    color: #fff;  
    display: inline-block;  
/*    width: 100px; */ 
    text-align: center;  
    text-decoration: none;  
    line-height: 40px;  
    text-shadow: 1px 1px 0px #283744;
	padding:0 20px;  
}  

nav li a {  
/*    border-right: 1px solid #576979;  */
    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 {  
	color:#ffdb00;
}  

nav a#pull {  
    display: none;  
}       

@media only screen and (max-width: 960px) and (min-width: 768px) { 


	ul.flyout-menu {width:550px;}





}  

@media only screen and (max-width: 767px) {
    nav {  
	margin:0 auto;

        height: auto; 
        border-bottom: 0;  
    }  
    nav ul {  
        display: none;  
        height: auto; 
        width: 100%;   
    }  
    nav li {  
        width: 50%;  
        float: left;  
        position: relative;  
    }  
    nav li a {  
        border-bottom: 1px solid #576979;  
        border-right: 1px solid #576979;  
    }  
    nav a {  
        text-align: left;  
        width: 100%;  
        text-indent: 25px;  
    }  

    nav.links a {  
        width: 50%;  
        float: left;  
        position: relative;  
    } 
    nav a#pull {  
        display: inline-block;  
        background-color: #283744;  
        width: 100%;  
        position: relative;  
	text-indent:10px;
	text-align:left;
    }  
    nav a#pull:after {  
        content:"";  
        background: url('nav-icon.png') no-repeat;  
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        rightright: 15px;  
        top: 10px;  
    }  
  	nav a{padding:0;}
	div.menu{display:none;}  
   
}  

@media only screen and (max-width: 459px) {
    nav li {  
        display: block;  
        float: none;  
        width: 100%;  
    }  
    nav li a {  
        border-bottom: 1px solid #576979;  
    }  
	nav {width:330px;}
	nav a{line-height:30px;}
}