html {}
body {background: #fff url('img/bg.jpg') repeat; padding: 0; margin: 0; height: 100%; font-family: Verdana; font-size: 11px;}
img {border:0;}
#container {position: relative; width: 710px; padding: 0; margin: 15% auto 0 auto; z-index: 3;}
#container h1 {font: normal 48px calibri, arial, verdana, sans-serif; color: #A7A7A7;}

a, a:link, a:viited {color: #333; text-decoration: none;}
a:hover {color: #111; text-decoration: none; border-bottom: 1px dashed #750205;}

#switch {position: absolute; right: 0; bottom: 0; width: 133px; height: 229px; background: url('img/switch.jpg') 1px 1px no-repeat; z-index: 1;}

#night {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 4; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}

#click {position: absolute; right: 5px; bottom: 53px; width: 25px; height: 60px; margin: 0; cursor: pointer; cursor: hand; z-index: 5;}

#click-off {position: absolute; right: 0px; bottom: 37px; width: 40px; height: 78px; margin: 0; cursor: pointer; z-index: 2; background: url('img/switch-off.jpg') 1px 1px no-repeat;}

#menu {position: absolute; top: 50px; left: 0; z-index: 6; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;}
#menu a, #menu a:link, #menu a:visited, #menu a:active {display: block; border: none; margin: 3px 0 3px -10px; filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;}
#menu a:hover {display: block; border: none; margin-left: 0px; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}
#menu a span {display: none;}
#menu a.inactive {filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; margin-left: -10px; cursor: default;}

#panel {position: absolute; top: 10px; left: 40px; display: none; color: #999;}
#panel h1 {font-size: 12px; color: #FD4000; border-bottom: 1px solid #cecece; width: 200px; padding: 0 0 2px 20px; font-variant: small-caps;}
#panel p {margin: 10px 20px;}

.close {position: absolute; top:11px; right: 14px;}