@charset "utf-8";
/* CSS Document */

body {
    margin: 0;
}

nav {  
    height: 70px;  
    width: 100%;  
    background: #414143;  
    font-size: 11pt;
	font-family: 'TwCenMTRegular';
/*    font-family: 'PT Sans', Arial, sans-serif;  */
    position: relative;

/*    border-bottom: 2px solid #283744;  */
}  
nav ul {  
    padding: 0;  
    margin: 0 auto;  
    width: 990px;  
    height: 70px;
/*	background-color:red;*/
}

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: 148px;
	height:60px;
    text-align: right; 
    text-decoration: none;  
    line-height: 40px;  
    text-shadow: 1px 1px 0px #283744;
	padding-top:13px;
/*	background-color:green;*/
} 

nav li a {  
/*    border-right: 1px solid #576979;  
    border-bottom: 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 li:first-child a {  
width:243px;
/*background-color:yellow;*/
}  
 
nav a:visited {
	 color: #fff;  
}

nav a:hover, nav a:active {  
    color: red;  
}  

nav a#pull {  
    display: none;  
}


@media screen and (max-width: 990px) {  
    nav {   
        height: auto;  
    }  
    nav ul {  
        width: 100%;  
        display: block;  
        height: auto;  
    }  
    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;  
    }  

}  

@media only screen and (max-width : 550px) {  
    nav {  
        border-bottom: 0;  
    }  
    nav ul {  
        display: none;  
        height: auto;  
    }  
	nav li {  
        width: 100%;  
    } 
    nav a#pull {  
        display: block;  
        background-color: #414143;  
        width: 100%;  
        position: relative;  
    }  
    nav a#pull:after {  
        content:url('../images/logo-menu.png');  
        background: url('../images/nav-icon.png') no-repeat;
		background-position:center;
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        rightright: 15px;  
        top: 10px;  
		padding-left:30px;
		padding-top:5px;
    }  
}  

@media only screen and (max-width : 320px) {  
    nav li {  
        display: block;  
        float: none;  
        width: 100%;  
    }  
    nav li a {  
/*        border-bottom: 1px solid #576979;  */
    }  
}