/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
body {background: url("../images/second3.jpg") no-repeat #000 top center; color: #000; font: 100.01%/1.1em 'Trebuchet MS', Arial, Tahoma, 'Georgia'; line-height: 1.1em; vertical-align: top; padding: 0 0 40px 0;}

/* CONTAINERS */
.container_12 {background: #fff; margin-left: auto; margin-right: auto; width: 960px;}
.container_12 {font-size: 83%; position: relative;}
.back {position: absolute; top: 0; left: 0; overflow: hidden;}

/* GRID */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display: inline; float: left; margin-left: 10px; margin-right: 10px;}
.container_12 .grid_3 {width: 220px;}
.container_12 .grid_6 {width: 460px;}
.container_12 .grid_9 {width: 700px;}
.container_12 .grid_12 {width: 940px;}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Grid >> 12 Columns */
.container_12 .grid_1 {width: 60px;}
.container_12 .grid_2 {width: 140px;}
.container_12 .grid_4 {width: 300px;}
.container_12 .grid_5 {width: 380px;}
.container_12 .grid_7 {width: 540px;}
.container_12 .grid_8 {width: 620px;}
.container_12 .grid_10 {width: 780px;}
.container_12 .grid_11 {width: 860px;}

.box {margin-bottom: 20px;} /* background:#ddd; */
.block {padding-top:10px;}


/* CLEAR */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* TEXT  */
a {color: #5E6150;}
a:hover {color:#000;}
a:focus {outline: 1px dotted invert;}
hr {border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: square;}
li {margin-left: 30px;}
h1, h2, h3, h4, h5, h6, p, dl, hr, ol, ul, pre, table, address, fieldset {margin-bottom: 20px;}
p {margin-bottom:1em;}
blockquote {font-family: Georgia, 'Times New Roman', serif; font-size:1.2em; padding-left:1em; border-left:4px solid #ccc;}
blockquote cite {font-size:.9em;}
ul, ol {padding-top:0;}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}
h1 {font-size: 220%;}
h2 {font-size: 200%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}
h1, h2, h3, h4 {font-weight: normal;}
.navigation h2, .news h2, .top-album h2, .news-shop h2, .reviews h2 {width: 100%; margin: 0 0 20px 0; font-size: 140%; font-weight: bold; border-bottom: 3px solid #323C45 /*#111417*/; color: #323C45; line-height: 35px;}
h1 span {display: block; font-size: 60%; color: #333;}


#left_column .box {padding: 10px 20px 1px 20px;}
#right_column .box {padding: 10px 20px 1px 0;}
#left_column h1 {width: 100%; font-size: 160%; font-weight: bold; color: #323C45; line-height: 30px; margin: 0 0 25px 0;}

.title {position: relative; width: 100%; height: 35px; border-bottom: 3px solid #323C45; color: #323C45; margin: 0 0 25px 0;}
.title h1 {font-size: 160%; font-weight: bold; line-height: 30px;}
.title p {font-size: 105%; line-height: 30px;}

/* HEADER */
#header {height: 280px; background: none; position: relative;}
#header .box {background: none;}
.logo {position: absolute; top: 110px; left: 0;}
.slogan {position: absolute; top: 190px; left: 0;}
.rus {position: absolute; top: 50px; left: 0px; color: #8F937B; font-family: 'Trebuchet MS', Arial;}
.eng {position: absolute; top: 50px; left: 50px; color: #8F937B; font-family: 'Trebuchet MS', Arial;}
.rus:hover, .eng:hover {color: #fff;text-decoration: none;}
.active {color: #fff; text-decoration: none;}
.s-networks {width: 101px; height: 25px; position: absolute; top: 42px; right: 0;}
.s-networks a {position: absolute; margin: 0; padding: 0; width: 23px; height: 23px;}
.vkontakte {top: 0; left: 40px; background: url(../images/networks.png) no-repeat 0 0;}
.vkontakte:hover {background: url(../images/networks.png) no-repeat -27px 0;}
a.facebook {top: 0; left: 0; background: url(../images/networks.png) no-repeat 0 -54px;}
a.facebook:hover {background: url(../images/networks.png) no-repeat -27px -54px;}
a.myspace {top: 0; left: 78px; background: url(../images/networks.png) no-repeat 0 -27px;}
a.myspace:hover {background: url(../images/networks.png) no-repeat -27px -27px;}

/* CONTENT */
#content {background: url(../images/bg2.png) #1B2025; padding-top: 10px;}

/* TOP MENU */
ul.menu {width: 610px; list-style:none; float: left; display: inline; margin: 0; padding: 0; position: absolute; top: 180px; left: 345px;}
ul.menu li {float: left; display: inline; margin: 0 12px 3px 0; font-size: 100%; font-family: 'Trebuchet MS', Arial;}
ul.menu li a {padding: 5px 12px; white-space: nowrap; line-height: 30px; height: 34px; color: #8F937B;}
ul.menu li a:hover {color: #fff; text-decoration: none;}
ul.menu li a.active {padding: 5px 12px; color: #D8DDDD; text-decoration: none; /* border: 1px solid #D8DDDD; */}

/* RIGHT MENU */
.navigation {width: 168px; margin: 35px 0 35px 0; padding: 15px; color: #323C45; border: 1px solid #323C45;}
.navigation ul {margin: 0; padding: 0; list-style: none;}
.navigation ul li {margin: 0 0 10px 0; padding: 0;}
.navigation ul ul {margin: 7px 0 7px 15px; padding: 0; list-style: none; font-size: 95%;}
.navigation .active {color: #000;}

/* ANONS */
.anons {margin: 0 0 20px 0;}
.anons-title {margin: 0; position: relative;}
.anons-title h2 {font-size: 140%; font-weight: bold; margin: 0; line-height: 35px; border-bottom: 3px solid #323C45; color: #323C45;}
.anons-title a {position: absolute; right: 0; top: 0; line-height: 35px;}
.anons-content {position: relative; width: 600px; height: 400px; margin: 0;}
.anons-name {position: absolute; top: 0; left: 0; width: 600px; height: auto; margin: 0; background: url(../images/transparent.png);}
.anons-name dl {padding: 15px 20px; margin: 0;}
.anons-name dt {font-size: 135%; margin-bottom: 7px;}
.anons-name dd.artist {font-size: 160%; font-weight: bold; margin-bottom: 5px;}
.anons-name dd.place {font-size: 105%;}
.countdown, .press, .gallery {position: absolute; bottom: 20px; width: 140px; text-align: center; line-height: 33px; padding: 0; color: #000;}
.anons a:hover {color: #fff;}
.countdown {left: 20px; background: #ccc; background: url(../images/transparent-arrow.png) top left;}
.press {left: 230px; background: #ccc; background: url(../images/transparent-arrow.png) top center;}
.gallery {right: 20px; background: #ccc; background: url(../images/transparent-arrow.png) top right;}

/* TOP ALBUM */
.top-album {margin-bottom: 10px;}
.top-album  h2 {margin-bottom: 10px;}
.top-album  img {margin-bottom: 5px;}

/* NEWS */
.news {position: relative;}
a.rss {position: absolute; right: 0; top: 0; line-height: 35px; color: #CE6700;}
a.rss:hover {color: 000;}
.news dl {width: 660px; float: left; display: block; padding-bottom: 10px; margin-bottom: 15px; color: #333; border-bottom: 1px dotted #c0c0c0; line-height: 1.35;}
.news dt {width: 80px; float: left; color: #666; font-size: 80%;}
.news dd {padding-left: 80px; margin-bottom: 3px; font-size: 95%;}
.news dd a {font-size: 110%;}
.news dd a.comments {font-size: 85%;}
.date {font-size: 90%; color: #323C45;}

/* NEXT */
.nxt {width: 600px; float: left; display: inline; margin-bottom: 0; font-size: 90%;}
.nxt a.page {padding: 2px 7px 2px 7px; border: none;}
.nxt a.page:hover {padding: 2px 7px 2px 7px; background: #333; color: #fff;}
.nxt a.next {padding: 2px 7px 2px 7px; border: none;}
.nxt a.next:hover {color: #333; text-decoration: none;}
.nxt span.current {padding: 2px 7px 2px 7px; color: #fff; background: #333;}
.nxt span.prev-disabled {padding: 2px 7px 2px 7px; color: #333;}
.nxt span.nxt-disabled {padding: 2px 7px 2px 7px; color: #ccc;}

/* EVENTS */
#events {position: relative;}
dl.events {width: 660px; float: left; display: block; padding-bottom: 10px; margin-bottom: 20px; color: #333; border-bottom: 1px dotted #c0c0c0; line-height: 1.35;}
dl.events dt {width: 80px; float: left; color: #666; font-size: 80%; margin: 0; padding: 0;}
dd.foto {float: left; display: inline; width: 140px; margin: 0; padding: 0;}
dd.foto img {padding: 3px; border: 1px solid #ccc; background: #fff;}
dd.name {float: left; display: inline; width: 440px;}
dd.name label {width: auto; display: block; margin-bottom: 10px;}
dd.name span {display: block; font-size: 85%; font-weight: normal;}

/* CD (RECOMMENDATION, RELEASES, SHOP) */
dl.cd {width: 330px; height: auto; float: left; display: block; padding-bottom: 10px; margin-bottom: 10px; color: #333; line-height: 1.35;}
dl.cd dt {width: 88px; float: left; color: #666; font-size: 80%; margin: 0; padding: 0; text-align: center;}
dl.cd dt img {display: block; padding: 3px; border: 1px solid #ccc; background: #fff;}
dl.cd dd {padding-left: 98px;}
dl.cd dd.artist {font-size: 105%; font-weight: bold;}
dl.cd dd.style {font-size: 85%; color: #666;}
.cover {display: block; padding: 3px; border: 1px solid #ccc; background: #fff;}

/* SELECTION */
.selection {width: 100%; height: auto; padding: 5px 0; margin-bottom: 15px;}
.selection a {padding: 4px 10px;}
.selection .active {color: #fff; background: #323C45;}

/* SHOP */
.music_search {position: relative; width: 660px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #323C45;}
.music_search img {position: absolute; right: 10px; bottom: 23px;}
.music_search label {display: block; margin-bottom: 3px; font-weight: bold;}
.music_search input, .music_search select {color: #666; font-family: 'Trebuchet MS';}
.music_search input {width: 290px;}
.cd-shop {width: 660px; float: left; display: inline; margin-bottom: 15px; padding: 0; border-bottom: 1px dashed #323C45;}
.cd-info {width: 540px; float: left; display: inline;}
.cd-price {width: 120px; float: left; display: inline;}
.cd-price p {font-size: 150%; color: #800000;}
.a_basket {font-size: 90%; text-decoration: none; background: #323C45; color: #fff; padding: 5px 15px;}
.a_basket:hover {color: #000; background: #B0BCC6; padding: 5px 15px;}

/* BASKET */
.basket {width: 168px; margin: 35px 0 35px 0; padding: 15px; color: #323C45; border: 1px dashed #323C45;}
.basket a {font-weight: bold; text-transform: uppercase;}
.table_basket {width: 660px; border-collapse: collapse;}
.table_basket th {text-align: left; padding: 0 10px 10px 0; border-bottom: 1px solid #333;}
.table_basket td {vertical-align: top; padding: 15px 10px 0 0; border-top: 1px dashed #333;}
.table_basket ul {font-size: 90%;}
.table_basket li {margin-left: 20px;}
.basket_big {font-size: 140%; font-weight: bold;}
.issue {width: 660px; height: 70px; position: relative;}
.issue input {padding: 5px 20px;}
.back-button {position: absolute; top: 10px; left: 0;}
.next-button {position: absolute; top: 10px; right: 0;}

/* ADRESS */
.adress_form {width: 660px; height: auto; padding: 5px 0;}
.adress_form label {width: 650px; display: block; margin-bottom: 3px; font-style: italic; color: #666;}
.adress_form input, .comments textarea {display: block; margin-bottom: 10px;}
.adress_form textarea {width: 656px; height: 180px; margin-bottom: 10px;}
.adress_form .long {width: 500px;}
.adress_form .middle {width: 350px;}
.adress_form .short {width: 100px;}
.adress_form sup {color: red;}


#tab1 h4, #tab2 h4, #tab3 h4, #tab4 h4 {margin-bottom: 15px;}
.cabinet {padding: 3px 10px; font-size: 95%;}


/* COMMENTS */
.comment {width: 660px; display: block; padding: 10px 0; margin-bottom: 5px; color: #333; border-top: 1px solid #B0BCC6; line-height: 1.35;}
.comment dt {font-weight: bold; font-size: 105%; margin-bottom: 5px;}
.comment dd {font-size: 95%;}
.comment_form {width: 660px; height: auto; padding: 5px 0;}
.comment_form label {width: 650px; display: block; margin-bottom: 3px; font-style: italic; color: #666;}
.comment_form input, .comments textarea {display: block; margin-bottom: 10px;}
.comment_form textarea {width: 656px; height: 180px; margin-bottom: 10px;}
.long {width: 656px;}
.middle {width: 350px;}
.short {width: 100px;}
.title-comment {height: auto; display: block; margin-bottom: 30px;}
.title-comment a {font-size: 110%; display: block; text-decoration: none;}
.title-comment ins {border-bottom: 1px dashed;}
.title-comment a:hover {text-decoration: none;}
.blocks {margin-bottom: 10px;}
.no-display {display: none;}
.opened {font-weight: bold;}
.drop-down-block {padding: 0;}

.hr_line {width: 660px; height: 5px; font-size: 1px; margin-bottom: 15px; border-bottom: 1px solid #323C45;}

/* ENTER */
.enter {width: 170px; margin: 35px 0 35px 0; padding: 15px 15px 10px 15px; color: #fff; background: #323C45;}
.enter a {width: auto; color: #fff;}
.enter input {font-size: 95%; margin-bottom: 7px;}
.text {width: 162px;}

/* NEWS-SHOP */
.news-shop {margin-bottom: 10px;}
.news-shop dl {width: 280px; float: left; display: block; margin-bottom: 15px;}
.news-shop dt {width: 90px; float: left; color: #666; font-size: 90%;}
.news-shop dd {padding-left: 90px;}
.news-shop dd.year {font-size: 85%; color: #666;}

/* REVIEWS */
.reviews {margin-bottom: 10px;}
.reviews dl {width: 280px; float: left; display: block; margin-bottom: 15px;}
.reviews dt {width: 90px; float: left; color: #666; font-size: 90%;}
.reviews dd {padding-left: 90px;}
.reviews dd.year {font-size: 85%; color: #666;}

/* TABS */
.usual {width: 670px; margin: 0; padding: 0;}
.usual ul.tab li {list-style: none; float: left; margin: 0; padding: 0;}
.usual ul.tab a {display: block; padding: 8px 20px; margin: 0; color: #333; background: #b0bcc6; font-size: 95%;} /* text-decoration:none!important; */
.usual ul.tab a:hover {color: #fff; background: #8ea0ae; text-decoration: none!important;}
.usual ul.tab a.selected {margin-bottom:0; cursor:default; background: #323C45; color:#fff; text-decoration: none!important;}
.usual div {padding: 25px 0; padding-top: -1px; *padding-top: 3px; *margin-top: -15px; clear: left; margin-bottom: 0;}
.usual div div {padding: 0; border: 0 none;}

.y-map {width: 600px; height: 414px;}
.y-map img {margin: 0; padding: 0; border: 2px solid #333}

/* PHOTOGALLERY */
.photogallery img {padding: 3px; border: 1px solid #ccc; background: #fff; margin: 0 5px 5px 0;}

.right-banner-block {width: 200px; height: auto; overflow: hidden; margin-top: 35px;}

/* COPYRIGHT */
#site_info .box {position: relative; width: 900px; height: 40px; color:#666; border-top: 2px groove #323C45; margin: 20px; padding: 15px 0 0 0;}
#site_info a {color:#666;}
#site_info a:hover {color:#000;}
.copyright {position: absolute; top: 15px; left: 0;}
.design {position: absolute; top: 15px; right: 0;}

/* FOOTER */
#footer {width: 960px; height: 70px; background: #000; padding: 0; position: relative;}
#footer a {color: #ccc;}
.search {width: 300px; height: 40px; position: absolute; top: 20px; left: 0;}
.search input {width: 280px; padding: 1px 2px; margin-bottom: 3px; font-family: 'Trebuchet MS'; font-style: italic; color: #666; border: 1px solid #ccc;}
.map {display: block;}
.counter {width: 200px; height: 40px; position: absolute; top: 20px; right: 0; text-align: right;}