* {
   margin: 0;
   padding: 0;
   }
.clear {
  width: auto;
  clear: both;
  line-height: 0;
  }
   body {
    background: url(./img/background.gif) repeat-x #fff;
    font-family: Trebuchet MS;
    }
    #container {
      width: 800px;
      height: auto;
      margin: 10px auto auto auto;
      }
      #top {
        width: 800px;
        height: auto;
        float: left;
        }
        #top img {
          border: 0;
          float: left;
          }
      #menu { 
        width: auto;
        padding: 5px 3px 5px 3px;
        background: #185E9F;
        height: auto;
        float: left;
        margin: 0 0 0 0;
        }
        #menu ul {  
          float: left;
          }
          #menu ul li {
            float: left;
            display: inline;
            font-size: 13px;
            width: auto;
            }
            #menu ul li a {
              width: 80px;
              color: #666;
              text-decoration: none;
              font-weight: bold;
              background: url(./img/menu.gif) repeat-x top #fff;
              margin: 0 3px 0 3px;
              padding: 2px 10px 3px 10px;
              height: auto;
              float: left;
              text-align: center;
              }
              #menu ul li a:hover {
                background: #eee;
                color: #666;
                }
      #content {
        width: 800px;
        height: auto;
        float: left;
        }
        #content #opinion {
          width: 760px;
          float: left;
          margin: 10px 20px 0 20px;
          display: inline;
          padding: 0 0 15px 0;
          height: 150px;
          }
          #content #opinion h1 {
            float: left;
            margin: 30px 0 0 0px;
            font-size: 35px;
            display: inline;
            color: #666;
            }
            #content #opinion h1 img {
              float: left;
              border: 0;
              }
            #content #opinion h1 a {
              text-decoration: none;
              font-size: 75px;
              color: #F99627;
              }
            #content #opinion h1 span {
              font-size: 35px;
              font-style: italic;
              color: #eee;
              }
          #content #opinion .text {
            width: 400px;
            height: auto;
            padding: 14px;
            float: right;
            display: inline;
            margin: 0 0 0 0px;
            }
            #content #opinion .text h2 {
              float: left;
              margin: 0;
              color: #F8CC7A;
              font-size: 20px;
              font-weight: normal;
              }
            #content #opinion .text p {
              margin: 3px 0 0 0;
              width: 400px;
              text-align: justify;
              font-size: 13px;
              color: #fff;
              float: left;
              font-style: italic;
              }
              #content #opinion .text p a {
                color: #13AD10;
                }
                #content #opinion .text p a:hover {
                  text-decoration: none;
                  color: #000;
                  padding: 0 2px 0 2px;
                  background: #13AD10;
                  }
          #content #wrapper {
            background: #fff;
            width: 800px;
            float: left;
            padding: 0 0 50px 0;

            margin: 0;
            }
               
          #content #left {
            width: 280px;
            float: left;
            padding: 10px 0 0 20px;
            display: inline;
            }
            #content #left h3 {
              width: 270px;
              height: 30px;
              float: left;
              color: #333;
              font-size: 20px;
              font-weight: normal;
              padding: 4px 0 0 0px;
              }
              #content #left h3 img {
                float: left;
                padding: 0 5px 0 0;
                }
            #content #left #services {
              background: url(./img/services.gif) top repeat-x;
              width: 270px;
              float: left;
              height: auto;
              margin: 0 0 50px 0;
              }
              #content #left #services ul {
                width: 230px;
                float: left;
                margin: 10px 0 0 20px;
                display: inline;
                }
                #content #left #services ul li {
                  background: url(./img/arrow.gif) no-repeat left center;
                  list-style-type: none;
                  float: left;
                  width: 230px;
                  margin: 10px 0 0 0;
                  padding: 0 0 0 20px;
                  font-size: 12px;
                  color: #666;
                  }
                  #content #left #services ul li a {
                    color: #666;
                    text-decoration: none;
                    width: 220px;
                    border-right: 1px solid #eee;
                    float: left;
                    }
                    #content #left #services ul li a:hover {
                      color: #cc0000;
                      border-right: 1px solid #333;
                      }
            #content #left #contact {
              background: url(./img/services.gif) top repeat-x;
              width: 270px;
              float: left;
              height: auto;
              margin: 0 0 50px 0;
              }
              #content #left #contact p {
                font-size: 13px;
                color: #666;
                float: left;
                margin: 20px 0 0 20px;
                display: inline;
                }
                #content #left #contact p a {
                  color: #666;
                  }
                  #content #left #contact p a:hover {
                    padding: 2px;
                    color: #fff;
                    background: #666;
                    text-decoration: none;
                    }
            #content #left #contract {
              background: url(./img/services.gif) top repeat-x;
              width: 270px;
              float: left;
              height: auto;
              margin: 0 0 50px 0;
              }
              #content #left #contract p {
                font-size: 14px;
                color: #666;
                float: left;
                margin: 10px 0 0 0;
                width: 270px;
                text-align: center;
                }
                #content #left #contract p img {
                  background: #fff;
                  padding: 0;
                  border: 0;
                  margin: 10px 0 0 0;
                  }
            #content #left #instruct {
              width: 248px;
              height: auto;
              float: left;
              padding: 10px;
              background: url(./img/instruct.gif) repeat-x #E7F7FF;
              margin: 10px 0 0 0;
              border: 1px solid #00A8FF;
              }
              #content #left #instruct h5 {
                color: #4C3200;
                font-size: 11px;
                float: left;
                }
                #content #left #instruct p {
                  width: 248px;
                  text-align: justify;
                  font-size: 11px;
                  color: #666;
                  float: left;
                  margin: 5px 0 0 0;
                  }
                  #content #left #instruct p a {
                    color: #4C3200;
                    text-decoration: none;
                    border-bottom: 1px solid #ccc;
                    float: left;
                    margin: 3px 0 0 0;
                    }
                    #content #left #instruct p a:hover {
                      border-bottom: 1px solid #333;
                      }
          #content #right {
            width: 500px;
            float: left;
            margin: 10px 0 0 0;
            }
            #content #right #ad {
              background: url(./img/wykdrz.gif) no-repeat right bottom;
              width: 458px;
              float: left;
              margin: 0;
              line-height: 0;
              border: 0px solid #cc0000;
              padding: 0px;
              }
               #content #right #ad p {
                width: 458px;
                float: left;
                text-align: justify;
                color: #333;
                font-size: 13px;
                margin: 5px 0 0 0;
                }
                #content #right #ad p span {
                  color: #666;
                  font-size: 11px;
                  }
                #content #right #ad p a {
                  color: #cc0000;
                  float: left;
                  margin: 5px 0 0 0;
                  }
                  #content #right #ad p a:hover {
                    color: #fff;
                    background: #cc0000;
                    text-decoration: none;
                    }
                #content #right #ad ul {
                  width: 450px;
                  float: left;
                  margin: 5px 0 0 0;
                  }
                  #content #right #ad ul li {
                    list-style-type: none;
                    width: 440px;
                    padding: 0 0 0 10px;
                    float: left;
                    font-style: italic;
                    font-size: 12px;
                    color: #FF8400;
                    }
            #content #right #text {
              width: 460px;
              float: left;
              margin: 10px 0 0 0;
              padding: 10px;
              display: inline;
              background: #FFFDF2;
              }
            #content #right #text h3 {
              font-size: 18px;
              color: #382D00;
              float: left;
              font-weight: normal;
              padding: 0 0 0 10px;
              border-bottom: 1px solid #382D00;
              width: 450px;
              }
            #content #right #text p {
              width: auto;
              float: left;
              margin: 10px 0 0 0;
              display: inline;
              color: #5A3B00;
              font-size: 12px;
              text-align: justify;
              text-indent: 10px;
              width: 460px;
              }
              #content #right #text p:first-letter {
                font-weight: bold;
                font-size: 15px;
                }
              #content #right #text p strong {
                font-weight: bold;
                color: #EBA000;
                }
              #content #right #text ul {  
                float: left;
                margin: 5px 0 0 20px;
                display: inline;
                }
                #content #right #text ul li {
                  font-size: 12px;
                  color: #6B4700;
                  float: left;
                  width: 400px;
                  }
                  #content #right #text a {
                    color: #6B4700;
                    }
                    #content #right #text a:hover {
                      text-decoration: none;
                      }
                  #content #right #text img {
                    float: left;
                    background: #fff;
                    padding: 4px;
                    border: 1px solid #999;
                    margin: 5px 0 0 5px;
                    display: inline;
                    }
            #content #right #form {
              width: 420px;
              float: left;
              margin: 0 0 0 0;
              padding: 10px;
              display: inline;

              }
            #content #right #form h3 {
              font-size: 18px;
              color: #0089E9;
              float: left;
              font-weight: normal;
              padding: 0;
              width: 425px;
              }
              #content #right #form label {
                width: 420px;
                float: left;
                font-size: 12px;
                color: #666;
                margin: 15px 0 0 0;
                }
                #content #right #form input { 
                  background: url(./img/input.gif) repeat-x;
                  width: 280px;
                  float: left;
                  margin: 3px 0 0 0;
                  border: 1px solid #ccc;
                  height: 16px;
                  font-size: 12px;
                  color: #666;
                  padding: 4px 10px 0 10px;
                  }
                  #content #right #form p {
                    font-size: 11px;
                    color: #cc0000;
                    float: left;
                    width: 280px;
                    }
                  #content #right #form input.submit {
                    width: auto;
                    height: auto;
                    float: left;
                    background: none;
                    border: 0;
                    font-weight: bold;
                    color: #666;
                    }
                #content #right #form textarea {  
                  background: url(./img/input.gif) repeat-x #FFF5CF;
                  border: 1px solid #ccc;
                  width: 380px;
                  height: 100px;
                  float: left;
                  margin: 3px 0 0 0;
                  font-size: 11px;
                  font-family: georgia;
                  padding: 4px 10px 4px 10px;
                  color: #666;
                  }
            #content #right #portfolio {
              width: 410px;
              height: auto;
              float: left;
              margin: 8px 0 0 20px;
              display: inline;
              }
              #content #right #portfolio h3 {
                font-size: 20px;
                font-weight: normal;
                float: left;
                color: #3493EE;
                text-decoration: underline;
                }
                #content #right #portfolio span.more a {
                  color: #fff;
                  background: #999;
                  padding: 5px;
                  text-decoration: none;
                  float: left;
                  font-size: 10px;
                  margin: 15px 0 0 0;
                  }
                  #content #right #portfolio span.more a:hover {
                    background: #666;
                    }
              #content #right #portfolio div {
                width: 410px;
                height: auto;
                float: left;
                background: url(./img/portfolio.gif) #EBF3F5;
                padding: 10px;
                margin: 15px 0 0 0;
                text-align: center;
                }
                #content #right #portfolio div h4 {
                  font-size: 18px;
                  color: #83979E;
                  font-weight: normal;
                  float: left;
                  font-style: italic;
                  }
                #content #right #portfolio div img {
                  border: 1px solid #ccc;
                  background: #fff;
                  padding: 5px;
                  margin: 5px 0 0 0;
                  }
                  #content #right #portfolio div img:hover {
                    border: 1px solid #999;
                    }
              #content #right #portfolio p {
                width: 430px;
                font-size: 12px;
                color: #333;
                float: left;
                margin: 10px 0 0 0;
                text-align: justify;
                }
                #content #right #portfolio ul {
                  float: left;
                  margin: 5px 0 0 20px;
                  width: 430px;
                  display: inline;
                  }
                  #content #right #portfolio ul li {
                    font-size: 12px;
                    color: #666;
                    width: 430px;
                    }
                    
        #content #sidebar {
          background: #242424;
          width: 200px;
          margin: 15px 0 0 15px;
          display: inline;
          padding: 0 5px 10px 5px;
          float: left;
          }
          #content #sidebar h4 {
            font-size: 14px;
            color: #fff;
            float: left;
            margin: 10px 0 0 0;
            }
          #content #sidebar ul {
            width: 200px;
            float: left;
            margin: 5px 0 0 0;
            font-size: 12px;
            }
            #content #sidebar ul li {
              width: 190px;
              color: #FF7E00;
              float: left;
              list-style-type: none;
              margin: 3px 0 0 0;
              padding: 0 0 0 5px;
              border-bottom: 1px solid #666;
              }
              #content #sidebar ul li a {
                color: #FF7E00;
                text-decoration: none;
                padding: 1px;
                }
                #content #sidebar ul li a:hover {
                  background: #fff;
                  }
                  
          #content #blog {
            background: #242424;
            width: 525px;
            float: left;
            padding: 0 10px 10px 10px;
            margin: 15px 0 0 15px;
            }
            #content #blog div {
              width: 525px;
              float: left;
              }
            #content #blog div h3 a {
              font-size: 18px;
              color: #FF7E00;
              float: left;
              width: 500px;
              margin: 10px 0 0 0;
              display: inline;
              font-weight: normal;
              }
              #content #blog div p.date {
                font-size: 11px;
                color: #ccc;
                float: left;
                }
              #content #blog div p.cont {
                width: 525px;
                font-size: 12px;
                color: #fff;
                float: left;
                margin: 10px 0 0 0;
                text-align: justify;
                }
                #content #blog div span {
                  width: 400px;
                  float: left;
                  font-size: 11px;
                  color: #333;
                  display: inline;
                  margin: 10px 0 0 0;
                  padding: 5px;
                  background: #ccc;
                  border: 1px solid #999;
                  text-align: justify; 
                  }
                  #content #blog div a.commentslink {
                    color: #fff;
                    float: left;
                    margin: 5px 0 0 0;
                    background: #FF7E00;
                    padding: 2px;
                    font-size: 11px;
                    text-decoration: none;
                    }
                  #content #blog div span p.add {
                    width: 400px;
                    color: #000;
                    float: left;
                    font-size: 12px;
                    }
                #content #blog .comment {
                  width: 405px;
                  float: left;
                  margin: 20px 0 0 0;
                  padding: 10px;
                  }
                  #content #blog .comment label {
                    width: 400px;
                    float: left;
                    font-size: 11px;
                    color: #fff;
                    }
                    #content #blog .comment input {
                      width: 220px;
                      height: 16px;
                      background: #eee;
                      font-size: 11px;
                      border: 1px solid #ccc;
                      margin: 0;
                      float: left;
                      color: #666;
                      padding: 2px 5px 0 5px;
                      }
                      #content #blog .comment input.submit {
                        width: 100px;
                        float: left;
                        background: none;
                        border: 0;
                        font-weight: bold;
                        margin: 5px 0 0 0;
                        padding: 0 0 0 0;
                        color: #F99627;
                        }
                    #content #blog .comment textarea {
                      width: 390px;
                      float: left;
                      font-size: 11px;
                      font-family: Georgia;
                      color: #666;
                      padding: 5px;
                      height: 50px;
                      }
                     
