﻿html,body {
	width: 100%;
	height: 100%;
	min-width: 1000px;
}

body {background: url('../css/background.jpg') repeat; font: normal 10px 'Trebuchet MS'; color: #fff;}

* {margin: 0; padding: 0;}

img {border: 0px;}

a {outline: none; font: normal 12px 'Trebuchet MS'; color: #fff;}

a:hover {text-decoration: none;}

h2 {display: block; font: bold 12px 'Trebuchet MS'; color: #fff;}
.content p { margin-bottom: 20px; }

p {margin-top: 14px;}

.page {background: #000; width: 914px; margin: 0 auto; min-height: 100%; height: 100%; position: relative;}

.page_inner {background: #000; min-height: 100%; height: auto !important; height: 100%; }

.page.p_main {width: 509px; min-height: 0; height: auto !important;}

.page .page_inner {border-left: 1px solid; border-right: 1px solid;}

.page .footer{border-left: 1px solid; border-right: 1px solid;}

.page.p_info .page_inner {border-color: #9d0086;}

.page.p_info .footer{border-color: #9d0086;}

.page.p_events .page_inner {border-color: #9d0700;}

.page.p_events .footer{border-color: #9d0700;}

.page.p_gallery .page_inner {border-color: #9d5000;}

.page.p_gallery .footer{border-color: #9d5000;}

.page.p_music .page_inner {border-color: #9d8600;}

.page.p_music .footer{border-color: #9d8600;}

.header {}

.logo {text-align: center; padding: 46px 0 37px 0}

.menu_t {padding: 52px 0 0 0; width: 507px; margin: 0 auto; overflow: hidden; zoom: 1:}

.menu_t_inner {background: url('../css/menu_t_m.jpg') repeat-x; height: 31px;}

.menu_t ul{display: block; list-style: none;}

.menu_t ul li{display: block; width: 122px; height: 31px; position: absolute; z-index: 0;}

.menu_t ul li a{display: block; width: 122px; height: 31px; padding: 6px 0 0 0; font: normal 14px 'Tahoma'; color: #ffffff; text-align: center; text-decoration: none; text-transform: uppercase;}

.menu_t ul li.current {z-index: 10;}

.menu_t ul li.face{margin-left: 8px;}

.menu_t ul li.info{margin-left: 85px;}

.menu_t ul li.events {margin-left: 174px;}

.menu_t ul li.gallery{margin-left: 274px;}

.menu_t ul li.music{margin-left: 372px;}

.menu_t ul li span.current {display: block; width: 122px; height: 31px; padding: 6px 0 0 0; font: normal 14px 'Tahoma'; color: #ffffff; text-align: center; text-decoration: none; text-transform: uppercase;}

.menu_t ul li.face span.current {}

.menu_t ul li.info span.current {background: url('../css/info.jpg') no-repeat center 0; color: #ec297b;}

.menu_t ul li.events span.current {background: url('../css/events.jpg') no-repeat center 0; color: #ec1c24;}

.menu_t ul li.gallery span.current {background: url('../css/gallery.jpg') no-repeat center 0; color: #f6921e;}

.menu_t ul li.music span.current {background: url('../css/music.jpg') no-repeat center 0; color: #fff100;}

.menu_t ul li.face a {}

.menu_t ul li.info a:hover {color: #ec297b;}

.menu_t ul li.events a:hover {color: #ec1c24;}

.menu_t ul li.gallery a:hover {color: #f6921e;}

.menu_t ul li.music a:hover {color: #fff100;}

.menu_t_l {background: url('../css/menu_t_l.jpg') no-repeat 0 0; height: 31px;}

.menu_t_r { position: relative; background: url('../css/menu_t_r.jpg') no-repeat 476px 0; height: 31px;}


.menu_t_r a { display: block; position: absolute; top: 3px; height: 25px; text-decoration: none; }

.menu_t_r a.face { left: 18px; width: 109px; background: url(face.png) 0 0 no-repeat; }
.menu_t_r a.face_a { background-position: 0 -100px; }
.menu_t_r a.face10:hover, .menu_t_r a.face10:active { background-position: 0 -100px; z-index: 1; }
.menu_t_r a.face11:hover, .menu_t_r a.face11:active { background-position: 0 -200px; z-index: 1; }

.menu_t_r a.info { left: 93px; width: 115px; background: url(info.png) 0 0 no-repeat; }
.menu_t_r a.info_a { background-position: 0 -100px; }
.menu_t_r a.info010:hover, .menu_t_r a.info010:active { background-position: 0 -100px; }
.menu_t_r a.info110:hover, .menu_t_r a.info110:active { background-position: 0 -200px; z-index: 1; }
.menu_t_r a.info011:hover, .menu_t_r a.info011:active { background-position: 0 -300px; z-index: 1; }

.menu_t_r a.events { left: 180px; width: 122px; background: url(events.png) 0 0 no-repeat; }
.menu_t_r a.events_a { background-position: 0 -100px; }
.menu_t_r a.events010:hover, .menu_t_r a.events010:active { background-position: 0 -100px; z-index: 1; }
.menu_t_r a.events110:hover, .menu_t_r a.events110:active { background-position: 0 -200px; z-index: 1; }
.menu_t_r a.events011:hover, .menu_t_r a.events011:active { background-position: 0 -300px; z-index: 1; }

.menu_t_r a.gallery { left: 269px; width: 137px; background: url(gallery.png) 0 0 no-repeat; }
.menu_t_r a.gallery_a { background-position: 0 -100px; }
.menu_t_r a.gallery010:hover, .menu_t_r a.gallery010:active { background-position: 0 -100px; z-index: 1; }
.menu_t_r a.gallery110:hover, .menu_t_r a.gallery110:active { background-position: 0 -200px; z-index: 1; }
.menu_t_r a.gallery011:hover, .menu_t_r a.gallery011:active { background-position: 0 -300px; z-index: 1; }

.menu_t_r a.music { left: 373px; width: 116px; background: url(music.png) 0 0 no-repeat; }
.menu_t_r a.music_a { background-position: 0 -100px; }
.menu_t_r a.music01:hover, .menu_t_r a.music01:active { background-position: 0 -100px; z-index: 1; }
.menu_t_r a.music11:hover, .menu_t_r a.music11:active { background-position: 0 -200px; z-index: 1; }

.page.p_main .wrap{padding: 0 0 52px 0;}

.wrap {width: 467px; margin: 0 auto; padding: 82px 0 40px 0; overflow: hidden; zoom: 1;}

.sidebar{float: left; width: 144px;}

ul.menu_l {list-style: none;}

ul.menu_l li {display: block; height: 17px;}

ul.menu_l li a {display: inline-block; height: 14px; color: #808080;}

ul.menu_l li a span{color: #fff;}

.content {}

.page.p_info .content {width: 308px; float: right; border-left: 1px solid #fff;}

.page.p_info .content_inner {padding: 0 0 28px 52px;}

.content .item{padding: 0 0 18px 0;}

.content .item img{}

.content .item a.button_over{display: block; background: url('../css/button_on_off.png') no-repeat 0 0; width: 231px; height: 53px; font-size: 13px; text-align: center; text-transform: uppercase; text-decoration: none; position: relative; margin: 0 auto; margin-top: -60px; cursor: pointer;}

.content .item a.button_over:hover{background: url('../css/button_on_off.png') no-repeat 0 -52px;}

.content .item a.button_over span{position: relative; top: 18px;}

.content .item a.button_over_m{display: block; background: url('../css/button_main.png') no-repeat; width: 188px; height: 45px; font-size: 12px; text-align: center; text-transform: uppercase; text-decoration: none; position: relative; margin: 0 auto; margin-top: -58px; cursor: pointer;}

.content .item a.button_over_m span{position: relative; top: 14px;}


html*.content .item a.button_over span{
[position: relative; top: 18px;
position: relative; top: 21px;
]position: relative; top: 18px;
}/*end*/

html*.content .item a.button_over_m span {
[position: relative; top: 14px;
position: relative; top: 18px;
]position: relative; top: 14px;
}/*end*/

.content .item_hover{padding: 18px 0 0 0;}

.content .item_hover img{}

.content .item_hover .text{background: url('../css/hover_back.png'); font: normal 10px 'Trebuchet MS'; color: #fff; position: absolute; width: 467px;}

.content .item_hover .text_inner{padding: 25px 35px; overflow: hidden; zoom: 1;}

.content .item_hover .text_inner .headline{padding: 0 0 17px 0;}

.content .item_hover .text_inner .dj_info{width: 49%; float: left; color: #fff; border-right: 1px solid #fff; margin-right: -1px;}

.content .item_hover .text_inner .dj_info_inner{padding: 0 22px 0 0;}

.content .item_hover .text_inner .music_list{width: 50%; float: left; border-left: 1px solid #fff;}

.content .item_hover .text_inner .music_list_inner{padding: 0 0 0 22px;}

.content .item_hover .text_inner .music_list a{display: block; font-size: 10px; }

.content .item_hover .gallery{background: #fff; padding: 21px 21px 30px 21px; text-align: center;}

.content .item_hover .gallery_nav{padding: 35px 0 0 0; text-align: center;}

.content .item_hover .gallery_nav a.first{background: url('../css/first.jpg') no-repeat; display: inline-block; width: 13px; height: 16px;}

.content .item_hover .gallery_nav a.next{background: url('../css/next.jpg') no-repeat; display: inline-block; width: 13px; height: 16px; margin: 0 65px;}

.content .item_hover .gallery_nav a.last{background: url('../css/last.jpg') no-repeat; display: inline-block; width: 13px; height: 16px;}

.content  a.vip_login{display: block; background: url('../css/vip_log.jpg') no-repeat; width: 170px; height: 25px; font-size: 12px; text-align: center; text-transform: uppercase; text-decoration: none; position: relative; margin: 0 auto; margin-top: 50px; cursor: pointer;}

.content  a.vip_login span{position: relative; top: 4px;}

.footer {background: #000; height: 100px; text-align: center; margin-top: -100px;}

.footer  .copyright{padding: 60px 0 0 0;}

.clear {clear: both;}

.empty {height: 100px;}

.headline {display: block; color: #fff; font: bold 10px 'Trebuchet MS'; }
