body {
  background: #4ece20 url(../images/layout/main_bg.jpg) repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0;
  color: #333;
}

#container {
  position: relative;
  width: 794px;
  margin: 0 auto;
}

#top {
  width: 794px;
  height: 260px;
  background: url(../images/layout/top_bg.jpg) no-repeat;
}

#logo {
  position: absolute;
  top: 10px;
  left: 12px;
  width: 770px;
  height: 55px;
  border-top: 1px solid #8d8e53;
  background: url(../images/layout/logo.gif) no-repeat;
}

#logo #link a {
  position: absolute;
  width: 235px;
  height: 55px;
}

#animacja {
  position: absolute;
  width: 770px;
  height: 192px;
  top: 66px;
  left: 12px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  background: yellow;
}

#main {
  width: 794px;
  background: url(../images/layout/content_bg.jpg) repeat-y;
  padding: 0 12px;
  min-height: 100%;
}

#left {
  position: relative;
  float: left;
  padding: 10px;
  width: 220px;

}

#right {
  position: relative;
  float: right;
  padding: 20px;
  margin-right: 24px;
  width: 490px;
}

* html #right {
  margin-right: 12px;
}

#right p {
  text-align: justify;
  line-height: 18px;
  margin-bottom: 15px;
}

#right p b {
  font-size: 13px;
  font-weight: bold;
  color: #0e5a12;
}

.clearer{
  height: 1px;
  overflow: hidden;
  margin-bottom: -1px;
  clear: both;
}

#right a {
  color: #e9ac19;
  text-decoration: none;
  font-size: 12px;
}

#right a:hover {
  color: black;
}

#footer {
  width: 794px;
  height: 35px;
  color: #fffc02;
  text-align: center;
  background: url(../images/layout/footer_bg.jpg) no-repeat;
}

#footer p {
  margin: 0;
  padding: 5px 0 0 0;
  font-size: 9px;
}

.ramka {
  border: 1px solid black;
}

/*    main menu   ======================================    */

#nav {
  position: absolute;
  width: 294px;
  height: 42px;
  right: 12px;
  top: 10px;
  background: url(../images/layout/menu.png) no-repeat;
  margin: 0;
  padding: 0;
}

* html #nav {
  right: 36px;
}

#nav li {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
}

#about a, #services a, #contact a, #links a {
  position: absolute;
  top: 0;
  height: 42px;
  display: inline;
}

#about a { width: 76px; left: 0; }
#services a { width: 86px; left: 76px; }
#contact a { width: 87px; left: 162px; }
#links a { width: 45px; left: 249px; }

#about a:hover { background: transparent url(../images/layout/menu.png) 0 -42px no-repeat; }
#services a:hover { background: transparent url(../images/layout/menu.png) -76px -42px no-repeat; }
#contact a:hover { background: transparent url(../images/layout/menu.png) -162px -42px no-repeat; }
#links a:hover { background: transparent url(../images/layout/menu.png) -249px -42px no-repeat; }

H1 {
  font-size: 15px;
  color: #ffcc00;
}

.fm {
  background: #ffffd2;
  border: 1px solid #ffcc00;
  color: black;
  width: 240px;
  font-size: 11px;
  font-family: Verdana;
}

.fmb {
  background: #ffcc00;
  color: white;
  border: 1px solid #c77000;
}

#error fieldset {
  border: 1px solid #d0b40f;
  width: 220px;
}

#error legend {
  color: red;
  font-weight: bold;
  padding: 0 10px;
}