* {
	margin:0;
	padding:0;
	}
html, body {height:100%;}
html { font-size:100.01%;}

body {
     font-family: "Arial";
}

/******************BasicTags********************/


h1 {
    
}
h2 {
  font-size: 1.8em;
  margin: 10px 0  20px 0;
  text-transform: uppercase;
}

h2.styled {
    background: url("/images/h2-bg.png") no-repeat 0 0;
    padding: 10px 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 1.6em;
}

h3 {
   font-size: 1.1em;
}

h4 {
    font-size: 0.9em;
    font-style: italic;
    font-weight: bold;
    color: #727272;
}

h1, h2, h3 {
    line-height: 1em;
    font-weight: normal;
}


p {
   margin: 0px 0 5px 0;
   line-height: 1.3em;
   font-size: 0.9em;
   color: #3f3f3f;
}

a {
    text-decoration: none;
    color: #981414;
}

a:visited {
    color: #611680;
}

a:hover {
    text-decoration: underline;
}
    a.logo {
        display: block;
        height: 89px;
        width: 220px;
        float: left;
    }

    a.ajax, a.normal {
        text-decoration: none;
        border-bottom: 1px dashed #830000;
        color: #830000;
    }

    a.normal {text-decoration: underline; border: none}

    a.current {color: #000000 !important; border: none}
    a.studio {color: #fff; text-decoration: underline}

    .fleft {float: left !important;}

/*****************SimpleStyles*******************/
        .nomargin {margin: 0;}
	.clearer {
		clear:both;
		}
	.clear:after {
            content: ".";
	    display: block; 
	    height: 0;
	    clear: both; 
	    visibility: hidden;
	}
	.clear {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .cleare {height: 1%;}
	.clear {display: block;}
	/* End hide from IE-mac */

        .fleft {float: left !important; clear: none !important}
        .fright {float: right !important; clear: none !important}

        .fake-this {
            float: left;
            position: relative
        }

        .fake {
            position: absolute;
            top: 33px;
            left: 15px;
            opacity: 0;
            z-index: 99;
            filter: alpha(opacity = 0);
        }

        .fake-this img {
            position: absolute;
            top: 26px;
            z-index: 9;
        }

        a img {
            border: none;
}

/********************Header********************/

#beta {
    background-image:url("/images/beta-test.png");
    height:31px;
    padding:20px 0 0 10px;
    position:fixed;
    right:-10px;
    top:98px;
    width:152px;
    z-index:99999;
}

#beta span {
    color:#fff;
    font-size:0.6em;
}

#wrapper {
        min-height: 100%;
        margin-bottom: -505px;
        position: relative;
        background: url("/images/main-bg.jpg") repeat #fff;
}

#header {
    height: 89px;
    overflow: hidden;
    background:  url(/images/header-bg-long.jpg) repeat-x 0 0 #000;
    clear: both;
}

#header-wrapper {
    width: 1120px;
    margin: 0 auto;
    background: url(/images/header-bg.jpg) no-repeat 0 0 #000;
    height: 88px;
    border-bottom: 1px solid #222222;
}

#header img {
    border: none;
}

#navigation {
    margin: 36px 0 0 0;
    float: right;
}
    #navigation li{
       float: left;
       list-style-type: none;
       margin-right: 30px;
    }
    .last {margin: 0 !important;}
    
        #navigation li a {
            color: #fff;
            text-transform: uppercase;
        }

/********************Top********************/
#top {
    height: 520px;
    background: url("/images/top-bg.jpg") no-repeat top center #000;
    position: relative;
    padding-top: 20px;
}

.top-content {
    width: 948px;
    padding: 0 20px;
    margin: 0px auto;
}

#top a.c-left {
    width: 10px;
    height: 344px;
    position: absolute;
    top: 80px;
    left: 100px;
    background-image: url("/images/c-left.png");
}

#top a.c-right {
    width: 10px;
    height: 344px;
    position: absolute;
    top: 80px;
    right: 100px;
    background-image: url("/images/c-right.png");
}

#relative-carousel {
    position: relative;
    width: 948px;
    height: 514px;
}

