body {
  margin: 0px;
  padding: 0px;
  background: #e6cdac url(img/body_bg.png) repeat-x top;
  color: #000;
  font-family: Georgia, Palatino, serif;
  font-size: 62.5%;
  text-align: left;   /* IE 5x */
  /*min-width: 850px;*/     /* NN 6 */
}

/*** defaults ***/
a:link, a:visited {
  color: #860000;
  background-color: transparent;
  font-weight: normal;
  text-decoration: underline;
}
a:hover, a:active {
  text-decoration: none;
}

img {
  border: 0px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
}

/*** main layout ***/

#wrapper {
  width: 850px;
  margin: 0px auto;
  text-align: left;
}

#header {
  width: 850px;
  height: 275px;
  background: #cc9752 url(img/header_bg.png) no-repeat;
  margin-top: 145px;
  position: relative;
}

#page {
  width: 640px;
  margin: 0px 105px;
  background: #fff6eb url(img/page_bg.png) repeat-y;
}

#footer {
  width: 640px;
  margin: 0px 100px;
  background-image: url(img/page_bottom.png);
  background-repeat: no-repeat;
  background-position: top;
  padding: 60px 0px 1em 0px;
  text-align: left;
  font-size: 1em;
  color: #7f4800;
  clear: both;
}

#content {
  width: 600px;
  margin: 0px 20px;
  padding: 10px 0px;
  font-size: 1.4em;
  line-height: 1.8em;
}

/*** header layout **/

#header h1 {
  width: 606px;
  height: 80px;
  margin: 0px 122px;
  padding: 0px;
  position: absolute;
  top: 75px;
  line-height: 80px;
  text-indent: -9000px;
  /* background-color: #fff2e0; */
  background-image: url(img/header_label.png);
  background-repeat: no-repeat;
}

/* --- IE 5/6 PNG fix --- */
#header h1 { behavior: url(img/iepngfix.htc) }
/* --- */

#logo {
  width: 144px;
  height: 144px;
  position: absolute;
  top: 43px;
  left: 353px;
  background-image: url(img/header_logo.png);
  background-repeat: no-repeat;
}
#logo a {
  display: block;
  width: 144px;
  height: 144px;
  text-indent: -9000px;
}

/*** menu layout ***/

#menu {
  margin: 0px 103px;
  padding: 0px;
  list-style: none;
  width: 644px;
  height: 48px;
  position: absolute;
  top: 203px;
  /* bg for IE image flicker */
  background-image: url(img/menu-link_cz.png);
  background-repeat: no-repeat;
  background-position: 0px 9px;
}

#menu li {
  float: left;
  /*display: block;*/
}

#menu a, #menu span {
  display: block;
  height: 30px;
  width: 78px;
}

#menu a {
  color: #000;
  background-color: #fff6eb;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-weight: normal;
  position: relative;
  margin-top: 9px;
}

#menu a:hover {
  color: #860000;
}

#menu a.active {
  color: #860000;
  cursor: default;
}

#menu li.first a, #menu li.first span {
  padding-left: 10px;
}
#menu li.last a, #menu li.last span {
  padding-right: 10px;
}

#menu span {
  position: absolute;
  left: 0px;
  top: 0px;
  /*z-index: 1;*/
  cursor: pointer;
}

#menu a.active span {
  height: 48px;
  top: -9px;
  cursor: default;
}

/*** menu graphics ***/

#menu span {
  background-image: url(img/menu_cz.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#menu-1:hover span, #menu-1:focus span { background-position: 0px -30px; }
#menu-1.active span, #menu-1.active:hover span { background-position: 0px -60px; }
#menu-2 span { background-position: -88px 0px; }    /*  ((num-1)*78)-10  */
#menu-2:hover span, #menu-2:focus span { background-position: -88px -30px; }
#menu-2.active span, #menu-2.active:hover span { background-position: -88px -60px; }
#menu-3 span { background-position: -166px 0px; }
#menu-3:hover span, #menu-3:focus span { background-position: -166px -30px; }
#menu-3.active span, #menu-3.active:hover span { background-position: -166px -60px; }
#menu-4 span { background-position: -244px 0px; }
#menu-4:hover span, #menu-4:focus span { background-position: -244px -30px; }
#menu-4.active span, #menu-4.active:hover span { background-position: -244px -60px; }
#menu-5 span { background-position: -322px 0px; }
#menu-5:hover span, #menu-5:focus span { background-position: -322px -30px; }
#menu-5.active span, #menu-5.active:hover span { background-position: -322px -60px; }
#menu-6 span { background-position: -400px 0px; }
#menu-6:hover span, #menu-6:focus span { background-position: -400px -30px; }
#menu-6.active span, #menu-6.active:hover span { background-position: -400px -60px; }
#menu-7 span { background-position: -478px 0px; }
#menu-7:hover span, #menu-7:focus span { background-position: -478px -30px; }
#menu-7.active span, #menu-7.active:hover span { background-position: -478px -60px; }
#menu-8 span { background-position: -556px 0px; }
#menu-8:hover span, #menu-8:focus span { background-position: -556px -30px; }
#menu-8.active span, #menu-8.active:hover span { background-position: -556px -60px; }

/*** footer layout ***/

#partners {
  border: 0px solid #f2e0c9;
  margin: 0px auto;
  width: 960px;
}

#partners a {
  margin: 2px 12px;
  text-decoration: none;
  line-height: 56px;
}

#partners img {
  margin: 0px;
  padding: 0px;
  display: inline;
  /*float: left;*/
  vertical-align: bottom;
}

#footerMenu {
  list-style: none;
  padding: 0px;
  margin: 2em 0px 1.5em 0px;
}

#footerMenu li {
  display: inline;
  padding: 0 0.4em;
  border-right: 1px solid #7f4800;
}

#footerMenu li.last {
  border-right: none;
}

/*** content ***/

h2 {
  position: relative;
  padding: 7px 0px 7px 26px;
  /*margin: 0px 0px 0px 10px;*/
  font-weight: bold;
  font-style: italic;
  font-size: 20px;
  line-height: 20px;
  background: url(img/titleCap_P.png) no-repeat 0px 0px;
  color: #cc9752;
  border-bottom: 3px dashed #e6cdac;
}

h2 strong {
  position: absolute;
  left: -9000px;
}





/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */