*{
    padding: 0; margin: 0;
}

body{
    background: url(i/site_bg.jpg) repeat-x;
    text-align: center;
}

.center{
  text-align: center;
}

img{
    border: 0;
}

h1{
    font-size: 18px;
    padding: 0 0 10px;
}

#container {
    width: 900px;
    margin: 0 auto;
    
}

#top{
    position: relative;
    height: 180px;
    background: url(i/top.jpg) no-repeat;
}

#menu {
    position: absolute;
    left: 530px;
    top: 0;
    height: 103px;
    background: 
}

#menu a{
    text-decoration: none;
}

#menu div {
    float: left;
}

#middle {
    background: url(i/content_bg.jpg) repeat-y;
    text-align: left;
}

#middle .content{
    
    padding: 0 60px 0 70px;
    font: 12px/1.5em  Georgia, "Trebuchet MS";
    color: #3c4d3b;
}



#cleft{
    float: left;
    width: 250px;
    min-height:440px;
    height:auto !important;
    height:440px;
    background: url(i/bg-left.jpg) no-repeat;
}

#cleft .content{
    padding: 25px;
}

#cright{
    float: right;
    width: 510px;
    min-height:440px;
    height:auto !important;
    height:440px;
    background: url(i/bg-right.jpg) no-repeat;
    
    
}

#cright .content{
    padding: 20px;
}

#footer{
    position: relative;
    height: 84px;
    background: url(i/footer.jpg) no-repeat; 
}

#categories a{
    display: block;
    margin: 1px;
    border: 1px solid #4C6754;
    background: #FFFAE6;
    text-decoration: none;
    color: #4C6754;
    padding: 5px;
    
}

#categories a:hover{
    color: #000;
    background: #fff;
    border-left: 10px solid #4C6754;
}

#categories a.selected{
    color: #FFFAE6;
    background: #AEC3B4;
    border-left: 10px solid #4C6754;
}


#zoom{
    
    height: 300px;
    padding-top: 10px;
    border: 0px solid #000;
    text-align: center;
    position: relative;
}

#zoom img{
    border: 1px solid #363;
}

#controls{
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -20px;
    padding: 5px;
    background: #fff;
    border: 1px solid #000;
}

#sl, #sr{
  padding: 5px;
}

#sl{
  float: left;
}

#sr{
  float: right;
}

.carousel li {
  margin: 2px;
  
}

.carousel img{
    border: 1px solid #363;
}

#controls a, #sl a, #sr a{
    color: #363;
    text-decoration: none;
}

#sl a, #sr a{
    display: block;
    padding: 2px;
    width: 70px;
    background: #FFFAE6;
    border: 1px solid #363;
    text-align: center;
}


#sl a:hover, #sr a:hover, #controls a:hover{
    color: #000;
    background: #fff;
}

.ok{
    padding: 5px;
    background: #fff;
    border: 1px solid #090;
    color: #090; 
}

.error{
    padding: 5px;
    background: #fff;
    border: 1px solid #f00;
    color: #f00; 
}

input, textarea{
    border: 1px solid #363;
    background: #EAEEED;
    margin: 2px;
}


#se{
    text-align: left;
    padding-top: 55px;
    padding-left: 60px;
    font: 9px/1.5em  Tahoma, Arial, "Trebuchet MS";
}

#se a{
    text-decoration: none;
    color: #363;
}

#se a:hover{
    color: #696;
}

#contact .ff1, #contact textarea{
    width: 430px;
    padding: 5px;
    font: 11px/1.5em  Georgia, "Trebuchet MS";
}

#middle textarea{
    width: 430px;
    padding: 5px;
    border: 1px solid: #363;
    font: 11px/1.5em  Georgia, "Trebuchet MS";
}

