*{
      padding: 0;
      margin: 0;
     }
    body {
      text-align: center;    
      font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, Sans Serif;
      font-size: 13px;
      color: #3f3;
      background: #E0F7C8 url(images/mid.jpg) center no-repeat;
    }

  

    img {
      border: 0;
    }
    li{
      list-style: none;
      list-style-image:none;
    }
    
    td {
      
      vertical-align: top;
    }
    
    #container {
      text-align: left;
      width: 770px;
      margin: auto;
    }

    #top{
      
      width: 770px;
      height: 400px;
      background: url(images/top.jpg);
      }
   

    #bg{

      position: absolute;
      top: 0px;
      margin: auto;
      width: 770px;
      height: 700px;
      background: url(images/mid.jpg);
      }


    #content{
      width: 500px;
      padding: 100px 60px 180px 210px; 
      background: url(images/bot.jpg) bottom no-repeat;
      margin: -130px 0 0 0;
      min-height: 180px;
      _height: 180px;
      }
    
    #content p{
      color: #9f9;
      line-height: 1.5em;
    }

    .center {
      text-align: center;
    }

    .bold{
      font-weight: bold;
    }
    

    #how {
      position: relative;
      left: 270px;
      top: 239px;
    }

    #who {
      position: relative;
      left: 297px;
      top: 264px;
    }
    
    #ordering {
      position: relative;
      left: 320px;
      top: 264px;
    }
    #delivery {
      position: relative;
      left: 345px;
      top: 248px;
    }
    #contact {
      position: relative;
      left: 363px;
      top: 209px;
    }
    a{
      color: #9f9; 
    }
    a:hover{
      color: #fff;
    }