body {font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif; background: #231f20; color: #231f20;}
table {width: 100%;}
a {color: #000066;}

/* hack for 6 IE */
body, form {padding: 0; margin: 0;}
a img {border: none;}
h1, h2, h3, h4, h4 {padding: 0; margin: 0; font-weight: normal;}
p {margin: 0; padding: 0;}

/* for all page */
body {text-align: center; width: 100%; padding-bottom: 20px;}
a {color: #000; text-decoration: underline;}
a:hover {text-decoration: none;}

html, body {padding: 0; margin: 0; width: 100%; height: 100%;}

.error {text-align: center; font-size: 1.3em; padding: 1em; color: red;}
.clear {clear: both;}
.loading {background: url(/public/images/loading.gif) no-repeat 50% 50%;}

/* Разметка */
.main {width: 837px; margin : 0 auto; position: relative; padding: 55px 0;}
.mainBlock {width: 100%; height: 100%; overflow: hidden;}

.center {background-color: #FFF; width:756px; height: 534px; background: url('/public/images/base/center-back.gif') repeat-y; line-height: 13px; position: relative;}
.center .pad {padding: 40px 0;}
.center .text {padding: 0 10px 5px 20px;}
.center h1 {font-size: 22px; line-height: 22px;}
.center h2 {font-size: 14px; font-weight: bold; text-align: center; padding: 10px 24px 10px 0; line-height: 14px;}
.center h3 {font-size: 14px; font-weight: bold; line-height: 18px;}
.center h3.lab-compas {color: #13b2ed;}
.center h3.places {color: #ed1c24;}
.center h3.specprojects {color: #949499;}
.center h4 {font-size: 12px; font-weight: bold;}

.center .black {background-color: #231f20;}
.center .left {width: 378px; height: 534px; float: left; text-align: left;}
.center .right {width: 378px; height: 534px; float: right; text-align: left;}

.center .left, .center .right {background-repeat: no-repeat !important;}

.menu {text-align: left; position: relative; height: 63px;}
.menu img {vertical-align: bottom; margin-right: 40px;}
.menu .lab-compas {position: absolute; left: 500px; top: 0;}
.menu .lab-compas-active {position: absolute; left: 105px; top: 0;}
.menu .show-room {position: absolute; left: 650px; top: 11px;}
.menu .show-room-active {position: absolute; left: 269px; top: 11px;}

.tabmenu {position: absolute;}
.tabmenu.lab-compas {left: 112px; top:0;}
.tabmenu.places {left: 10px; top:168px;}
.tabmenu.show-room {left: 233px; top: 10px;}
.tabmenu.specprojects {left: 15px; top: 276px;}
.tabmenu-lab {left: 131px; top: 0; background: url('/public/images/content/1/lab/tab.png'); width: 217px; height: 177px; filter:expression(fixPNG(this));}
.tabmenu-lab a {color: #000 !important;}
.tabmenu-lab .pad {padding: 30px 0 0 52px;}

.tabmenu a {font-size: 13px; color: white; font-weight: bold; line-height: 13px;}
.tabmenu a:hover {text-decoration: underline;}

.leftSideBar {width: 40px; text-align: right;}

.rightSideBar {width: 41px; text-align: left; padding-top: 85px;}
.rightSideBar img {margin-top: 65px;}

.footer {color: #8e8d90; padding: 0 41px 20px 0; position: relative;}
.footer .links {padding-top: 20px;}
.footer .links a {color: #8e8d90; margin: 0 30px;}
.footer .links a:hover {color: #fff;}
.footer .back {position: absolute; right: 685px; top: 0;}
.footer .next {position: absolute; right: 90px; top: 0;}

.mainBlock.lab h4 {padding: 12px 0; line-height: 14px;}

.mainBlock.lab h2 {color: #000; text-align: left; padding-left: 130px;}
.mainBlock.lab h4 {color: #000;}

.mainBlock.lab-compas h2 {color: #13b2ed; text-align: left; padding-left: 130px;}
.mainBlock.lab-compas h4 {color: #13b2ed;}

.mainBlock.places h2 {color: #ed1c24; text-align: left; padding-left: 130px;}
.mainBlock.places h4 {color: #ed1c24;}

.mainBlock.show-room h2 {color: #17a752; text-align: left; padding-left: 130px;}
.mainBlock.show-room h4 {color: #17a752;}

.mainBlock.specprojects h2 {color: #949499; text-align: left; padding-left: 130px;}
.mainBlock.specprojects h4 {color: #949499;}

.menu-places {padding-top: 168px;}
.menu-specprojects {padding-top: 271px;}

table.images td {padding: 6px 0;} 

.lab-compas-hands {color: white; padding: 399px 0 0 95px;}
.lab-compas-hands a {color: white;}
.lab-compas-hands a:hover {text-decoration: underline;}

.music-souncheck {padding: 10px 10px 0 54px  !important; color: white; font-size: 13px; line-height: 13px; font-weight: bold;}
.music-souncheck a {color: white;}
.music-souncheck a:hover {text-decoration: underline;}
.music-souncheck h2 {font-size: 22px; color: white !important; padding: 0 !important;}
.music-souncheck h3 {font-size: 19px; padding: 14px 0;}

.subscribe table {margin-top: 20px;}
.subscribe td {padding: 10px 0; text-align: right; vertical-align: middle; font-size: 16px;}
.subscribe .message {text-align: center; background: #69bd45; border: 1px solid #3f702a; padding: 10px; font-size: 14px; color: white; font-weight: bold;}


table.flash {width: 100%; height: 100%; background: #231f20;}
.flash-back {background: #231f20; padding-top: 10px;}

td.footer {padding: 20px 30px 0 65px; text-align: center; color: #FFF;}
td.footer div.footer {color: #FFF; font-size: 16px;}
td.footer div.footer span {margin: 0 15px;}
td.footer div.footer a {color: #FFF; text-decoration: underline; font-size: 16px;}
td.footer div.footer a:hover {text-decoration: none;}
td.help {padding: 20px 30px 20px 30px; text-align: center; vertical-align: middle; color: #FFF;}
td.help img {vertical-align: middle;}

iframe {width: 100%; height: 100%;}
.static {vertical-align: middle; text-align: center;}
.archive {width: 100%; text-align: center;}
.archive td {padding: 5px; text-align: center; vertical-align: middle;}
.archive div {width: 400px; height: 567px; cursor: pointer; cursor: hand;}
.archive div span {display: block; padding-top: 250px; font-size: 50px; color: #FFF;}

div.contacts, .flash-back div.subscribe {width: 495px; height: 700px; margin:0 auto; position:relative;}
div.contacts div.pad {padding-top: 72px; padding-left: 168px; font-size: 11px; color: #000; font-weight: bold; text-align: left;}

.flash-back div.subscribe div.pad {padding-top: 324px; padding-right: 50px; text-align: right; height: 1px;}
.flash-back div.subscribe div.pad input {margin-bottom: 19px;}