#carousel-wrapper {
    width: 948px;
    height: 514px;
    overflow: hidden;
    position: relative;
}

#carousel_loader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

#carousel-content {
    width: 11000px;
    position: relative;
}
#carousel-content .slide {
    float: left;
    width: 316px;
    height: 514px;
    background-image: url("/images/podium.png");
    position: relative;
}

#carousel-content .slide img.afisha {
    position: relative;
    top: 19px;
    left: 9px;
    border: 0;
}

#carousel-content .slide img.day_of_the_week {
    position: absolute;
    bottom:8px;
    left:70px;
    z-index: 999;
}

/********************Calendar********************/
#calendar {
    height: 60px;
    background: url("/images/calendar-bg.jpg") repeat-x #fff;
    clear: both;
}

.calendar {
    width: 940px;
    margin: 0px auto;
    padding-top: 20px;
}
.calendar li {
    float: left;
    list-style-type: none;
    margin-right: 10px;
    position: relative;
}

.calendar li.month-year {
    text-align: center;
    top: -7px;
}

.calendar li.month-year span{
    font-size: 0.7em;
}

.calendar li {
    color: #C5C5C5;
}
.calendar li a {color:#8c8c8c}

.calendar li a.has-party{
    color: #212121;
}

.calendar li a.weekend{
    color: #7d0102;
}

.calendar li img{
    position: absolute;
    top: -17px;
    left: 0px;
}

.calendar li img.low{
    left: -5px;
}

/********************Main********************/

#main {
    padding-bottom: 40px;
    clear: both;
}

.main {
    padding-top: 25px;
    width: 940px;
    margin: 0 auto;
}

.main li {
    float: left;
    list-style-type:none;
    width: 300px;
    margin-right: 20px;
}

.main li img{
   border: none;
   position: relative;
   top: 0;
   left: 0;
}

.main li img.table{
   top: 30px;
}
.main li img.dinner{
   top: 37px;
}

.nav {
    width: 940px;
    margin: 40px auto;
}

.nav li {
    list-style-type: none;
    width: 300px;
    float: left;
    margin-right: 20px;
}

.nav li ul li {
    float: none;
    margin: 10px 0 0 0;
    height: 120px;
    overflow: hidden;
}

.avatar {
    float: left;
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 10px;
}

.avatar img {border: none;}
.date-pic {
    background: url("/images/date-pic.png") no-repeat;
    text-align: center;
    padding-top: 1px;
}
.date-pic a.date {
    color: #fff;
    font-size: 0.65em;
}
.text {
    float: left;
    width: 220px;
}

.text-long {
    width: 294px;
}

span.time {
    margin: 5px 0 10px 0;
    display: block;
}

img.player {
    margin-bottom: 11px;
}


li.more a {
    height: 22px;
    width: 67px;
    color: #fff;
    font-size: 0.75em;
    padding: 6px 0 0 18px;
    float: right;
    background: url("/images/more.png") no-repeat  0 0;
}


/********************Stripe********************/
#stripe-shadow {
    height: 6px;
    background: url("/images/stripe-shadow.png") repeat-x;
    clear: both;
}
#stripe {
    height: 87px;
    padding-top: 2px;
    background: url("/images/stripe-bg.jpg") repeat-x #000;
    clear: both;
}

#stripe img {
    border: none;
    float: left;
    margin-right: 43px;
}

#stripe img.last {
    margin: 0;
    float: right;
}

/********************Footer********************/

#footer, #shadow {
    height: 505px;
    background: url("/images/footer-shadow.png");
    position: relative;
}

#shadow {
    background: url("/images/footer-bg.jpg") #000;
}

.push {
    height: 505px; /* .push must be the same height as .footer */
    clear: both;
}

#footer .flickr {
    display: block;
    clear:both;
    margin: 0 0 0 20px;
    color: #fff;
}

#footer .flickr em {
    font-weight: bold;
    font-style: normal;
    font-size: 1.5em;
}

#copyleft {
    float: left;
    width: 380px;
    margin-top: 12px;
}

