body {
	font-family: verdana, "Geneva CE", lucida, sans-serif; text-align: center; font-size: 100%; margin: 0; padding: 0;
	background: #1C3D5E url("/media/images/pozadi.gif") 50% 0 no-repeat;
}
div#container {
  position: relative; width: 900px; text-align: left; font-size: 70%; color: #7f7e7a; background-color: #1C3D5E; margin: auto; 
}
/**
 * Head box
 * Logo, head, menu
 */

/* Logo, client's logo */ 
div#menuBox {
  position: absolute; left: 0; top: 0; width: 900px; height: 44px;
  background: #dadada url("/media/images/menu_pozadi.jpg") no-repeat;
}
div#menuBox a {
  color: #fff;
}
p#logo {
  position: absolute; left: 37px; top: 0; width: 186px; height: 152px; margin: 0;
}
p#logo a span {
  width: 186px; height: 152px;
  background-image: url("/media/images/logo.jpg");
}
p#clientLogo {
  position: absolute; left: 646px; top: 0; width: 160px; height: 90px; margin: 0;
}
p#clientLogo a span {
  width: 160px; height: 90px;
  background-image: url("/media/images/logo_klient.jpg");
}

/* Head */
div#head {
  position: absolute; left: 0; top: 44px; width: 900px; height: 349px;
  background: #ff7302 url("/media/images/hlavicka_pozadi.jpg") no-repeat;
}
div#head span {
  position: absolute; left: 296px; top: 0; display: block; width: 604px; height: 349px;
  background-image: url("/media/images/hlavicka_informace.jpg");
}
div#head p {
  margin: 155px 0 0 580px;
}
div#head p strong {
  display: block; line-height: 2em; font-size: 200%; color: #fff;
}
div#head a {
  color: #fbd654;
}
a#priceList {
  display: block; width: 250px; height: 120px; margin-left: 30px;
}
a#priceList strong {
  display: none; width: 250px; height: 120px; background-color: #4a6d13
}

/* Menu */
ul#menu {
  position: absolute; left: 223px; top: 0; width: 677px; margin: 0; padding: 0;
  background: url("/media/images/menu_pozadi.jpg") repeat-x
}
ul#menu li {
  float: left; display: inline; list-style-type: none; text-align: center; padding: 0;
}
ul#menu a {
  position: relative; display: block; height: 30px; text-decoration: none; color: #fff; background-color: #25578a; padding-top: 14px; 
}
ul#menu a:hover, ul#menu a:active {
  background-color: #ffca02; color: #333;
}
ul#menu a span {
  position: absolute; left: 0; top: 0; display: block; cursor: pointer; height: 44px;
}
ul#menu a:hover span, ul#menu li a.active span {
  background-position: 0 44px;
}
ul#menu a#homeMenu {
  width: 145px;
}
a#homeMenu span {
  width: 145px;
  background-image: url("/media/images/uvod_menu.jpg");
}
a#aboutFirmMenu {
  width: 148px;
}
a#aboutFirmMenu span {
  width: 148px;
  background-image: url("/media/images/drevostavby_menu.jpg");
}
a#yourOpinionsMenu {
  width: 127px;
}
a#yourOpinionsMenu span {
  width: 127px;
  background-image: url("/media/images/vase_nazory_menu.jpg");
}
a#demandMenu {
  width: 130px;
}
a#demandMenu span {
  width: 130px;
  background-image: url("/media/images/poptavka_menu.jpg");
}
a#contactMenu {
  width: 127px;
}
a#contactMenu span {
  width: 127px;
  background-image: url("/media/images/kontakt_menu.jpg");
}

/**
 * Content box
 * Left box
 * Rigth box
 * Bottom box 
 */
div#content {
  float: left; width: 900px; margin-top: 357px; padding: 27px 0 20px 0;
  background: #1C3D5E url("/media/images/test.jpg") repeat-y;
}

/* Left box */
div#leftBox {
  float: right; width: 248px; margin-top: 0; padding: 0 18px 15px 15px;
  background: #DCD9D4 url("/media/images/levy_sloupec_pozadi.jpg") repeat-y;
}
div#leftBox h2 {
  font-size: 140%; color: #1C3D5E; margin-bottom: 15px;
}
p#design1 {
  width: 247px; height: 164px; margin: 0 0 15px 0;
  background-image: url("/media/images/design1.jpg");
}

/* Right box */
div#rightBox {
  float: right; width: 559px; color: #8E9EAF; margin-top: 25px; padding: 0 20px 0 25px;
  
}
div#welcomeBox {
  width: 518px; color: #8A99A9; background-color: #153453; margin: 5px 0 25px 0; padding: 10px 20px 10px 20px;
}
div.info {
  float: left; width: 255px;
}
div.rightMargin {
  margin-right: 22px; padding-right: 17px;
  background: url("/media/images/informace_separator.jpg") right top repeat-y;
}
div.info h2 {
  margin: 0 0 12px 0; padding: 0 0 15px 0;
}

/**
 * Foot box
 * Foot - backlinks
 */
ul#foot {
  clear: both; width: 900px; margin: 0; padding: 55px 0 24px 0; 
  background: #0C2338 url("/media/images/obsah_spodek.jpg") no-repeat;
}
ul#foot li {
  display: inline; list-style-type: none; color: #ebebeb; padding: 0 0 0 23px;
}
ul#foot li#webdesign {
  padding-left: 125px;
}
ul#foot li a {
  text-decoration: none; color: #8E9EA2;
}
ul#foot li a:hover, ul#foot li a.active {
  text-decoration: underline; color: #c5c5c5;
}