body{
      margin: 0px;
      padding: 0px;
      background-color: #000000;
      background-image: url('../images/legrandback.jpg');
      background-repeat: repeat;
      background-position: center center;
      background-attachment: fixed;
      font-family: "Helvetica";
      font-size: 15px;
  }
  h3 {text-align: center;}
  h1, h2, h3, h4{color: #000000;
      }
  /* link properties*/
  
  a {text-decoration: none;}
  a:hover, #footer a:hover, #nav-bar a:hover {color: #F05133;}
  
  #main-content a {color: #000000;}
  #main-content a:hover {color: #F05133;}
  #footer a{color: #999999;}
  #nav-bar a{color: #ffffff;}
  
  /* end link properties*/
  
  #address-info
  {
      width: 700px;
      margin: 0 auto;
      font-family: "Helvetica";
      font-size: 15px;
      font-style: italic;
      color: #CFCFCF;
  }
  #wrapper
  {
      width: 700px;
      margin: 0 auto;
  }

  #adarea {
      display: none;
  }

  #topbanner
  {
      background-image: url('../images/legrandlogo.png');
      background-position: center;
      background-repeat: no-repeat;
      height: 180px;
      background-color: #000000;
      width: 100%;
      border: 1px solid #000000;
      margin-bottom: 5px;
      margin-top: 10px;
  }
  #nav-bar
  {
      background-color: #565656;
      border: 1px solid #000000;
      text-align: center;
      font-weight: bold;
      padding: 5px;
      margin-bottom: 5px;
  }
  
  .nav {
      padding: 0px 20px 0 20px;
      border-right: 1px solid #ffffff;
      
  }
  .nav2{padding: 0px 20px 0 20px;}
  #main-content
  {
      background-image: url('../images/legrandback1.jpg');
      background-repeat: repeat;
      border: 1px solid #000000;
      font-family: "Helvetica";
      font-style: italic;
      color: #565656;
      font-size: 15px;

  }
  #top-section
  {
  
      padding: 10px;
  }
#topad
  {
      
      display: block;
      
  }
  
  #left-section
  {
      width: 50%;
      border-right: 1px dotted #565656;
      padding: 10px;
      margin: 10px 0px 10px 0px;
      
  }
  
  #right-section
  {
      width: 40%;
      padding: 10px;
      margin: 10px 0px 10px 0px;
      float: right;
  }
  
  #footer
  {
      width: 700px;
      margin: 10px auto;
      text-align: center;
      color: #ffffff;
      clear: both;
  }
  
  
  
  .floatL {width: 65%; float: left; text-align:left;}
  .floatR {width: 30%; float: right;text-align: right;}
  .imgFloatL {float: left; margin: 5px 10px 10px 0px;}
  .imgFloatR {float: right; margin: 5px 0px 10px 10px;}
  .clear {clear: both;}
  .divider {border-bottom: 1px dotted #565656; padding: 3px; width: 95%; margin: 0 auto;}

@media only screen and (max-width: 680px), only screen and (max-device-width: 680px) {
                #wrapper {
                        width: 100%;
                }

                #topbanner {
                        background-image: url('../images/legrandlogo.png');
                        position: relative;
                }

                body {
                        width: 100%;
                        font-size: 120%;
                }

                .nav,.nav2 {
                        font-size: 15px;
                }

                .imgFloatL {
                        float:left;
                        width: 100%;
                }
                #top-section table {
                        width: 100%;
                }

                #main-content {
                        float: left;
                        width: 100%;
                }
                #main-content p {
                        float: left;
                        width: 100%;
                }

                #left-section {
                        float:left;
                        width:100%;
                        font-size:15px;
                }
                #right-section {
                        float:left;
                        width:100%;
                        font-size:15px;
                }

                #navbar {
                        float:none;
                        width: auto;
                }
        }