html, body { height: 100%; overflow: hidden;}
body { 
	text-align: center;
	background: #b892ad;
	margin: 0;
	padding: 0;
	position: relative;
}


.clearer { height: 1px; font-size: 1px; clear: both; overflow: hidden; }

#mainContainer { width: 840px; height: 530px; background: url(../images/blocks/bg_maincontainer.gif) left top no-repeat; text-align: left; margin: -265px 0 0 -420px; position: absolute; top: 50%; left: 50%; }

#mainBlock { width: 830px; margin: 5px; float: left; display: inline; }
#mainBlock .logo { margin: 7px 0 8px 4px; float: left; display: inline; }
#mainBlock .logo img { display: block; }

#leftColumn { width: 211px; height: 460px; float: left; position: relative; z-index: 1; overflow: hidden; }

#mainMenu { width: 202px; margin: 0; padding: 0; list-style: none; float: left; clear: both; position: absolute; left: 0; bottom: 22px; z-index: 10; }
#mainMenu li { margin: 10px 0 0 9px; padding: 0; }

#mainMenu li a:link, #mainMenu li a:visited { width: 162px; font-size: 12px; color: #ffcd3a; text-decoration: none; margin: 0; display: block; }
#mainMenu li a:hover { color: #fff; }

.icon01 { background: url(../images/icons/icon01.gif) left top no-repeat; padding: 6px 0 0 33px; }
.icon02 { background: url(../images/icons/icon02.gif) 3px top no-repeat; padding: 6px 0 0 33px; }
.icon03 { background: url(../images/icons/icon03.gif) 2px top no-repeat; padding: 8px 0 0 33px; }
.icon04 { background: url(../images/icons/icon04.gif) 3px top no-repeat; padding: 5px 0 0 33px;}
.icon05 { background: url(../images/icons/icon05.gif) 3px top no-repeat; padding: 7px 0 2px 33px;}
.icon06 { background: url(../images/icons/icon06.gif) 4px top no-repeat; padding: 3px 0 0 33px;}
.icon07 { background: url(../images/icons/icon06.gif) 4px top no-repeat; padding: 3px 0 0 33px;}
.icon08 { background: url(../images/icons/icon06.gif) 4px top no-repeat; padding: 3px 0 0 33px;}
.icon09 { background: url(../images/icons/icon06.gif) 4px top no-repeat; padding: 3px 0 0 33px;}

#contentContainer { width: 619px; height: 465px; float: left; position: relative; z-index: 1; }

#bottomColumn { width: 619px; height: 460px; overflow: hiiden; /* position: relative; z-index: 1; */ }
#bottomColumn .content { }
#imageFader { width: 619px; height: 460px; position: absolute; left: 0; top: 0; z-index: 2; }

#topColumn {  position: absolute; left: 0; top: 0; z-index: 30; }
.expanded { width: 310px; height: 460px; }
.collapsed { width: 4px; height: 460px; }

#topColumn .jScrollArrowUp { position:absolute; right:1px; top:0px; z-index: 100; background: url(../images/buttons/button03.gif) no-repeat; display:block; height:16px; overflow:hidden; text-indent:-2000px; }
#topColumn .jScrollArrowDown { position:absolute; right:1px; bottom:0px; z-index: 100; background: url(../images/buttons/button04.gif) no-repeat; display:block; height:16px; overflow:hidden; text-indent:-2000px; }
#topColumn .jScrollPaneTrack { position:absolute; right:1px; top:0px; z-index: 39; }

#mainContent { width: 262px; height: 445px; }

#shader  { border-right: 1px solid #700052; background: #84376d; filter:alpha(opacity=50); opacity: .5; -moz-opacity: 0.5; khtml-opacity: 0.5; position: absolute; left: 0; top: 0; z-index: 31;}
.expanded #shader  { width: 310px; height: 460px; } 
.collapsed #shader { width: 4px; height: 460px; }

.expanded .content { width: 262px; position: absolute; z-index: 32; }
.collapsed .content { display: none; }

.button-expand a:link, .button-expand a:visited  { width: 16px; height: 28px;  background: url(../images/buttons/button02.gif) left top no-repeat; display: block; }

.button-collapse a:link, .button-collapse a:visited  { width: 16px; height: 28px;  background: url(../images/buttons/button01.gif) left top no-repeat; display: block; }
.expanded  .button-collapse { position: absolute; left: 293px; top: 76px; z-index: 40; }
.expanded  .button-expand { display: none; }
.collapsed .button-expand { position: absolute; left: 0px; top: 76px; z-index: 40; }
.collapsed .button-collapse { display: none; }

#footer { width: 100%; height: 64px; font-family: Verdana, sans-serif; color: #000; font-size: 9px; background: url(../images/blocks/bg_footer.gif) 44px 9px no-repeat; margin: 0; float: left;}
#footer a:link, #footer a:visited { color: #000; font-size: 9px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footerMenu { margin: 20px 0 12px 110px; padding: 0; list-style: none; }
#footerMenu li { margin: 0; padding: 0; display: inline; }
#footer .copyright  { margin: 0 0 0 110px; }
#footer .copyright a:link, #footer .copyright a:visited { text-decoration: underline; }
#footer .copyright a:hover { text-decoration: none;}