body { background: repeat-x url(images/background.jpg); background-color: #020c11; font: 12px/18px "Lucida Sans", "Lucida Grande", "Trebuchet MS"; color: #fff; padding: 0; margin: 0; }
img { border: 0; }
p { margin-top: 0; margin-bottom: 18px; }
#site { position: relative; width: 900px; height: 550px; margin: 0 auto; padding: 0; text-align: center; }

.header { position: relative; float: left; z-index: 100; }
.header .clients { position: absolute; float: left; top: 89px; left: 620px; border: 0; }
.header .clients a { width: 44px; height: 18px; float: left; background: url(images/menu.gif) no-repeat; border: 0; }
.header .clients a:hover { background-position: 0 -20px; border: 0; }
.header .clients-on a { position: absolute; float: left; width: 44px; height: 18px; top: 89px; left: 620px; border: 0; background: url(images/menu.gif) no-repeat; background-position: 0 -20px; }
.header .separator { position: absolute; float: left; width: 11px; height: 18px; top: 89px; left: 664px; border: 0; background: url(images/menu.gif) no-repeat; background-position: -45px 0; }
.header .contact { position: absolute; float: left; top: 89px; left: 675px; }
.header .contact a { width: 53px; height: 18px; float: left; background: url(images/menu.gif) no-repeat; background-position: -56px 0; }
.header .contact a:hover { background-position: -56px -20px; }
.header .contact-on a { position: absolute; float: left; width: 53px; height: 18px; top: 89px; left: 675px; border: 0; background: url(images/menu.gif) no-repeat; background-position: -56px -20px; }

.slideshow { position: relative; padding-top: 200px; }
.slideshow .prev { position: relative; float: left; top: -230px; left: 0; border: 0; }
.slideshow .prev a { width: 64px; height:64px; float: left; background: url(images/arrow-left.gif) no-repeat; border: 0; }
.slideshow .prev a:hover { background-position: 0 -64px; border: 0; }
.slideshow .next { position: relative; float: left; top: -230px; left: 772px; }
.slideshow .next a { width: 64px; height: 64px; float: left; background: url(images/arrow-right.gif) no-repeat; }
.slideshow .next a:hover { background-position: 0 -64px; }

.email { position: absolute; float: left; z-index: 1000; top: 412px; left: 393px; border: 0; }
.email a { width: 114px; height: 46px; float: left; background: url(../images/contact-email.gif) no-repeat; border: 0; }
.email a:hover { background-position: 0 -46px; border: 0; }