body {
	font-family: verdana, "Geneva CE", lucida, sans-serif; text-align: center; font-size: 100%; margin: 0; padding: 0;
	background: #fff url("/media/images/pozadi.jpg") repeat-x;
}
div#container {
  position: relative; width: 900px; text-align: left; font-size: 70%; margin: auto; color: #555; 
}

/**
 * Head box
 * Logo, head, menu
 */

/* Logo, client's logo */ 
div#logoBox {
  position: absolute; left: 0; top: 0; width: 900px; height: 103px; background: red;
  background: url("/media/images/logo_box_pozadi.jpg") 19px 0 no-repeat;
}

/* Head */
div#head {
  position: absolute; left: 0; top: 103px; width: 900px; height: 237px;
}
div#head span {
  position: absolute; left: 0; top: 0; display: block; width: 900px; height: 237px;
  background-image: url("/media/images/hlavicka.jpg");
}
div#head p {
  font-size: 200%; color: #fff; margin: 25px 0 0 39px;
}
div#head p strong {
  display: block; line-height: 1.5em;
}

/* Menu */
ul#menu {
  position: absolute; left: 19px; top: 340px; width: 862px; margin: 0; padding: 0 0 0 0px;
}
ul#menu li {
  float: left; display: inline; list-style-type: none; text-align: center; padding: 0;
}
ul#menu a {
  position: relative; display: block; height: 29px; text-decoration: none; color: #fff; padding-top: 14px; background-color: #53544e;
}
ul#menu a:hover, ul#menu a:active {
  background-color: #7d7d7d;
}
ul#menu a span {
  position: absolute; left: 0; top: 0; display: block; cursor: pointer; height: 43px;
}
ul#menu a:hover span, ul#menu li a.active span {
  background-position: 0 43px;
}
ul#menu a#homeMenu {
  width: 174px;
}
a#homeMenu span {
  width: 174px;
  background-image: url("/media/images/uvod_menu.jpg");
}
a#aboutFirmMenu {
  width: 208px;
}
a#aboutFirmMenu span {
  width: 208px;
  background-image: url("/media/images/drevostavby_menu.jpg");
}
a#newsMenu {
  width: 158px;
}
a#newsMenu span {
  width: 158px;
  background-image: url("/media/images/novinky_menu.jpg");
}
a#demandMenu {
  width: 162px;
}
a#demandMenu span {
  width: 162px;
  background-image: url("/media/images/poptavka_menu.jpg");
}
a#contactMenu {
  width: 160px;
}
a#contactMenu span {
  width: 160px;
  background-image: url("/media/images/kontakt_menu.jpg");
}

/**
 * Content box
 * Left box
 * Rigth box  
 */
div#content {
  float: left; width: 900px; background-color: #fff; margin-top: 383px; padding: 20px 0 20px 0;
}

/* Left box */
div#leftBox {
  float: left; width: 605px; padding: 0 15px 0 20px;
}
div#welcomeBox {
  width: 572px; background-color: #f2f2f2; margin: 0 0 20px 0; padding: 20px 20px 10px 15px;
}
p#design1 {
  float: left; width: 94px; height: 155px; margin: 5px 20px 0 0;
  background-image: url("/media/images/design1.jpg");
}
div#design1Box {
  float: left; width: 480px;
}

/* Right box */
div#rightBox {
  float: left; width: 212px; padding: 0 15px 0 30px;
  background: url("/media/images/box_separator.jpg") no-repeat;
}
div#rightBox h2 {
  color: #E21E2C; margin: 0 0 10px 0; padding: 0;
}
p#design2 {
  position: relative; width: 212px; height: 107px; margin: 0 0 15px 0;
}
p#design2 a span {
  width: 212px; height: 107px;
  background: url("/media/images/design2.jpg");
}

/**
 * Foot box
 * Foot - backlinks
 */
ul#foot {
  clear: both; width: 850px; height: 36px; background-color: #e9e9e9; margin: 0 0 0 18px; padding: 7px 0 0 15px; text-align: center;
}
ul#foot li {
  display: inline; list-style-type: none; color: #555;
}
ul#foot li a {
  color: #a1a1a1;
}
ul#foot li a:hover, ul#foot li a.active {
  text-decoration: underline; color: #333;
}