body {
	font-family: arial, verdana, sans-serif; text-align: center; font-size: 100%; margin: 0; padding: 0;
	background: #ededed url("/media/images/pozadi.jpg") repeat-x;
}
div#container {
  position: relative; width: 882px; text-align: left; font-size: 75%; color: #333; margin: auto;
}

/**
 * Head box
 * Logo, top menu, head, search box
 */ 
div#headBox {
  position: absolute; left: 0; top: 0; clear: both; width: 882px; height: 100px;
}
div#topHead {
  float: left; width: 862px; margin-top: 12px; padding-left: 20px;
}
p#logo {
  position: relative; float: left; width: 196px; height: 61px; margin: 0;
}
p#logo a {
  width: 196px; height: 61px; line-height: 1.6em; font-size: 220%;
}
p#logo a span {
  width: 196px; height: 61px;
  background-image: url("/media/images/logo.jpg");
}
ul#topMenu {
  float: right; margin: 35px 0 0 0; padding: 0;
}
ul#topMenu li {
  list-style-type: none; display: inline; padding: 0 8px 0 4px;
}
ul#topMenu a.active {
  text-decoration: underline; color: #000;
}
div#head {
  position: relative; float: left; width: 652px; height: 230px;
  background: url("/media/images/hlavicka_pozadi.jpg") 0 45px no-repeat;
}

/* Menu */
ul#menu {
  width: 632px; margin: 0 0 0 20px; padding: 0; background-color: #2674b4;
}
ul#menu li {
  float: left; list-style-type: none; font-weight: bold; background-color: #367ab9; padding: 0; 
}
ul#menu li a {
  position: relative; display: block; height: 15px; text-decoration: none; color: #fff; padding: 15px 0 14px 60px;
}
ul#menu li a:hover, ul#menu li a:active, ul#menu li a.active {
  background-color: #f2883a; text-decoration: underline;
}
ul#menu li a span, ul#menu li a:hover span, ul#menu li a:active span {
  height: 45px; 
}
ul#menu li a:hover span, ul#menu li a:active span, ul#menu li a.active span {
  background-position: 0 -45px;
}

ul#menu li a#homeMenu {
  width: 87px;
}
ul#menu li a#homeMenu span {
  width: 147px;
  background-image: url("/media/images/uvod_menu.jpg");
}
ul#menu li a#aboutProjectMenu {
  width: 99px;
}
ul#menu li a#aboutProjectMenu span {
  width: 159px;
  background-image: url("/media/images/o_projektu_menu.jpg");
}
ul#menu li a#ourClientsMenu {
  width: 83px;
}
ul#menu li a#ourClientsMenu span {
  width: 143px;
  background-image: url("/media/images/nasi_klienti_menu.jpg");
}
ul#menu li a#contactMenu {
  width: 123px;
}
ul#menu li a#contactMenu span {
  width: 183px;
  background-image: url("/media/images/kontakt_menu.jpg");
}


div#head p {
  float: left; width: 275px; text-align: justify; color: #a78f9b; margin: 0; padding: 80px 0 0 40px;
}
div#head p#contactHead {
  position: relative; width: 97px; height: 73px; margin: 24px 0 0 176px; padding: 0;
}
p#contactHead a {
  width: 97px; height: 73px;
}
p#contactHead a span {
  width: 97px; height: 73px;
  background-image: url("/media/images/kontakt_baner.jpg");
}

