html { height: 100%; background: #000 url(i/body.png) 50% 50% repeat; }
body { padding: 0; margin: 0; font: 11px Tahoma; color: #adadad; text-align: center; }

#wrap { width: 715px; height: 537px; overflow: hidden; text-align: left; border: 1px solid #666; position: absolute; left: 50%; top: 50%; margin-left: -358px; margin-top: -267px; background: #FFF; }

#header { height: 54px; position: absolute; top: 485px; }
#header h1 { display: none; }

.navigation { width: 681px; height: 24px; margin: 0; padding: 0; list-style: none; float: left; position: relative; left: 15px; padding-top: 8px; }
.navigation li { float: left; width: 20%; text-align: center; background: url(i/s.png) right center no-repeat; height: 35px; }
.navigation li a { display: block; text-decoration: none; font: 20px/24px Georgia; padding-top: 7px; color: #4c4c4c; }
.navigation li.active a,
.navigation li a:hover { background: url(i/m.png) center top no-repeat; }
.navigation li.last { background: none; }

#body { height: 467px; width: 681px; background: url(i/bg_iface.jpg) 0 0 no-repeat; border: 1px solid #969595; position: relative; top: 15px; left: 15px; }

#content { height: 447px; padding: 10px 20px; font-size: 13px; }

.p1 #content { background: url(i/bg_main.jpg) left top no-repeat; }
.p2 #content { background: url(i/bg_service.jpg) right bottom no-repeat; }
.p5 #content { background: url(i/bg_contacts.jpg) right bottom no-repeat; }

#content h2 { color: #7b7777; font: 27px Tahoma; margin: 0; }
#content h3 { color: #7b7777; font: 20px Tahoma; margin: 0 0 10px 0; }
#content strong { color: #ad0202; }
#content em { color: #ad0202; font-style: normal; }
#content a { font-weight: bold; color: #ad0202; text-decoration: none; }
#content p { padding-left: 20px; background: url(i/li.png) 0 2px no-repeat; margin: 12px 0; }
#content p.grey { color: #666; }

.p1 #content { padding-left: 40px; }
.p1 #content * { text-transform: uppercase; }
.p1 #content h2 { margin: 180px 0 25px 0; }
.p1 #content p { margin: 0; font-size: 18px; color: #FFF; line-height: 1; margin-bottom: 5px; padding: 0; background: none; }
.p1 #content p.addr { font-size: 12px; }

#thumbs { list-style:none; float: left; width: 570px; position: absolute; bottom: 15px; padding: 0 40px; text-align: center; margin: 0; }
#thumbs li.prev { width: 40px; position: absolute; left: 0; margin: 0; }
#thumbs li.prev a { display: block; height: 61px; text-indent: -9000px; background: url(i/btn_prev.png) 50% 50% no-repeat; text-align: left; overflow: hidden; }
#thumbs li.next { width: 40px; position: absolute; right: 0 margin: 0; }
#thumbs li.next a { display: block; height: 61px; text-indent: -9000px; background: url(i/btn_next.png) 50% 50% no-repeat; text-align: left; overflow: hidden; }
#thumbs li { display: inline; text-align: center; margin: 0 12px; }
#thumbs img { cursor: pointer; border: 1px solid #5e6161; }

#player { margin: auto; border: 1px solid #5e6161; width: 495px; height: 279px; margin-top: 30px; }