HTML, BODY {
height: 100%;
}
BODY {
font: 100.01% Arial, sans-serif;
color: #7C3307;
}
A {
font: 100% Arial, sans-serif;
color: #7C3307;
text-decoration: none;
}
#tbl {
min-width: 778px;
width: 100%;
height: 100%;
border-collapse: collapse;
background: url(/im/floor.jpg) repeat;
}
#tbl td {
font: 80% Arial, sans-serif;
vertical-align: top;
}
#td_1 {
width: 99%;
height: 1%;
background: #B46C48 url(/im/wall_l.jpg) repeat 100% 4px;
}
#td_2 {
width: 1%;
}
#td_3 {
height: 99%;
background: url(/im/skin.gif) no-repeat 0 100%;
}
#tbl_content {
width: 100%;
height: 100%;
border-collapse: collapse;
background: url(/im/wall_d.jpg) repeat-y 100% 4px;
}
#td_c_1 {
height: 1%;
background: url(/im/chandelier.gif) no-repeat;
}
#td_c_1 div {
margin: 0 0 0 310px;
height: 120px;
background: url(/im/horns_h.gif) no-repeat 50% 0;
}
#tbl #td_c_2 {
vertical-align: middle;
height: 98%;
}
#td_c_3 {
height: 1%;
}
#td_c_3 div {
height: 30px;
}
#wr_menu {
width: 25%;
height: auto;
border-top: 1px solid #FFCFB2;
border-right: 1px solid #783326;
border-bottom: 1px solid #783326;
background: #FAB670 url(/im/bg_menu.jpg) repeat;
float: left;
}
#menu {
padding: 18px 18px 3px;
}
#menu div {
margin: 0 0 15px;
}
#menu A:hover, #menu A.active {
color: FFF;
}
#langs A {
margin: 0 5px 0 0;
}
#animals {
width: 65%;
height: auto;
float: right;
}
#animals A {
width: 80px;
height: 82px;
display: block;
float: left;
background: no-repeat -92px -5px;
}
#animals A:hover {
background-position: -4px -5px;
}
#fireplace_t {
width: 338px;
height: 583px;
background: #C1642A url(/im/fireplace_top.jpg) no-repeat;
}
#fireplace_t img {
margin: 140px 0 0 130px;
}
#fireplace_b {
height: 160px;
background: url(/im/fireplace_bot.gif) no-repeat 100% 0;
}