div, td, body
{
color: #000;
font-family: verdana;
font-size: 8pt;
line-height: 1.5;
}

.blok {
text-align: justify;
}

h1 {
font-size: 14pt;
color: #C46606;
}

a
{
text-decoration: underline;
color: #404040;
}

a:hover
{
text-decoration: none;
color: #000;
}

a img {
border: 0;
}

hr {
clear: both;
visibility: hidden;
padding: 0;
margin: 0;
}

.center {
text-align: center;
}

.footer a {color: #98A987;}
.footer a:hover {color: #98A987;}

/* Layout*/
div.top {
width: 830px;
height: 16px;
background: url(data/top.png) #fff;
margin: auto;
margin-top: 100px;
}

div.content {
width: 830px;
height: 293px;
padding: 0;
background: url(data/content.png) #fff;
margin: auto;
position: relative;
}

a.logo {
width: 189px;
height: 75px;
margin: 0 auto;
position: absolute;
top: 108px;
left: 73px;
font-size: 21pt;
line-height: 75px;
}

a.logo span {
background: url(data/logo.png);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

div.footer {
color: #98A987;
text-align: right;
width: 805px;
height: 26px;
padding: 40px 25px 0 0;
margin: 0 auto;
font-size: 7pt;
background: url(data/footer.png)
}

/* Menu */

ul.menu
{
list-style: none;
margin: 0;
padding: 0;
position: absolute;
bottom: 5px;
left: 45px;
backgrofund: #CBE8AF;
}

ul.menu li
{
float: left;
position: relative;
z-index: 9;
}

ul.menu a
{
float: left;
display: block;
height: 35px;
padding: 0 10px;
line-height: 35px;
text-decoration: none;
border: 0;
text-align: center;
color: #000;
z-index: 10;
}

ul.menu a:hover
{
z-index: 10;
color: #000;
}

.lavaLamp li.back {
background: url(data/lava.png) bottom repeat-x;
height: 35px;
  z-index: 8;
 position: absolute;
}

img.gal {
margin: 5px;
border: 2px solid #F6FDEE;
padding: 3px;
}

BODY
{
background: url(data/bg.png) repeat-x 0px 154px #F6FDEE;
margin: 0 auto;
}

/* SLIDER _____________________________________________________ */

#slider {
    width: 510px;
    position: absolute;
    left: 304px;
    top: 0;
}

.scroll {
    height: 293px;
    width: 510px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 253px;
    width: 470px;
}

a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}
