#content #center
{
max-width: 1358px;
width: expression(
        (
                document.body
                /* max-width */
                && document.body.clientWidth < 1358
        )
        ?       '100%'
        :       ( document.body )
                ?       '1358px'
                :       'auto'
);
}

#layout { background: url('bg.gif'); }
body { background-color: #24251d; }
#header  { background-image: url( 'bg-1.jpg' ); }
#content { background-image: url( 'bg-2.jpg' ); border-color: #24251d; min-height: 0; height: auto; }
#content #center { padding-bottom: 560px; }
#reducer { background-color: #967251; background-image: url( 'bg-3.gif' ); }
#footer  { background-image: url( 'bg-4.jpg' ); height: 640px; }

p#language_switch a:link,
p#language_switch a:visited { color: #8a834c; }
p#language_switch a:hover { color: #cbbb8a ! important; }

#navigation table.navigation a:link,
#navigation table.navigation a:visited
{ color: #d5c1a1; }
#navigation table.navigation ul { margin-top: 25px; }
#navigation table.navigation ul a:link,
#navigation table.navigation ul a:visited,
#navigation table.navigation ul b
{ color: #301a0d; }



/*----------------------------*/
.menu_top table.navigation a:link,
.menu_top table.navigation a:visited,
.menu_top table.navigation b
{ color: #d5c1a1; }

.menu_top table.navigation ul a:link,
.menu_top table.navigation ul a:visited,
.menu_top table.navigation ul b
{ color: #301a0d; }
/*----------------------------*/


#footer a:link,
#footer a:visited
{ color: #c1c4c6; }

h1 { color: #ffe6c1; }



#cabinet, #mirror, #window, .cols2 .b, .cols2 .b img, .cols2 .b dt, .cols2 .b dd { position: absolute; z-index: 2; }
#cabinet, #mirror { left: 0; bottom: 9px; }
#mirror, .cols2 .b img { left: 400px; bottom: -256px; visibility: hidden; z-index: 1; }
#window { right: 0; right: expression( parentNode.parentNode.offsetWidth % 2 ? '-1px' : '0' ); bottom: 9px; }

#content .reducer { width: 100%; padding: 0; }
.cols2 .a, .cols2 .b { width: 60%; float: none; padding: 0; }
.cols2 .b { left: 0; bottom: 265px; width: 100%; }
h1, .cols2 .a { margin-left: 7%; }

.cols2 .b img, .cols2 .b dd { display: none; }
.cols2 .b img { left: 123px; }
.cols2 .b img.window { left: auto; right: 4px; right: expression( parentNode.parentNode.offsetWidth % 2 ? '3px' : '4px' ); bottom: -75px; }
.cols2 .b dd { left: -200px; width: 180px ! important; margin-top: -1em; }
.cols2 dl, .cols2 dl dt, .cols2 dl dd { margin: 0; padding: 0; }
.cols2 dl { height: 28px; font-size: 0.89em; color: #ffffff; margin-left: 650px; z-index: 3; position: relative; }
.cols2 dt { display: inline; color: #ffe6c1; border-bottom: 1px dashed; cursor: pointer; cursor: hand; }
#content .cols2 dt:hover { color: #ffffff; }

.show-1 #mirror, .show-1 .hint-1 img, .show-1 .hint-1 dd,
.show-2 #mirror, .show-2 .hint-2 img, .show-2 .hint-2 dd,
.show-3 #mirror, .show-3 .hint-3 img, .show-3 .hint-3 dd,
.show-4 #mirror, .show-4 .hint-4 img, .show-4 .hint-4 dd,
.show-5 #mirror, .show-5 .hint-5 img, .show-5 .hint-5 dd,
.show-6 #mirror, .show-6 .hint-6 img, .show-6 .hint-6 dd,
.show-7 #mirror, .show-7 .hint-7 img, .show-7 .hint-7 dd,
.show-8 #mirror, .show-8 .hint-8 img, .show-8 .hint-8 dd
{ visibility: visible; display: block; z-index: 2; }

.show-1 .hint-1 dt,
.show-2 .hint-2 dt,
.show-3 .hint-3 dt,
.show-4 .hint-4 dt,
.show-5 .hint-5 dt,
.show-6 .hint-6 dt,
.show-7 .hint-7 dt,
.show-8 .hint-8 dt
{ border: 0 hidden; cursor: default; color: #ffffff ! important; margin-left: -1em; font-weight: bold; }