#footer {
  width: 100%;
  float: left;
  height: auto;
  padding: 0 0 30px 0;
  background: url(./img/footer.gif) repeat-x #FFFADB;
  margin: 0;
  border-top: 1px solid #E6D77C;
  }
  #footer #footer_content {
    width: 760px;
    margin: auto;
    }
    #footer #footer_content .cont_p {
      width: 250px;
      float: right;
      }
    #footer #footer_content .info {
      width: 230px;
      float: left;
      margin: 10px 0 0 10px;
      font-size: 11px;
      color: #333;
      }
    #footer #footer_content .copy {
      width: 210px;
      float: left;
      margin: 10px;
      font-size: 11px;
      color: #999;
      }
    #footer #footer_content div {
      width: 500px;
      float: left;
      margin: 10px 0 0 0;
      background: #242424;
      padding: 10px 0 10px 0;
      border-left: 2px solid #666;
      border-bottom: 2px solid #666;
      }
      #footer #footer_content div h5 {
        font-size: 12px;
        color: #fff;
        padding: 0 0 0 10px;
        }
      #footer #footer_content div ul {
        width: 500px;
        float: left;
        margin: 10px 0 0 0;
        }
        #footer #footer_content div ul li {
          width: 480px;
          list-style-type: none;
          float: left;
          border-bottom: 1px solid #434343;
          padding: 5px 10px 5px 10px;
          color: #fff;
          font-size: 11px;
          }
          #footer #footer_content div ul li a {
            color: #FF7E00;
            width: 480px;
            float: left;
            text-decoration: none;
            }
            #footer #footer_content div ul li a:hover {
              text-decoration: underline;
              }
          #footer #footer_content div ul li:hover {
            background: #4B4B4B;
            }
          #footer #footer_content div ul li span {
            font-size: 9px;
            }