* {
   margin:0;
   padding:0;
  }
body{
     font:100%  Verdana, Ariel, sans-serif;
     background-color: #feebb8;
     background-image: url('image/8.gif');
     background-repeat: no-repeat;
    }
#header{
        height: 240px;
       }
#nav1 {
       background: #2e0468;
       margin-left: 334px;
       padding: 5px 8px;
       list-style: none;
       height: 20px;
     }



#nav1 a{
        display: block;
        padding: 0 4px;
        color: white;
        text-decoration: none;
        font-size: 12px;
        border-right: 1px solid white;
        float:left;
        height: 15px;
       }
#nav1 a:hover{
              color: #ad78bb;
             }

#nav2 {
       font-size: 14px;
       margin:15px 0 0 10px;
       width: 190px;
      }
#nav2 ul{
         list-style: none;
        }
       
#nav2 a{
        text-decoration: none;
        color: #9d5d48;
       }
#nav2 a:hover{
              color:#62382e;
             }
#nav2 li{
        border-bottom: 1px solid  #9d5d48; 
        padding: 2px 3px;
             }
.indent {
         text-indent: 1em;
        }



#price {
        background-color: #f5c97e;
        
        border:1px solid #bb4a20;
        border-left: 2px solid #bb4a20;
        border-bottom: 2px solid #bb4a20;
        border-right: 2px solid #bb4a20;
        margin:0 0 20px 10px;
       }

.bg    {    
        background-color: #ee905d;
        padding: 4px;
        border-top: 4px solid #e96d27;
        color: #8b3c15;
        text-indent: 20px;
           }
.bg a  {
        text-decoration: none;
        color:#8b3c15;
       }
.bg a:hover{
        color: black;
           }
#price p img{
             border: 0px;
            } 
#price p {
         font-weight: bold;
         color: #bb4a20;
         margin: 12px 12px 10px 25px;
         } 

#picture img {
           padding: 3px;
           border:1px solid  #bb4a20;
           margin: 0 0 10px 40px;
           }

           
#content{
         margin: 40px 0 0 0;

         } 


.mycol{
           
      vertical-align: top;
      width:23%;
      color: #ffffff;
      background: #eb8444 url('image/gr.gif') repeat-x;

     }


#first{
       padding-right:10px;
       width: 25%;
      }


#tr {
     background: url('image/trit.gif') repeat-y; 

}
      
.x  {

     width: 60px;
     height: 90px;
     margin: 8px 8px 0 20px;
     background: #ed905d;
     border: 1px solid #ffffff;
    }
.y  {
      clear: both;
     }
.col h3{
        font-size: 0.9em;
        padding: 6px 5px 0 5px;
       }
.col p{
       font-size: 0.8em;
       padding: 3px 5px 10px 5px;
      }
.col a{
       color: white;
       text-decoration: none;
       margin:0 0 0 20px ;
       font-size: 0.8em;
      }
.col a:hover{
             color: #90230f;
            }
.col h3 a:hover{
                color:#ced3d4;
               }

#block p{
           padding: 10px 0 20px 10px;
           color:#bb4a20;
         }
#block {
        margin: 10px 0 0 5px;
       }
#block h1{
          font-size: 1.2em;
          color:#9e442c;
          padding: 0 0 0 30px;
          }
#block p {
          font-size: 0.9em;
          text-indent: 1.2em;
         }
       
#footer{
        background: #f5c97e;
        color:#893e1e;
        padding: 0 10px;
        
       }

#slogan{
        font-size: 16px;
        color:#90230f;
        position: absolute;
        top: 40px;
        right: 0;
       }

.acred a{
        margin: 8px 20px 0 0;
        float: left; 
       }
.z     {
        float:left;
       }

.width{
       width:50%;
      }

.par {
      margin: 10px 0 0 0;
     }
.p {

   }
.pic{   /*ÄËß ÎÁÜÅÊÒÎÂ*/
     font-size: 14px;  
     color:#893e1e;
     margin: 0 10px 12px 10px;
     width: 150px;
     height: 150px;
     float: left;
    
    }

