/* CSS Document */

* {
          margin: 0;
          padding: 0;
          }
.clear {
          width: 100%;
          clear: both;
          line-height: 0;
          height: 0;
          }
          
body {
          background: url(../img/bg.gif);
          font-family: Arial, Tahoma, 'Trebuchet MS';
          }
          
#container {
          width: 800px;
          margin: auto;
          }
#top {
          background: url(../img/top.jpg) no-repeat;
          width: 800px;
          height: 389px;
          float: left;
          }

                    .menu ul {
                              float: left;
                              width: 210px;
                              position: relative;
                              margin: -220px 0 0 98px;
                              display: inline;
                              }
                              .menu ul li {
                                        width: 210px;
                                        list-style-type: none;
                                        float: left;
                                        }
                                        .menu ul li.i {
                                                  padding: 0 0 0 10px;
                                                  }
                                        .menu ul li.ii {
                                                  padding: 0 0 0 5px;
                                                  }
                                        .menu ul li img {
                                                  border: 0;
                                                  float: left;
                                                  }
          
#description {
          background: url(../img/description.jpg) no-repeat;
          width: 800px;
          height: 284px;
          float: left;
          }
          #description #desc {
                    float: right;
                    width: 450px;
                    height: 175px;
                    margin: 70px 95px 0 0;
                    display: inline;
                    }
                    #description #desc p {
                              width: 410px;
                              float: left;
                              padding: 5px 0 0 10px;
                              font-size: 11px;
                              color: #675C48;
                              }
                              #description #desc p:first-letter {
                                        font-size: 16px;
                                        }
                    #description #desc .photo {
                              width: 430px;
                              float: left;
                              padding: 10px 0 0 0;
                              font-size: 11px;
                              color: #675C48;
                              }
                              #description #desc .photo img {
                                        float: left;
                                        border: 0;
                                        margin: 0 0 0 10px;
                                        display: inline;
                                        }
          
#gallery {
          background: url(../img/gallery.jpg) no-repeat;
          width: 800px;
          height: 297px;
          float: left;
          }
          #gallery .folio {
                    width: 415px;
                    float: left;
                    margin: 15px 0 0 235px;
                    display: inline;
                    }
                    #gallery .folio img {
                              border: 0;
                              float: left;
                              }
                    #gallery .folio .lefta {
                              float: left;
                              margin: 45px 0 0 10px;
							  position: ;
							  }
                    #gallery .folio .righta {
							  float: right;
                              margin: 45px 0 0 0;
							  }
                    #gallery .folio .works {
                              margin: 11px 0 0 0;
                              }
                    #gallery .folio .mini {
                              float: left;
                              }
                              #gallery .folio .mini img {
                                        border: 2px solid #55B1EB;
                                        }
                    #gallery .folio .big {
                              float: left;
                              padding: 0 5px 0 5px;
                              }
                              #gallery .folio .big img {
                                        border: 2px solid #55B1EB;
                                        }
          
#footer {
          background: url(../img/footer.jpg) no-repeat;
          width: 800px;
          height: 279px;
          float: left;
          }
          #footer .left {
                    width: 245px;
                    float: left;
                    margin: 80px 0 0 0;
                    padding: 0 0 0 60px;
                    }
                    #footer .left p {
                              width: 245px;
                              float: left;
                              margin: 10px 0 0 0;
                              color: #6A5935;
                              font-size: 16px;
                              padding: 3px 0 5px 0;
                              font-weight: bold;
                              }
                              #footer .left p.g {
                                        width: 215px;
                                        background: url(../img/g.gif) no-repeat left center;
                                        padding: 5px 0 5px 30px;
                                        }
                              #footer .left p.s {
                                        width: 215px;
                                        background: url(../img/s.gif) no-repeat left center;
                                        padding: 5px 0 5px 30px;
                                        }
                                        
          #footer .form {
                    width: 380px;
                    float: left;
                    margin: 60px 0px 0 40px;
                    display: inline;
                    }
                    #footer .form span {
                              width: 380px;
                              float: left;
                              margin: 5px 0 0 0;
                              }
                              #footer .form span label {
                                        width: 100px;
                                        float: left;
                                        font-size: 16px;
                                        padding: 3px 0 0 0;
                                        color: #28170F;
                                        font-weight: bold;
                                        }
                              #footer .form input {
                                        width: 238px;
                                        height: 24px;
                                        float: left;
                                        background: url(../img/input.gif) no-repeat;
                                        border: 0;
                                        font-size: 12px;
                                        color: #ccc;
                                        padding: 5px 5px 0 5px;
                                        }
                                        #footer .form input.send {
                                                  width: 68px;
                                                  height: 29px;
                                                  background: none;
                                                  padding: 0;
                                                  margin: 60px 0 0 0;
                                                  }
                              #footer .form textarea {
                                        padding: 5px;
                                        width: 263px;
                                        font-size: 12px;
                                        color: #ccc;
                                        height: 101px;
                                        float: left;
                                        background: url(../img/textarea.jpg) no-repeat;
                                        border: 0;
                                        overflow: auto;
                                        }
										
										
#mycustomscroll {
/* Typical fixed height and fixed width example */
overflow: hidden;
width: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;

}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 500px;
height: auto;
position: relative;
color: black;
padding: 1px;
}