html{ background: #353535 url('../images/cross.png') top center no-repeat; }

#wrapper{ background: #fff; width: 970px; margin: 25px auto 0;   }

#header{ overflow: auto; padding: 30px 20px 30px 30px; }

#logo{ float: left; }

#menu{ float: left; width: 295px; padding: 0 40px; margin-top: 8px; }

#menu li{ background: url('../images/menu-line.png') 0 11px no-repeat; height: 33px;  }
#menu li.studio img{ padding-left: 100px; }
#menu li.label img{ padding-left: 20px; }
#menu li.contact img{ padding-left: 150px; }

#player{ background: url('../images/player-popup.png') 0 0 no-repeat; float: right; height: 133px; position: relative; width: 288px; }
#player a{ background: url('../images/player-play.png') 0 0 no-repeat; position: absolute; top: 80px; left: 12px; width: 65px; height: 40px; display: block; }
body.studio #player a{ background: url('../images/player-play-green.png') 0 0 no-repeat; }
body.records #player a{ background: url('../images/player-play-red.png') 0 0 no-repeat; }

#page-slider{ clear: both; height: 286px; }

#content{ clear: both; float: left; width: 640px; }
#content h1{ margin-left: 30px; margin-top: 30px; }

#sidebar{ float: right; padding-bottom: 20px; padding-right: 20px; width: 290px;  }
#sidebar h2{ margin-top: 30px; }
#sidebar .content{ border-top: 1px solid #e6e7e8; padding-top: 30px; margin-top: 30px; }

#page-slider{ position: relative; }
#page-slider .top{ position: absolute; top: 0; left: 0; width: 378px; z-index: 5; }
#slider{ position: absolute; top: 0; right: 0; z-index: 3; }
#slider-next{ position: absolute; top: 80px; right: 30px; z-index: 7; }

#news, #news-post{ border-bottom: 1px solid #e6e7e8; border-top: 1px solid #e6e7e8; padding-top: 30px; margin-bottom: 30px; margin-top: 30px; }
#news .post{ height: 220px; padding: 30px 20px 20px 36px; }
#news .post.even{ background: #e6e7e8; }

#news .post .image{ position: relative; float: left; width: 284px; height: 207px; }
#news .post.odd .image{ background: #e6e7e8; }
#news .post.even .image{ background: #fff; }

#news .post .image .date{ background: url('../images/arrow-blue.png') 0 0 no-repeat; position: absolute; top: -6px; left: -6px; padding-left: 13px; padding-top: 8px; width: 55px; height: 48px;  }
body.studio #news .post .image .date{ background: url('../images/arrow-green.png') 0 0 no-repeat; }

#news .post .image img{ margin-top: -6px; margin-left: -6px; width: 284px; height: 207px; }

#news .post .text{ float: right; width: 280px; }

#news-post h2{ padding-left: 30px; }
#news-post .content{ padding: 20px 0 20px 30px; }

#records, #record, #page{ border-bottom: 1px solid #e6e7e8; border-top: 1px solid #e6e7e8; overflow: auto; padding-top: 30px; margin-top: 30px; margin-bottom: 30px; }
#page{ padding-bottom: 30px; margin-top: 24px; }
#records .record { float: left; padding-left: 30px; width: 260px; height: 300px; margin-bottom: 30px; }
#records .record .cd, #record .cd{ position: relative; margin-bottom: 5px; }
#records .record .booklet, #record .booklet{ position: absolute; top: 4px; left: 30px; height: auto; width: 220px; }

#record .cd{ float: left; margin-left: 30px; width: 260px; }
#record .video{ float: right; width: 300px; }
#record h2{ clear: both; padding: 20px 0 20px 30px; }
#record .content{ padding: 0 0 20px 30px; }

#pagination{ height: 40px; }
#pagination .left{ float: left; padding-left: 30px; }
#pagination .right{ float: right; }

#page .content{ padding-left: 30px; }
#contact-form{ padding: 20px 0; }
#contact-form li{ clear: both; margin-bottom: 18px; }
#contact-form label{ float: left; width: 150px; }
#contact-form input[type="text"] { padding: 2px 5px; width: 250px; }

#contact-form textarea { width: 252px; height: 160px; padding: 5px; }

#footer{ background: #00b6e2; clear: both; padding: 20px 20px 10px 30px; overflow: auto;  position: relative; }
body.records #footer{ background: #de0049; }
body.studio #footer{ background: #00c083; }

#footer .info{ float: left; width: 600px; }
#footer .info li{ float: left; height: 55px; padding-left: 70px; width: 230px; }
#footer li.tel{ background: url('../images/contact-phone.png') 0 0 no-repeat; padding-top: 12px; height: 43px; }
#footer li.email{ background: url('../images/contact-email.png') 0 0 no-repeat; padding-top: 12px; height: 43px; }
#footer li.location{ background: url('../images/contact-location.png') 0 0 no-repeat; }

#footer .sitemap{ float: right; width: 210px; }
#footer .sitemap li{ background: url('../images/switch.png') 0 0 no-repeat;  float: left; height: 30px; padding-left: 35px; width: 70px; }

#footer .copy{ position: absolute; right: 15px; bottom: 10px; }