/* Search box */
div#searchBox {
  position: relative; float: left; width: 229px; height: 230px;
  background: #074c99 url("/media/images/hledani_pozadi.jpg");
}
div#searchBox h2 {
  color: #fff; margin: 13px 0 0 50px;
}
div#searchBox h2 span {
  position: absolute; left: 0; top: 0; display: block; width: 229px; height: 46px;
  background-image: url("/media/images/hledani_nadpis.jpg");
}
p#searchKeyword {
  margin: 24px 0 15px 24px;
}
p#searchKeyword input {
  width: 185px; font-weight: bold; font-size: 100%; color: #c5c5c5; border: 0;
}
p#searchEngines {
  margin: 0 0 0 24px;
}
p#searchEngines a {
  color: #fff;
}
p#searchEngines a:hover, p#searchEngines a:active {
  color: #fd9c0f;
}
input#searchButton {
  position: absolute; left: 189px; top: 121px; width: 31px; height: 33px; cursor: pointer; background: none; border: 0;
  background-image: url("/media/images/hledani_tlacitko.jpg");
}

/**
 * Content box
 * Left box, right box, client category, news list
 */ 
div#content {
  float: left; width: 882px; margin-top: 310px;
  background: url("/media/images/obsah_pozadi.jpg") 320px 0 repeat-y;
}
p.contentFoot {
  clear: both; width: 547px; height: 6px; overflow: hidden; margin: 0 0 0 320px;
  background-image: url("/media/images/obsah_spodek.jpg"); 
}

/* Right box */
div#rightBox {
  float: right; width: 507px; padding: 0 35px 0 20px;
}
div#rightBox h2 a {
  color: #333;
}
div.client {
  float: left; width: 213px; height: 180px; text-align: center; padding: 10px 15px 4px 15px;
  background: #ebebeb url("/media/images/vazeni_klienti_pozadi.jpg") no-repeat; 
}
div.client h3 {
  margin: 0 0 14px 0;
}
div#rightBox div.marginRight {
  margin-right: 20px;
}
div.client p.description {
  text-align: justify; margin: 0;
}

/* Left box */
div#leftBox {
  float: left; width: 300px; padding-left: 20px;
}

/* Client category */
ul#clientCategory {
  margin: 15px 0 20px 20px; padding: 0;
}
ul#clientCategory li {
  list-style-type: none; font-size: 110%; padding: 0; 
}
ul#clientCategory li a {
  display: block; width: 240px; padding: 11px 0 10px 40px;
  background: #e2e2e2 url("/media/images/kategorie_pozadi.jpg") no-repeat;
}
ul#clientCategory li a:hover, ul#clientCategory li a:active, ul#clientCategory li a.active {
  background-position: 0 -38px;
}
ul#clientCategory a.active {
  color: #000;
}

/* News list */
dl.newsList {
  width: 270px; margin: 0 0 15px 0;
}
dl.newsList dt {
  line-height: 1.4em; font-size: 120%; margin: 3px 0 3px 0;
}
dl.newsList dd {
  line-height: 1.4em; text-align: justify; margin: 3px 0 3px 0;
}
dl.newsList a {
  color: #e27a25;
}
dl.newsList a:hover, dl.newsList a:active {
  color: #000;
}

/* Our projects */
div#projectBox {
  float: left; width: 844px; margin-top: 10px; padding: 10px 19px 0 19px;
}
div.project {
  float: left; width: 271px; margin: 0; padding: 15px 0 15px 0;
}
div#projectBox div.marginRight {
  margin: 0 15px 0 0;
}
div#projectBox p.image {
  float: left; margin: 10px 10px 0 0;
}
div#projectBox h2 {
  margin: 0; padding: 1px 0 10px 30px; border-bottom: 1px solid #555;
  background: url("/media/images/bod_oko.jpg") no-repeat;
}
div#projectBox h3 {
  color: #5ea0d4; margin: 0 0 5px 0;
}

/* Foot box */
ul#foot {
  float: left; width: 882px; margin: 0; padding: 16px 0 16px 0; background-color: #63a1d4;
}
ul#foot li {
  display: inline; list-style-type: none; padding: 0 0 0 29px;
}
ul#foot li a {
  text-decoration: none; color: #fff;
}
ul#foot li a:hover, ul#foot li a.active {
  text-decoration: underline; color: #ebebeb;
}