/** --- Menu --- **/
#pg-menu{
    display:block;
    position:relative;
    right:0;
    width:100%;
    max-width:718px;    
    height:37px;     
    background-color:#000;
    z-index:300; 
    margin:0 auto;                  
}
nav{ text-align:center;font-size:12px;}
nav ul {margin:0;padding: 1em;list-style-type:none;font-family:swiss721;}
nav ul li {display:inline;margin-left:0em;}
nav ul li a{color:#fff;text-decoration:none;padding:0 1.2em;}
nav ul li.active a,nav ul li a:hover{color: #fff;border-bottom:4px solid #ff0000;}   
.nav-button{display: none;}


@media only screen and (min-width:0px) and (max-width:768px){        
    #pg-menu{position:fixed;height:37px; top:0;margin:0;background-color: #d80a0a;}
    .nav-button {
		display: block;
		position: absolute;
		top: 2px;
		right: 3px;
		width: 35px;
		height: 30px;
		background: url('../images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(255,0,0,1), rgba(0,0,0,.3));
		background: url('../images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(255,0,0,1), rgba(0,0,0,.3));
		background: url('../images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(255,0,0,1), rgba(0,0,0,.3));
		background: url('../images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(255,0,0,1), rgba(0,0,0,.3));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		
		border: 1px solid rgba(255,255,255,.1);
/*		border: 0 none;
        box-shadow: 0 0 4px rgba(0,0,0,.7) inset; */
		border-radius: 5px;
		z-index: 999;
		text-indent: -9999px;
	}
    .nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
		background: url('../images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(255,0,0,1), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(255,0,0,1), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(255,0,0,1), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),      -o-linear-gradient(top, rgba(255,0,0,1), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}
    /* Navigation Bar
    ------------------------------------------------------------------ */
    nav {
        width:100%;
        float:none;
/*        background-color: rgba(0,0,0,.7); */  
        display:block;
        height:auto;
        margin:0;
        padding:0;
        overflow:hidden;
/*        box-shadow: 0 1px 2px rgba(0,0,0,.6); */
        position:absolute;
        top:0px;
        left:0px;
        z-index: 998;
        clear:both;     
        margin-top:25px;             
    }    
    nav ul li{
        display:none;
        width:100%;               
        text-align:left;
        margin-left:-2.5em;                 
    }
    nav ul li a{
        display:block;
        width:100%;
        padding:10px 3em;
        color:#fff;
        text-decoration:none;   
        border-bottom:2px solid transparent;     
        background-color: rgba(0,0,0,.8);        
    }    
    nav ul li a:hover,nav ul li.active a{
        background-color:  rgba(255,255,255,1);
/*        border-top-color: transparent; */
        color: #ff0000;
        border-bottom:2px solid #000;
    }
    nav.open{
        height:auto;
        padding-top:0px;
    }
    nav.open li{
        display:block;
        margin-left:-3.5em; 
    }
}