<div id="header">
            
                    <div id="logo">
                    
                        <a href="index.php" style="display: block; width:100%; height:100%;"></a>
                        
                    </div>
                  
        
                    <div id="navi">
                        <ul>
                            
                            <li><a style="border-left: 1px solid #e3e3e3;" href="index.php">Home</a></li>
                            <li><a href="top.php">Top</a></li>
                            <li><a href="filter.php">Filter</a></li>
                            <li><a style="border-right: 1px solid #e3e3e3;" href="rss.php">Rss</a></li>
                            
                            
                            
                            
                            
                        </ul>
                    
                    </div>
            
            
            </div>

body {background:url('images/bg.png') #fff repeat-x;
      color:#333;
      font-size:12px;
      font-family:Arial, Helvetica, Verdana, sans-serif, serif;
      }
p {letter-spacing: 0em;}

/**********LINKS**************/

a:link {color:#005d98;
text-decoration:none;}

a:visited {color:#005d98;
text-decoration:none;
letter-spacing:0em;
padding:0px; margin:0px;}

* html a:visited {letter-spacing: -3px;}
a:hover {color:#0891e8;}

/********WRAP**********/
#wrap {width:1000px;
        margin:-10px auto;
        background:;
        max-width:1000px;
        
        }

#header {height: 124px;
            width:100%;}

#logo {width:337px; 
        height:124px;
        background:url('images/logo.png');
        float:left;}      
          
        
#navi {width:650px;
        float:right;
      
        
        color:black;
        }      
        
        
#navi ul {
  list-style-type: none;
  text-align: center;
 
  margin-top:89px;
 
}
#navi ul li  {
  text-align: right;
  margin: 0;
  padding: 0;
  width: 70px;
  border-top:1px solid #e3e3e3;
  display: inline;
  float: left;
  
  background:url(images/navi_bg.png) repeat-x;
}
#navi li a {
  
  color: #000;
  text-align: center;
  font-size:13px;
  width: 70px;
  height: 35px;
  line-height:35px;
  border: 0px;
  display: block;
  

}
#navi a:link {
  color: #000;
  text-decoration: none;
}
#navi a:active {
  color: #000;
  text-decoration: none;
}
#navi a:visited {
  color: #000;
  text-decoration: none;
}
#navi ul li a:hover  {
  background: #3a4d6c;
  color: #FFFFFF;

}