html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

.text { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #333333; font-size: 75%; }
.text h1 { font-weight: normal; color: #222222; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
.text h1 img { margin: 0; }
.text h2 { font-weight: normal; color: #222222; font-size: 2em; margin-bottom: 0.75em; }
.text h3 { font-weight: normal; color: #222222; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
.text h4 { font-weight: normal; color: #222222; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
.text h5 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
.text h6 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; }
.text h2 img, .text h3 img, .text h4 img, .text h5 img, .text h6 img { margin: 0; }
.text p { margin: 0 0 1.5em; }
.text p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.text p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }
.text a { text-decoration: underline; color: #000099; }
.text a:visited { color: #000066; }
.text a:focus { color: black; }
.text a:hover { color: black; }
.text a:active { color: #cc0099; }
.text blockquote { margin: 1.5em; color: #666; font-style: italic; }
.text strong { font-weight: bold; }
.text em { font-style: italic; }
.text dfn { font-style: italic; font-weight: bold; }
.text sup, .text sub { line-height: 0; }
.text abbr, .text acronym { border-bottom: 1px dotted #666; }
.text address { margin: 0 0 1.5em; font-style: italic; }
.text del { color: #666; }
.text pre { margin: 1.5em 0; white-space: pre; }
.text pre, .text code, .text tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
.text li ul, .text li ol { margin: 0 1.5em; }
.text ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }
.text ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }
.text dl { margin: 0 0 1.5em 0; }
.text dl dt { font-weight: bold; }
.text dd { margin-left: 1.5em; }
.text table { margin-bottom: 1.4em; width: 100%; }
.text th { font-weight: bold; }
.text thead th { background: #c3d9ff; }
.text th, .text td, .text caption { padding: 4px 10px 4px 5px; }
.text tr.even td { background: #e5ecf9; }
.text tfoot { font-style: italic; }
.text caption { background: #eee; }
.text .quiet { color: #666666; }
.text .loud { color: #111111; }

form.bp label { font-weight: bold; }
form.bp fieldset { padding: 1.4em; margin: 0 0 1.5em 0; }
form.bp legend { font-weight: bold; font-size: 1.2em; }
form.bp input.text, form.bp input.title, form.bp input[type=text] { margin: 0.5em 0; background-color: #fff; padding: 5px; }
form.bp input.title { font-size: 1.5em; }
form.bp input[type=checkbox], form.bp input.checkbox, form.bp input[type=radio], form.bp input.radio { position: relative; top: 0.25em; }
form.bp textarea { margin: 0.5em 0; padding: 5px; }
form.bp select { margin: 0.5em 0; }
form.bp fieldset { border: 1px solid #cccccc; }
form.bp input.text, form.bp input.title, form.bp textarea, form.bp select { border: 1px solid #bbbbbb; }
form.bp input.text:focus, form.bp input.title:focus, form.bp textarea:focus, form.bp select:focus { border: 1px solid #666666; }
form.bp input.text, form.bp input.title { width: 300px; }
form.bp textarea { width: 390px; height: 250px; }

body, html { height: 100%; color: #848586;}

a { outline: 0; color: #848586; }

#outer { height: 100%; text-align: center; min-height: 670px; position:relative; background: #d9dce0 url(../../images/page-back.jpg) no-repeat 50% 50%;  }

#box { width: 990px; height: 670px; margin: -335px 0 0 -495px; text-align: left; position: absolute; top: 50%; left: 50% }

#boxin {width: 990px; height: 670px; text-align: left; position: relative;}

#red-line { width: 916px; height: 255px; position: absolute; top: 280px; left: 43px; background: url(../../images/red-line.jpg) no-repeat; }
#red-line div.relmode { width: 916px; height: 255px; position: relative; }

#gray-line { width: 916px; height: 255px; position: absolute; top: 280px; left: 43px; background: url(../../images/gray-line.jpg) no-repeat; }
#gray-line div.relmode { width: 916px; height: 255px; position: relative; }

.phone-back { background: url(../../images/box-back.jpg) no-repeat; }

ul.submenu {
    position: absolute;
    top: 17px;
    left: 487px;
    width: 390px;   
}

ul.submenu li {
    float: left;
    width: 190px;
    height: 18px;
    list-style: none;
    color: #fff;
    font: 9px/14px Arial;
}

ul.submenu li a {
    display: block;
    color: #fff;
    height: 16px;
    text-transform: uppercase;
    padding: 3px 0 0 16px;
    text-decoration: none   
}

ul.submenu li a:hover, ul.submenu li a.active {
    background: url(/ru/clubby/images/sub-select.gif) no-repeat   
   
}

div.holder { width: 405px; height: 202px; position: absolute; top: 33px; left: 485px; overflow: hidden; }
div.holder_lower { width: 385px; height: 152px; position: absolute; top: 83px; left: 503px; overflow: hidden; }
div.holder .jScrollPaneTrack, div.holder_lower .jScrollPaneTrack { background: url(../../images/scroll-track.gif) no-repeat; }
div.holder .jScrollPaneDrag, div.holder_lower .jScrollPaneDrag { background: url(../../images/scroll-flyer.gif) repeat-y 50% 0; height: 49px; }

#red-line a { color: #fff }

#pane { height: 202px; color: #fff; font: 11px/15px Arial; }
#pane h2 { color: #fff; font: bold 14px Arial; margin: 0; padding: 0 0 16px 0; }
#pane p { padding: 0 0 16px 0; }

#fv { width: 92px; height: 21px; display: block; position: absolute; top: 8px; right: 11px; background: url(../../images/fvx.gif) no-repeat; }
#fv:hover { width: 92px; height: 21px; display: block; position: absolute; top: 8px; right: 11px; background: url(../../images/fvx.gif) no-repeat 0 -21px; }


#logo { position: absolute; top: 38px; left: 55px; }

#topmenu { list-style: none; position: absolute; top: 62px; right: 30px; }
#topmenu li { float: left; clear: none; font: 12px Tahoma; padding: 0 9px; text-transform: uppercase; border-right: 1px solid #848586; }
#topmenu li a { text-decoration: none; }
#topmenu li a:hover { color: #d04172; }
#topmenu li.last { padding-right: 0; border: 0; }
#topmenu li.active a { color: #d04172; }

h1#wave { position: absolute; top: 118px; left: 677px; width: 242px; height: 146px; text-indent: -3000px; background: url(../../images/wave-logo.gif) no-repeat; }

#index-phone { position: absolute; top: 168px; left: 269px; width: 191px; height: 439px; background: url(../../images/index-phone.jpg) no-repeat; }

.box { position: absolute; display: block; }

#box-1 { width: 192px; height: 97px; background: url(../../images/box-1.gif) no-repeat; top: 302px; left: 512px; }

#box-2 { width: 125px; height: 57px; background: url(../../images/box-2.gif) no-repeat; top: 268px; left: 815px; }

#box-3 { width: 185px; height: 81px; background: url(../../images/box-3.gif) no-repeat; top: 376px; left: 765px; }

#box-4 { width: 152px; height: 94px; background: url(../../images/box-4.gif) no-repeat; top: 454px; left: 614px; }

#adminarea { position: absolute; top: 120px; left: 240px; width: 720px; height: 540px; }

#loginarea { position: absolute; top: 220px; left: 530px; width: 320px; height: 440px; }
#loginarea h1 { font: normal 28px Arial; color: #000; padding: 0 0 20px 0; }
#loginarea p label { font: 12px Arial; }
#loginarea p input.txt { width: 160px; font: 14px Arial; margin: 3px 0 10px 0; }
#loginarea p input.sbm { width: 80px; font: 16px Arial; margin: 15px 0 10px 0; }

#peek { width: 516px; height: 520px; position: absolute; top: 131px; left: 8px; z-index: 10; background-repeat: no-repeat; }

div.peek-holder {
     width: 516px; height: 520px; position: absolute; top: 127px; left: 11px; z-index: 10;
}

div.peek-holder div.plane {
    width: 516px; height: 520px;
}

#x-red {
    position: absolute;
    top: 289px;
    right: 40px;
    width: 20px;
    height: 20px;
    display: block;
    z-index: 100;
    background: url(/ru/clubby/images/x-red.gif) no-repeat;
}

#x-red:hover {
    background: url(../../images/x-red.gif) no-repeat 0 -20px;   
}

#x-gray {
    position: absolute;
    top: 289px;
    right: 40px;
    width: 20px;
    height: 20px;
    display: block;
    z-index: 100;
    background: url(/ru/clubby/images/x-gray.gif) no-repeat;
}

#x-gray:hover {
    background: url(../../images/x-gray.gif) no-repeat 0 -20px;   
}

#pln_1 {background: url(/ru/clubby/images/1/Phone0001.jpg) no-repeat}
#pln_2 {background: url(/ru/clubby/images/1/Phone0002.jpg) no-repeat; display: none}
#pln_3 {background: url(/ru/clubby/images/1/Phone0003.jpg) no-repeat; display: none}
#pln_4 {background: url(/ru/clubby/images/1/Phone0004.jpg) no-repeat; display: none}
#pln_5 {background: url(/ru/clubby/images/1/Phone0005.jpg) no-repeat; display: none}
#pln_6 {background: url(/ru/clubby/images/1/Phone0006.jpg) no-repeat; display: none}
#pln_7 {background: url(/ru/clubby/images/1/Phone0007.jpg) no-repeat; display: none}
#pln_8 {background: url(/ru/clubby/images/1/Phone0008.jpg) no-repeat; display: none}
#pln_9 {background: url(/ru/clubby/images/1/Phone0009.jpg) no-repeat; display: none}
#pln_10 {background: url(/ru/clubby/images/1/Phone0010.jpg) no-repeat; display: none}
#pln_11 {background: url(/ru/clubby/images/1/Phone0011.jpg) no-repeat; display: none}
#pln_12 {background: url(/ru/clubby/images/1/Phone0012.jpg) no-repeat; display: none}

#flow-left { position: absolute; width: 35px; height: 45px; cursor: pointer; top: 372px; left: 156px; z-index: 100 }
#flow-right { position: absolute; width: 35px; height: 45px; cursor: pointer; top: 372px; left: 400px; z-index: 100 }

#loader { position: absolute; width: 54px; height: 55px; cursor: pointer; top: 369px; left: 266px; z-index: 1; background: url(/ru/clubby/images/ajax-loader.gif) }

table.grid { width: 100%; border-collapse: collapse; margin: 10px 0; }
table.grid td { padding: 5px; font: 12px Arial; }
table.grid td.level0 { padding-left: 0!important; }
table.grid td.level1 { padding-left: 15px; }
table.grid td.level2 { padding-left: 30px; }
table.grid td.level3 { padding-left: 45px; }
table.grid td.level4 { padding-left: 60px; }
table.grid td.level5 { padding-left: 75px; }

.copys { position: absolute; top: 583px; left: 666px; }
.copys a.incontacto { background: url(../../images/c-logo.gif) no-repeat 100% 0; width: 294px; display: block; text-decoration: none; padding-top: 5px; height: 25px; font: 10px Arial; }
.copys p.rights { font: 10px Arial; }
.copys ul { font: 10px Arial; list-style: none; }
.copys ul li { float: left; padding: 0 5px; border-right: 1px solid #848586; }
.copys ul li a { text-decoration: none; }
.copys ul li.last { border: 0; padding: 0 0 0 5px; }
.copys ul li.first { padding: 0 5px 0 0; }


.music-categories
, .music-links {
  list-style: none;
}

.music-categories li {
  float: left;
  width: 49.9%;
}


.music-links li {
  overflow: hidden;
  margin: 5px 0;
}

.music-links span {
  loat: left;
  line-height: 20px;
  margin: 0 10px 0 0;
}



.bgr-link {
  background: url(../../images/x-red2.gif) 0 0 no-repeat;
  display: inline-block;
  height: 20px;
  width: 62px;
  text-align: center;
  text-decoration: none;
  line-height: 20px;
}

.back-link .bgr-link {
  float: none;
  display: block;
}

.bgr-link:hover {
  background-position: 0 -20px;
}


#pane .back-link {
  margin: 30px 0 0;
}

.vphone {
  background: url(../../images/phone.png) no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ru/clubby/images/phone.png', sizingMethod='crop');   
}

.vcube {
  background: url(../../images/cube.png) no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ru/clubby/images/cube.png', sizingMethod='crop');   
}


.club-link {
  display: block;
  width: 325px;
  height: 295px;
  position: absolute;
  top: 257px;
  left: 84px;
  z-index: 12;
}