#copyleft li {
    list-style-type: none;
    margin-right: 20px;
}

#copyleft li.last {
    margin: 0;
    padding-top: 5px;
    position: relative;
    top: -10px
}

#copyright {
    float: right;
    width: 540px;
    margin-top: 35px;
    text-align: right;
}

#copyright ul{
    float: right;
    clear: both;
    display: block;
}

#copyright ul li{
    list-style-type: none;
    float: left;
    border-right: 1px solid #606060;
    padding: 0 5px;
}

#copyright ul li a{
    color: #c5c5c5;
    font-size: 0.9em;
}

#copyright ul li.last{
    padding: 0 0 0 5px;
    border: none;
}

#footer p {color: #c5c5c5}

#footer .copy {
    color: #4c4c4c;
    font-size: 0.8em;
    display: block;
    clear: both;
}

#shadow-top {
    height: 15px;
    background: url("/images/footer-shadow-top.png");
}

#footer .to-top {
    position: absolute;
    bottom: 150px;
    right: 0;
}

.to-top {border:none;}

/********************Breed crums********************/

#breed-stripe {
    height: 15px;
    background: url("/images/breed-stripe.jpg") top center #000;
    clear: both;
}

#breed-crumb {
    text-align: right;
    margin-bottom: 30px;
}

    #breed-crumb .content{
        background: url("/images/breed-h2.png") no-repeat top right;
        margin-top:20px;
        padding-top: 2px;
    }

#breed-crumb h2{
    text-transform: uppercase;
    font-size: 2.3em;
    margin-bottom: 3px;
}

#breed-crumb span.breeds{
    font-size: 0.8em;
    color: #727272;
}

#breed-crumb span.breeds a {
    color: #727272
}

/********************Contact********************/
#contact {
    height: 750px;
    margin-bottom: 40px;
    clear: both;
}

p.adress {font-size: 1.1em}
p.red {
    font-size: 1em;
    color: #981414;
    margin-top: 20px;
}

#contact .left {
    width: 460px;
    margin-right: 20px;
    float: left;
}

    .left .info {
        padding: 40px 0 0 80px;
    }
    .left .info em{
        font-style: normal;
        font-size: 1.4em;
    }

#contact .right {
    width: 460px;
    float: left;
    text-align: center
}

#contact .right .map{
    width: 460px;
    height: 370px;
    border: 1px solid #d5d5d5;
    overflow: hidden;
}

#contact .right .map span{
    font-size: 2em;
    color: #d5d5d5;
}

#contact label{
    font-size: 0.8em;
    color: #981414;
    margin: 5px 0 10px 10px;
    float: left;
}

#contact input.text {
    float: left;
    width: 374px;
}

#contact input.button {
    float: right;
    margin-top: 20px;
}

#contact textarea.text-area {
    width: 450px;
}

#contact .textarea {
   padding-top: 86px;
   text-align: left;
}

/********************Actions********************/

#actions {
    clear: both;
    min-height: 600px;
    height: auto;
}

ul.actions li {
    list-style-type: none;
    float: left;
    margin-bottom: 50px;
}

#actions .action-image, #actions .action-text {
    float: left;
}

.action-image {
    width: 300px;
    margin-right: 20px;
}

.action-image img.week_day{
    position: relative;
    bottom: -17px;
    left: 61px;
    z-index: 999;
}

.action-image img.preview {
    border: 5px solid #d3d3d3;
    position: relative;
    top: 10px;
}

.action-text {
    width: 620px;
}



#actions span.date {
    color: #830000;
    font-size: 1.3em;
    text-transform: lowercase;
}

#actions p.brief {
    color: #727272;
}

.special-guest {
    margin: 20px 0;
}

p.other {
    color: #727272;
    font-style: italic;
}

