@media only screen and (min-width: 800px) {
body {
 background:#fff ;
 color:#333;
 text-align: center; 
 font-family:Garamond, Georgia, serif;
 font-size:0.97em;
}
#container {
    width:800px;
    margin:0 auto;
    padding:0px;
    text-align:left; 
}
#logo {
    margin-bottom:20px;
}
#nav{
border:0px solid #000;
width: 100%; overflow: hidden; 
}
#nav ul{
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 28px;
    margin-left:0px;
    border: 0px solid #000;
    list-style: none; position: relative; float: left; display: block; left: 50%;
}
#nav li{
    float: left;
    position:relative;
    border-left:1px solid #999;
    height: 13px;
    margin-top: 7px;
    display: inline;
    position: relative; float: left; display: block; right: 50%;
    }
#nav li:first-child{
     border-left:0px solid #999;
     margin-left:-10px;
}
#nav a:hover{
    color:#000;
}
#nav.home a {
    color:#999;
}
#nav.home a:hover {
    color:#000;
}
#nav.home li{
    opacity:0;
}
#nav a{
    color: #999;
    display: block;
    text-decoration: none;
    height: 25px;
    margin:-6px 15px 0 15px;
    padding:3px 0 0 0;
    font-size:.9em;
    font-weight:bold;
}
}
@media only screen and (max-width: 800px) {
body {
 background:#fff ;
 color:#333;
 text-align: center; 
 font-family:Garamond, Georgia, serif;
 font-size:0.97em;
}
#container {
    width:800px;
    margin:0 auto;
    padding:0px;
    text-align:left; 
}
#logo {
    margin-bottom:20px;
}
#nav{
border:0px solid #000;
width: 100%; overflow: hidden; 
}
#nav ul{
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 28px;
    margin-left:0px;
    border: 0px solid #999;
    list-style: none; position: relative; float: left; display: block; left: 50%;
}
#nav li{
    float: left;
    position:relative;
    border-left:1px solid #999;
    height: 13px;
    margin-top: 7px;
    display: inline;
    position: relative; float: left; display: block; right: 50%;
    }
#nav li:first-child{
     border-left:0px solid #fff;
     margin-left:-10px;
}
#nav a:hover{
    color:#000;
}
#nav.home a {
    color:#999;
}
#nav.home a:hover {
    color:#999;
}
#nav.home li{
    opacity:0;
}
#nav a{
    color: #999;
    display: block;
    text-decoration: none;
    height: 25px;
    margin:-6px 15px 0 15px;
    padding:4px 0 0 0;
    font-size:1em;
    font-weight:bold;
}
}