body {
  font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 80%;
  color: #363636;
  background: #71d94e url('../images/body_bg.png') center top repeat-x;
}

.center {
  width: 100%;
  text-align: center;
}

.right {
  float: right;
}

.left {
  float: left;
}

#content {
  width: 904px;
  margin-left: auto;
  margin-right: auto;
  background: url('../images/content_bg.png') center top repeat-y;
}

#head {
  height: 363px;
  background: url('../images/head_bg.jpg') center top no-repeat;
}

#head img.logo{
  float: left;
  margin-left: 58px;
  margin-top: 47px;
}

#head #logo-name {
  position: absolute;
  top: 200px;
  margin-left: 43px;
  font-size: 120%;
  font-weight: bold;
  
}

#head ul#top-menu{
  float: right;
  width: 680px;
  margin-top: 31px;
}

#head ul#top-menu li {
  float: left;
  margin-right: 3px;
}
#head ul#top-menu li a {
  display: block;
  width: 130px;
  height: 31px;
  padding-top: 18px;
  background: url('../images/top_menu_btn_bg.gif') center top no-repeat;
  text-decoration: none;
  color: #444;
}
#head ul#top-menu li a:hover {
  padding-top: 13px;
  height: 36px;
  background: url('../images/top_menu_btn_bg_hover.gif') center top no-repeat;
  font-weight: bold;
  color: #000;
  
}
#head ul#top-menu li.active a {
  padding-top: 13px;
  height: 36px;
  background: url('../images/top_menu_btn_bg_hover.gif') center top no-repeat;
  font-weight: bold;
  color: #000;
  
}

#head ul#contact-menu {
  position: absolute;
  top: 105px;
  margin-left:765px;
}

#head ul#contact-menu a {
  display: block;
  width: 100px;
  text-align: center;
  text-decoration: none;
  color: #444444;
}
#head ul#contact-menu a:hover {
  font-weight: bold;
  color: #000;
}

#head ul#left-menu{
  position: absolute;
  top: 270px;
  margin-left: -10px;
}

#head ul#left-menu li {
  margin-bottom: 3px;
}
#head ul#left-menu li a {
  text-align: left;
  display: block;
  width: 178px;
  height: 23px;
  padding-top: 10px;
  padding-left: 45px;
  background: url('../images/left_menu_btn_bg.png') center top no-repeat;
  text-decoration: none;
  color: #000;
}
#head ul#left-menu li a:hover {
  background: url('../images/left_menu_btn_bg.png') center top no-repeat;
  font-weight: bold;
  color: #000;
  
}

#foot {
  width: 904px;
  margin-left: auto;
  margin-right: auto;
  height: 63px;
  background: url('../images/foot_bg.png') center top no-repeat;
  text-align:center;
}
#foot ul#foot-menu {
  padding-top:15px;
  margin-left: auto;
  margin-right: auto;  
}

#foot ul#foot-menu li {
  display:inline;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #444;
}
#foot ul#foot-menu li.last {
  border-right: 0px;
}

#foot ul#foot-menu a{
  color: #444;
  text-decoration: none;
}

#wrapper {
  width: 642px;
  margin-left: 233px;
  margin-top: 30px;
  padding-bottom: 20px;
  text-align: left;
}

.box {
  width: 281px;
  height: 129px;
  text-align: left;
  background: url('../images/box_bg.png') center top no-repeat;
  padding: 20px;
}
.box img {
  float: left;
  margin-right: 10px;
}
.box h2 {
  font-size: 130%;
  margin-bottom: 10px;
  color: #20830c;
}

a.inline-btn {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  background: url('../images/inline_btn_bg.png') center top no-repeat;
  width: 75px;
  height: 25px;
  line-height: 25px;
  padding-left: 10px;
  text-decoration: none;
  text-align: left;
  color: #000;
}

/*styly textu */
p {
  text-align: justify;
  margin-bottom: 20px;
  line-height: 140%;
}


h1, h2, h3, h4 {
  text-align: left;
}

h1 {
  font-size: 200%;
  margin-bottom: 20px;
  color: #20830c;
  
}
h1 a, h2 a {
  color: inherit;
  text-decoration: none;
}
h1 a:hover, h2 a:hover {
  color: #000;
}

h2 {
  font-size: 150%;
  margin-bottom: 10px;
  color: #000;
}

h3 {
  font-size: 150%;
  margin-bottom: 10px;
  color: #20830c;
  
  
}

h4 {
  font-size: 120%;
  margin-bottom: 10px;
  
}

.clear-all {
  clear:both;
}

.gallery img {
  border: 5px solid #febf12;
}

a {
  color: #000;
}