span.other {color: #727272; font-size: 0.8em}

.special-guest span.guest {
    display: block;
    color: #830000;
    font-size: 1.7em;
}

.special-guest span.guest-small {
    display: block;
    color: #830000;
    font-size: 0.7em;
}

span.guest {text-transform: uppercase}

.room {
    width: 300px;
    margin: 0px 20px 20px 0px;
    float: left;
}

.room span.guest {
    display: block;
}

.info {
    clear: both;
    color: #3F3F3F;
}

.info, .photo-album, .comments {
    margin-bottom: 20px;
}

.info ul li {
        list-style-position: inside;
}

.magic {margin:0}

.action-image {position:relative}

.action-image img.full {border:none; position: relative; z-index: 999; top: 19px;}

.action-image .podium {
    position: absolute;
    top: 0px;
    left: -9px;
    z-index: 0;
}

.photo-album {
    float: left;
    width: 620px;
}

.photo-item {
    background-color:#D3D3D3;
    border:2px solid #D3D3D3;
    float:left;
    height:136px;
    margin: 0 20px 20px 0;
    overflow:hidden;
    width:136px;
}

#djs .photo-item, #about .photo-item, #room-photos .photo-item {height: 95px}

.ordinary-left .room_main, .ordinary-left .dj_main {
    border: 5px solid #d3d3d3;
    position: relative;
    top: 10px;
    left: 0;
}

.photo-album .photo-item img {
    border: 0;
}

/********************Content********************/

.content {
    width: 940px;
    padding: 0 20px;
    margin: 0 auto;
}

/********************Pagination********************/

.pagination {
    clear: both;
    text-align: center;
    margin-bottom: 50px;
}

.pagination a, .pagination span{
    background-color:#000000;
    color:#FFFFFF;
    font-size:0.8em;
    padding:3px 10px;
    text-transform:lowercase;
}

.pagination span.current{
    color: #981414;
}

/********************User account********************/
#account {
    height: 700px;
}



/********************Flash and Errors********************/

#flash, #error {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: url(/images/flash-notice-bg.png) repeat-x #108542;
    height: 55px;
    z-index: 999999;
}

#error {background: url(/images/flash-error-bg.png) repeat-x #861111;}

#notice {
    width: 640px;
    margin: 0 auto;
    color: #fff;
    font-size: 1.3em;
    height: 39px;
    padding: 16px 0 0 50px
}

#flash img, #error img {
    position: absolute;
    top: 10px;
    right: 13px;
    cursor: pointer;
}

#flash #notice {background: url(/images/flash-notice-positive.png) no-repeat 0 8px}

#error #notice {background: url(/images/flash-notice-error.png) no-repeat 0 11px}

/*****************STAR RATING****************/

.action-image p.other {
    position: relative;
    top: 30px;
    left: 0px;
}

#rate-block {position: relative; top: 33px; color: #727272; font-style: italic}

   /*             styles for the star rater                */
	.star-rating{
		list-style:none;
		width: 150px;
		height: 30px;
		position: relative;
                left: 0px;
		background: url(/images/star_rating.gif) top left repeat-x;
	}
	.star-rating li{
		height:30px;
		width: 30px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:30px;
		height: 30px;
		line-height:30px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background: url(/images/star_rating.gif) left center;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:30px;
	}
	.star-rating a.two-stars{
		left:30px;
	}
	.star-rating a.two-stars:hover{
		width: 60px;
	}
	.star-rating a.three-stars{
		left: 60px;
	}
	.star-rating a.three-stars:hover{
		width: 90px;
	}
	.star-rating a.four-stars{
		left: 90px;
	}
	.star-rating a.four-stars:hover{
		width: 120px;
	}
	.star-rating a.five-stars{
		left: 120px;
	}
	.star-rating a.five-stars:hover{
		width: 150px;
	}
	.star-rating li.current-rating{
		background: url(/images/star_rating.gif) left bottom;
		position: absolute;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
                top: 0;
                left: 0;
	}
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}

/*****************COMMENTS****************/

.comments {
    clear: both;
}

.com-form-left, .com-form-right {
    width: 300px;
    float: left;
    margin: 0;
    height: 60px;
}

.com-form-right {
    float: right;
}

.comment-form {
   margin: 30px 0 40px 0;
   float: left;
   width: 620px;
}
.comments, .comment {
    width: 620px;
    float: left;
}

