body { font-size: inherit; background: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; font-family: Tahoma, Geneva, sans-serif; }
html { font-size: 62.5%; }
html, body { height: 100%; }
body { min-width: 1024px; -webkit-text-size-adjust: none; }
.clear { clear: both; border: 0; padding: 0; height: 0; overflow: hidden; }

#logo { float: right; width: 163px; height: 45px; text-indent: -9000px; background: url(../images/logo.png) top left no-repeat; }

#info { position: absolute; margin: 65px 0 0 50px; padding: 0 0 40px 0; z-index: 1; }
#info ul li { margin: 0 0 20px 0; }
#info ul li.item1 { display: block; width: 210px; height: 145px; background: url(../images/info-item1.png); text-indent: -9000px; }
#info ul li.item2 { display: block; width: 250px; height: 132px; background: url(../images/info-item2.png); text-indent: -9000px; }
#info ul li.item3 { display: block; width: 271px; height: 99px; margin-bottom: 0; background: url(../images/info-item3.png); text-indent: -9000px; }
#info.horizontal { margin: 580px 0 0 50px; }
#info.horizontal ul li { float: left; margin: 0 40px 0 0; }

#gallery { height: 525px; margin: 10px 0 0 0; background: #ffffff top left no-repeat; border-top: 1px dotted #a2a2a2; border-bottom: 1px dotted #a2a2a2; overflow: hidden; }
#gallery.horizontal .viewer { position: absolute; width: 100%; height: 525px; margin-left: 0; }
#gallery .hover { position: absolute; display: block; height: 430px; z-index: 4; cursor: default; }
#gallery .viewer { margin: 0 0 0 340px; overflow: hidden; }
#gallery .viewer div { position: absolute; width: 100%; height: 525px; background-repeat: no-repeat; }
#gallery .viewer div.item1 { background-position: center left; z-index: 2; }
#gallery .viewer div.item2 { background-position: center center; z-index: 1; }
#gallery .viewer div.item3 { background-position: center right; z-index: 3; }
#gallery a { z-index: 10; }
#gallery .up { position: absolute; display: none; width: 31px; height: 14px; margin: 18px 0 0 0;  text-indent: -900px; }
#gallery .down { position: absolute; display: none; width: 31px; height: 14px; margin: 484px 0 0 0;  text-indent: -900px; }
#gallery .left { position: absolute; display: block; width: 14px; height: 31px; margin: 230px 0 0 390px; background: url(../images/arrow-left.png); text-indent: -900px; }
#gallery .right { position: absolute; display: block; width: 14px; height: 31px; margin: 230px 0 0 0; background: url(../images/arrow-right.png); text-indent: -900px; }
#gallery.horizontal .left { margin-left: 50px; }
#gallery .preloader { position: absolute; display: none; width: 50px; height: 50px; margin: 220px 0 0 0; background: url(../images/preloader.gif) center center no-repeat; z-index: 100; }