html,body{
padding: 0; margin: 0;
height: 100%;
font: normal 10pt "Trebuchet MS", Tahoma, Arial ;
}

html{
background: #ECE9D6 url(../gfx/background_pion.gif) 0 0 repeat-x;
text-align: center;
}

body{
margin: 0 auto;
text-align: left;
width: 940px;
}

#body_container{
min-height: 100%;
height: auto;
position: relative;
background: url(../gfx/background_poziom2.gif) 0 0 repeat-y;
}

#header_container{
margin-left: -4px;
height: 251px;
background: url(../gfx/header2.jpg) 0 0 no-repeat;
}
#header_container a{
display: block;
width: 160px;
height: 140px;
position: absolute;
top: 20px; left: 30px;
}
#header_container a span{
display: none;
}
#left_container{
float: left;
margin: 0 0 0 7px;
width: 205px;
background: #A18D7A;
padding-bottom: 80px;
}
/* #right_container{
position: absolute;
right: 30px;
bottom: 80px;
width: 230px;
} */

#center_container{
margin: 0 30px 0 240px;
padding-bottom: 80px;
}
#clearing{
clear: both;
}

#footer_container{
position: absolute;
left: -7px;
bottom: 0px;
height: 44px;
background: url(../gfx/footer2.jpg) 0 0 no-repeat;
width: 750px;
padding: 20px 0 0 200px;
}

/* credits */

#jigsaw{
display: block;
width: 60px;
height: 40px;
background: url(../gfx/credits/jcmpowered3b.png) 0 0 no-repeat;
position: absolute;
bottom: 25px;
left: 45px;
z-index: 70;
}
#jigsaw:hover{
background-position: 0 -40px;
}
#jigsaw span{
display: none;
}

#jrwd{
display: block;
width: 80px;
height: 30px;
background: url(../gfx/credits/jrwd3b.png) 0 0 no-repeat;
position: absolute;
bottom: 30px;
left: 100px;
z-index: 70;
}
#jrwd:hover{
background-position: 0 -30px;
}
#jrwd span{
display: none;
}