.comment {
    border-bottom: 1px dotted #ccc;
    margin: 10px 0 20px 0;
    min-height: 80px
}

.c-left {
    width: 60px;
    margin-right: 20px;
    float: left;
}

.c-right {
    width: 540px;
    margin: 0;
    float: left;
}

.comments input.text {
    width: 294px;
}

.comments textarea.text-area {
    width: 610px;
}

.comments input.button {float: right; clear: both}

/*****************CARD PAGE****************/
#card {
    height: auto;
    padding-bottom: 40px;
}

.ordinary-block {
    clear: both;
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
}

.ordinary-left {
    float: left;
    width: 300px;
    margin-right: 20px;
    position: relative;
    min-height: 300px;
    height: auto;
}

.ordinary-left img {
    position: absolute;
    top: -50px;
    left: -20px;
}

.ordinary-left img.table {
    position: absolute;
    top: -100px;
}

.ordinary {
    float: left;
    width: 620px;
    margin-bottom: 50px;
}

#partial-links {margin-top: 50px; float: left; width: 620px;}

#partial-links span {
    font-size: 1.7em;
    float: left;
}

.cards-controll span{
    width: 300px;
    margin-right: 20px;
}


 p.normal {font-style:normal}
 p.bold {font-weight:bold}

.to-the-left, .to-the-right {
    float: left;
    clear: both;
    margin: 30px 0;
    height: 185px
}

#card .to-the-right {
    float: right;
}

#card .first {
    float: left;
    width: 220px;
    margin-right: 20px;
    position: relative;
}

#card .second {
    float: left;
    width: 380px;
}

#card .first img{
    position: absolute;
    top: 0;
    left: 0;
}

#card_form {margin-top: 30px; float: left;}

 input,  label, textarea {float: left; clear:both}

 input.radio {clear: none; margin-right: 5px;}

 label {
    font-size: 0.8em;
    color: #981414;
    margin: 5px 0 10px 10px;
    width: 290px;
}

#card_form label.star {
    width: 5px;
}

#card_form .bottom-input {
    margin-top: 22px;
    float: left;
}

#card_form .check-1, #card_form .check-2 {
    width: 150px;
    float: left;
    font-size: 0.8em;
}

ul.form li {list-style-type: none;}

ul.form li ul li {list-style-type: none; float: left; width: 300px; margin-right: 20px;}

div.form-ava {
    float:left;
    width: 139px;
    height: 139px;
    border: 1px solid #000;
    margin-right: 10px;
    background-image: url(/images/smile-neutral.jpg);
}

div.negative {background-image: url(/images/smile-negative.jpg)}

#room {
    height: auto;
    padding-bottom: 40px;
}

#room #partial-links span {
    color: #000000;
    float: left;
    margin-right: 80px;
    font-size: 1.5em;
}

#room #partial-links span.last {
    float: right;
}

#room span.week-day {
    color: #d0cfcf;
    font-size: 1.3em;
    margin: 0 0 10px;
    float: left;
}

#room-photos {
    margin-left: 320px;
    float: left;
}

#week-day {
    width: 140px;
    float: left;
    margin-right: 20px;
}

.scheme {
    width: 780px;
    float: left;
    position: relative;
}

.scheme img{
    border: none !important
}

.room-1 {
    background: url("/images/rooms/main-floor.png") no-repeat right top;
    height: 355px;
}

.room-2 {
    background: url("/images/rooms/rnb-floor.png") no-repeat right top;
    height: 401px;
}

.room-3 {
    background: url("/images/rooms/chill-floor.png") no-repeat 283px 0;
    height: 576px;
}

.room-1 .table-1 {
    position: absolute;
    top: 98px;
    left: 236px;
}

.room-1 .table-2 {
    position: absolute;
    top: 15px;
    left: 236px;
}

.room-1 .table-3 {
    position: absolute;
    top: 17px;
    left: 299px;
}

.room-1 .table-4 {
    position: absolute;
    top: 15px;
    right: 192px;
}

.room-1 .table-5 {
    position: absolute;
    top: 15px;
    right: 120px;
}

