*{
      margin: 0;
      padding: 0;
    }
    body{
      background: black;
      color: #fff;
      font: 12px Verdana, Arial, serif;
    }
    img, html, a{
      border: none;
      outline: none;
    }

    #wrapper{
      width: 777px;
      margin: 0 auto;
      -overflow: hidden;

    }
    #content:after{
        content:".";
        display: block;
        visibility: hidden;
        height: 0px;
        overflow: hidden;
        clear: both;
    }
    html[xmlns] #content{
      display: block;
    }
    #header{
      width: 824px;
      position: relative;
      background: url(../images/why_header.jpg) no-repeat;
      overflow: hidden;
      zoom:1;
    }
    #header ul{
      float: left;
      list-style: none;
      clear: both;
    }
    #header li{
      width: 290px;
      float: left;
      clear: both;
      margin-bottom: 5px;
    }

     #header ul a{
        display: block;
        font: bold 12px Verdana, Arial, serif;
        text-decoration: none;
        color: #DCA113;
        position: relative;
        padding: 8px 0 8px 12px;
     }

     #header ul a:hover{
        background: url(../images/wnavh.png) no-repeat;
        -background: none;
        -filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgurl + "wnavh.png', sizingMethod='crop')");
     }
     #header h1{
        width: 250px;
        height: 27px;
        float: left;
        margin: 50px 0;
     }
     #header h1 a{
        width: 250px;
        height: 40px;
        display: block;
        text-indent: -9999px;
     }
     #content{
       clear: both;
       width: 777px;
     }
          #content h2{
            color: #545454;
            font: bold 23px Trebuchet MS, Arial, serif;
            text-align: center;
            padding: 30px 0 15px 0;

          }
    #content ol{
        list-style: none;
        float: left;
        width: 380px;
        overflow: hidden;
        zoom:1;
        margin:10px 0 20px 0;
    }
    #content ol span{
        display: block;
        width: 25px;
        height: 40px;
        padding-top:1px;
        background: url(../images/whybull.jpg) no-repeat;
        text-align: center;
        color: black;
        font: 18px/18px Arial;
        float: left;
        margin-right: 9px;
    }
     #content p{
       width: 345px;
       float: left;
     }
     #content h3{
       width: 345px;
       float: left;
       font: bold 16px/16px Arial;
       padding-bottom: 4px;
     }
     #content ol li{
       float: left;
       clear: both;
       margin-bottom: 35px;
       width: 380px;
     }
     .right{
       float: right !important;
     }


 #footer{
   clear: both;
   width:1062px;
   height: 151px;
   background: url(../images/why_footer.jpg) no-repeat;
   position: relative;
   z-index: 0;
   left:-62px;
   float: left;

 }
  #footer a{
            width: 250px;
        height: 40px;
        display: block;
        text-indent: -9999px;
        position: absolute;

        left:60px;
position:absolute;
text-indent:-9999px;
top:58px;
  }
 address{
   position: absolute;
   font-family:Arial;
  font-size:10px;
  font-style: normal;
  right:230px;
  top:84px;
 }

 html, body{
   overflow-x: hidden;
 }
 #container{
   overflow: hidden;
 }