.room-1 .table-6 {
    position: absolute;
    top: 96px;
    right: 120px;
}

.room-1 .table-7 {
    position: absolute;
    top: 153px;
    right: 120px;
}

.room-1 .table-VIP-1 {
    position: absolute;
    top: 104px;
    right: 5px;
}

.room-1 .table-VIP-2 {
    position: absolute;
    top: 18px;
    right: 5px;
}

.room-3 .table-1 {
    position: absolute;
    top: 120px;
    right: 183px;
}

.room-3 .table-2 {
    position: absolute;
    top: 276px;
    right: 183px;
}

.room-3 .table-3 {
    position: absolute;
    top: 276px;
    right: 285px;
}

.room-3 .table-4 {
    position: absolute;
    top: 125px;
    right: 285px;
}

.room-3 .table-5 {
    position: absolute;
    top: 120px;
    left: 299px;
}

.room-3 .table-6 {
    position: absolute;
    top: 276px;
    left: 299px;
}

.room-2 .table-1 {
    position: absolute;
    top: 152px;
    left: 285px;
}

.room-2 .table-2 {
    position: absolute;
    top: 149px;
    left: 357px;
}

.room-2 .table-3 {
    position: absolute;
    top: 149px;
    right: 170px;
}

.room-2 .table-4 {
    position: absolute;
    top: 151px;
    right: 97px;
}

.room-2 .table-5 {
    position: absolute;
    top: 151px;
    right: 4px;
}

.room-2 .table-6 {
    position: absolute;
    top: 84px;
    right: 4px;
}

.room-2 .table-VIP-1 {
    position: absolute;
    top: 252px;
    left: 129px;
}

.room-2 .table-VIP-2 {
    position: absolute;
    top: 252px;
    left: 228px;
}

#week-day .date {font-size: 0.5em; color: #727272; margin-top: 2px; float: left}



#new_order label, #new_order input {float: left; clear: both}
#new_order label {margin: 5px 0 10px 0; color: #000}
#new_order input {margin-bottom: 10px}
#new_order input.text {width: 180px; margin: 0}
#new_order input.button {float: left;}

.order-card {
    width: 280px;
    height: auto;
    position: relative;
}

#new_order { float: left }



/*****************FORM FIELDS****************/

input.text {
    background: url(/images/comment-input.jpg) repeat-x #fff !important;
    border: 1px solid #ccc;
    height: 29px;
    font-size: 1.2em;
    padding-left: 4px;
}

input.button {
    border: none;
    height: 39px;
    width: 140px;
    background: url("/images/form-button.png");
    font-size: 0.9em;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

textarea.text-area {
    background: url(/images/comment-textarea.jpg) repeat-x #fff !important;
    border: 1px solid #ccc;
    height: 145px;
    padding: 4px;
}

/*****************ERRORS ON SAVE****************/

#errorExplanation {
    display: block;
    border: 1px solid #ff0000;
    padding: 10px;
    background-color: #ffcccc;
    margin-bottom: 40px;
}

#errorExplanation h2 {color: #ff0000}

#errorExplanation ul {
    list-style: inside;
    margin-left: 10px;
}

#errorExplanation ul li {color: #3f3f3f;}

.fieldWithErrors input {background: url("/images/comment-input-error.jpg") repeat-x #fff !important}
.fieldWithErrors input:focus {background: url("/images/comment-input.jpg") repeat-x #fff !important}

/********************Flickr stream gallery on main********************/

#flickr {margin: 20px auto 10px; height: 300px; width: 900px}

#flickr .flickr-item {
    width: 75px;
    height: 75px;
    overflow: hidden;
    float: left;
}

#flickr .flickr-item img {border: none}

#copyleft li img {border: none}

/********************DJS********************/

.ajax-links li{
    list-style-type: none;
    float: left;
    margin-right: 100px;
}

.drop-box {
    width: 100%;
    float: left;
    margin-top: 20px;
}

p.dj-styles {
    color: #000;
    font-size: 1.2em;
}


/********************!!!!!!END DJS********************/