body {margin: 0; padding: 0; text-align: center; font: 13px "Arial"; color: black; background: white;}

#bkfigures {position: fixed; left: 0; bottom: 0; width: 50%; min-width: 500px; height: 675px; min-height: 675px; overflow: hidden;}

img {border: none;}
ul, li {margin: 0; padding: 0; list-style: none;}
.clear {clear: both; margin: 0; padding: 0; width: 1px; height: 1px; overflow: hidden;}
p {margin: 0; padding: 0;}
a {text-decoration: none; color: #00a6d3;}

#site {position: relative; width: 1002px; margin: 0 auto; _margin: 0; text-align: left;  font: 13px "Arial"; border: none; border-collapse: collapse;}
#site {padding: 0; text-align: left; vertical-align: top;}

#forHeader {height: 150px;}
#forContent {h1eight: 300px;}
#forFooter {height: 130px;}

#header {position: relative; height: 150px;}
#content {position: relative;}
#left {float: left; position: relative; width: 160px; padding-left: 150px; padding-right: 30px; z-index: 100;}
#center {z-index: 10; float: left; position: relative; width: 430px; margin-top: 20px; overflow: hidden;}
#center.vid {float: left; position: relative; width: 630px; margin-top: 20px; overflow: hidden;}
#right {z-index: 5; float: left; position: relative; width: 200px; padding-top: 20px; padding-left: 30px;}
#footer {position: relative; clear: both; height: 150px; margin-top: 20px;}


/* HEADER */
#logo {position: absolute; left: 0; top: 15px; z-index: 100;}
#logo img {width: 400px;}

#birdStarter {display: none; position: absolute; left: 500px; top: 65px; width: 200px; height: 80px; overflow: hidden; z-index: 100;}
#birdStarter * {vertical-align: top;}


#tickets {position: absolute; z-index: 120; left: 800px; top: 60px;}
#tickets img {margin-bottom: 5px;}
#baloon {position: absolute; z-index: 100; left: 800px; top: 0; width: 200px; height: 100px; background: url(../images/baloon.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/baloon.png");}


/* LEFT */
#menu {margin: -4px 0 40px 2px;}
#menu li {margin: 0; padding: 0 0 8px 25px; font: normal 12px "Georgia"; text-transform: uppercase;}
#menu li a {color: #838383;}

#menu li.sub {margin: -5px 0 0 0; padding: 0 0 8px 35px; font: normal 14px "Georgia"; text-transform: none;}

#menu li.hdr {position: relative; width: 150px; height: 20px; margin: 10px 0 5px; padding: 15px 0 0 25px; font: bold 14px "Georgia";}

#menu li.hdr.triple {height: 30px; margin: 10px 0 25px; padding-top: 0;}
#menu li.hdr img {position: absolute; right: 160px; top: 0;}
#menu li.hdr a {color: #838383;}
#menu li.inColor0, #menu li.hdr.inColor0 a, #menu li.inColor0 a {color: #ef4036;}
#menu li.inColor1, #menu li.hdr.inColor1 a, #menu li.inColor1 a {color: #e69537;}
#menu li.inColor2, #menu li.hdr.inColor2 a, #menu li.inColor2 a {color: #3d7ab9;}
#menu li.inColor3, #menu li.hdr.inColor3 a, #menu li.inColor3 a {color: #64bbc4;}
#menu li.inColor4, #menu li.hdr.inColor4 a, #menu li.inColor4 a {color: #d9d744;}
#menu li.inColor5, #menu li.hdr.inColor5 a, #menu li.inColor5 a {color: #52a39d;}

#menu li.inColor5, #menu li.hdr.inColor5 a, #menu li.inColor5 a {color: #7a2777;}
#menu li.inColor6, #menu li.hdr.inColor6 a, #menu li.inColor6 a {color: #262262;}
#menu li.inColor7, #menu li.hdr.inColor7 a, #menu li.inColor7 a {color: #ee2b7b;}
#menu li.inColor8, #menu li.hdr.inColor8 a, #menu li.inColor8 a {color: #252b5f;}
#menu li.inColor9, #menu li.hdr.inColor9 a, #menu li.inColor9 a {color: #252b5f;}
#menu li.inColor10, #menu li.hdr.inColor10 a, #menu li.inColor10 a {color: #252b5f;}
#menu li.inColor11, #menu li.hdr.inColor11 a, #menu li.inColor11 a {color: #252b5f;}
#menu li.inColor12, #menu li.hdr.inColor12 a, #menu li.inColor12 a {color: #252b5f;}

#ads {margin: 0 0 20px;}
#ads p {margin: 0 0 10px; text-align: center;}
#ads p.header {margin: 0 0 5px; text-align: left; font: 11px "Arial"; color: #777;}



/* CENTER */
#cnt {position: absolute; width: 360px;}
/* common */
#center h1 {margin: 0 0 5px; text-align: left; font: 18px "Georgia"; text-transform: uppercase; color: #939598;}
#center h2 {margin: 0 0 3px; text-align: left; font: 17px "Georgia"; color: #939598;}
#center h3 {margin: 0 0 5px; text-align: left; font: 16px "Georgia"; color: #939598;}
#center h4 {margin: 0 0 5px; text-align: left; font: 16px "Georgia"; color: #939598;}
#center h5 {margin: 0 0 5px; text-align: left; font: 16px "Georgia"; color: #939598;}
#center h6 {margin: 10px 0 3px; text-align: left; font: bold 100% "Arial"; color: black;}

#center li {margin: 0 0 14px; padding: 0;}

#center p {margin: 0 0 15px;}
#center .date {margin: 0; color: #838383;}


#left2 .text {}
#left2 .text table {width: 100%; font-size: 12px;}



/* text */
#center .text {text-align: justify;}
#center .text img {float: left; margin: 0 10px 5px 0;}

#center .text .image img {float: left; margin: 12px 10px 5px 0;}

/* list */
#center .list {}
#center .list .item {clear: both !important; min-height: 80px; margin: 0 0 15px;}
#center .list .item.photo {min-height: 80px;}
#center .list img {float: left; margin: 5px 10px 8px 0;}

#center .list .itemSmi {clear: both !important; margin: 0 0 20px;}

#center .list .item .moreReview {margin: -3px 0 0; font: 14px "Georgia"; color: #888888;}

/* partners */
#center .partners .item {float: left; width: 120px; height: 100px; margin-right: 20px; padding: 5px 0 0 0; text-align: center; color: #81b829;}
#center .partners .item img {margin-bottom: 0; vertical-align: middle;}
#center .partners .item .img {margin-bottom: 5px;}
#center .partners .item span {display: block; height: 70px; line-height: 70px;}

/* actions */
#center .actions .item {margin: 0 0 20px; padding: 5px 0 0 0; text-align: left; color: #81b829;}
#center .actions .item img {display: block; margin: 0 0 10px; vertical-align: middle;}


/* photos */
#center .photos {width: 400px;}
#center .photos .item {float: left; width: 70px; height: 70px; margin: 0 20px 0 0; padding: 10px 0 0 0; text-align: left; font-size: 11px;}
#center .photos .item img {margin-bottom: 2px !important;}

#center .photos .itemGroup {float: left; width: 80px; height: 110px; margin: 0 20px 0 0; padding: 10px 0 0 0; text-align: left; font-size: 11px;}
#center .photos .itemGroup img {margin-bottom: 3px;}


#center .photos.news .item {margin: 0 10px 0 0;}

/* afisha */
#center .afisha {}
#center .afisha th {padding: 2px 5px; vertical-align: middle; /* background: #d1b5d5; */ color: white; background: #7a2777; border: 1px solid white;}
#center .afisha td {padding: 5px;}
#center .afisha p {margin: 0; padding: 0;}


/* center - cast */
p#figurer {position: relative; height: 70px; margin: 0 0 10px;}
#figure1 {position: absolute; left: 0px; top: 0;}
#figure2 {position: absolute; left: 55px; top: 0;}
#figure3 {position: absolute; left: 100px; top: 0;}
#figure4 {position: absolute; left: 55px; top: 25px;}
#figure5 {position: absolute; left: 125px; top: 0;}
#figure6 {position: absolute; left: 150px; top: 0;}
#figure7 {position: absolute; left: 165px; top: 0;}
#figure8 {position: absolute; left: 200px; top: 0;}
#figure9 {position: absolute; left: 225px; top: 0;}
#figure10 {position: absolute; left: 250px; top: 0;}
#figure11 {position: absolute; left: 280px; top: 0;}
#figure12 {position: absolute; left: 305px; top: 0;}
#figure13 {position: absolute; left: 325px; top: 0;}
#figure14 {position: absolute; left: 25px; top: 0;}
#figure15 {position: absolute; left: 350px; top: 4px;}
#figure16 {position: absolute; left: 380px; top: 0;}

#center .roles {float: left; width: 150px; padding-right: 10px;}
#center .roles li {margin: 0 0 5px; font: bold 11px "Georgia"; text-transform: uppercase;}
#center .roles li a {color: #838383 !important;}
#center .roles li a:hover, #center .roles li a.hover {color: #00a6d3 !important;}

#center .roles li a#bear:hover, #center .roles li a#bear.hover {color: #d91c5c !important;}
#center .roles li a#princess:hover, #center .roles li a#princess.hover {color: #f7931e !important;}
#center .roles li a#magician:hover, #center .roles li a#magician.hover {color: #662d91 !important;}
#center .roles li a#hostess:hover, #center .roles li a#hostess.hover {color: #aedfe4 !important;}
#center .roles li a#king:hover, #center .roles li a#king.hover {color: #00aeef !important;}
#center .roles li a#minister:hover, #center .roles li a#minister.hover {color: #fff200 !important;}
#center .roles li a#administrator:hover, #center .roles li a#administrator.hover {color: #58b6dd !important;}
#center .roles li a#innkeeper:hover, #center .roles li a#innkeeper.hover {color: #00a79d !important;}
#center .roles li a#emilia:hover, #center .roles li a#emilia.hover {color: #ef4136 !important;}
#center .roles li a#hunter:hover, #center .roles li a#hunter.hover {color: #006738 !important;}
#center .roles li a#pupil:hover, #center .roles li a#pupil.hover {color: #d7df23 !important;}
#center .roles li a#amanda:hover, #center .roles li a#amanda.hover {color: #262261 !important;}
#center .roles li a#orintia:hover, #center .roles li a#orintia.hover {color: #ee2b7b !important;}
#center .roles li a#executioner:hover, #center .roles li a#executioner.hover {color: #be1e2d !important;}
#center .roles li a#courtier:hover, #center .roles li a#courtier.hover {color: #00aeef !important;}
#center .roles li a#lady:hover, #center .roles li a#lady.hover {color: #fcba63 !important;}

#center .audio {margin: 0 0 25px -10px;}
#center .audioText {margin: -3px 0 5px; font-style: italic; color: #b3b5b8;}

#center .itemVideo {float: left; width: 120px; height: 130px; margin-right: 20px; font-size: 11px;}

#pages {}
#pages small {display: block; margin: 0 0 10px;}
#pages a {margin: 0 10px 0 0; padding: 2px 4px;}
#pages span {margin: 0 10px 0 0; padding: 2px 4px; background: #efefef;}

/* RIGHT */
#scroller {position: absolute; left: -10px; top: 20px; height: 300px; width: 18px;}
#scrollUp {position: absolute; left: 0px; top: 0; width: 18px; height: 18px; background: url(../images/scroll-up.gif) no-repeat 1px 0; cursor: hand; cursor: pointer;}
#scrollDown {position: absolute; left: 0px; bottom: 0; width: 18px; height: 18px; background: url(../images/scroll-down.gif) no-repeat 1px 2px; cursor: hand; cursor: pointer;}
#scrollDrag {position: absolute; left: 3px; top: 18px; width: 12px; height: 12px; background: url(../images/scroll-drag.gif) no-repeat; cursor: hand; cursor: pointer;}


#right .reviews {}
#right .reviews {}
#right .reviews {}
#right .reviews .hdr {margin: 0 0 5px; font: bold 11px "Georgia"; text-transform: uppercase; color: #939598;}
#right .reviews .item {clear: both; margin: 0 0 10px;}
#right .reviews .item .hdr {margin: 0 0 5px;}
#right .reviews .item p.img {float: left; margin: 0 10px 10px 0;}
#right .reviews .item p {margin: 0;}
#right .reviews .item p.more {margin: 5px 0 0; font-size: 11px;}


#social .hdr {margin: 0 0 5px; font: bold 11px "Georgia"; text-transform: uppercase; color: #939598;}
#social img {margin-right: 13px; margin-bottom: 12px; vertical-align: middle;}
#social {}
#social {}
#social {}

/* FOOTER */
#banner {position: absolute; left: 178px; top: 0; display: none;}

#partners {position: absolute; left: 150px; top: 0; width: 620px; height: 80px; overflow: hidden; z-index: 100;}
#partners .hdr {margin: 0 0 15px; white-space: nowrap;  font: bold 11px "Georgia"; text-transform: uppercase; color: #939598;}
#partners .item {margin-right: 45px;}
#partners img {vertical-align: middle;}

#actions {position: absolute; left: 800px; top: 0; width: 200px; height: 100px; overflow: hidden; z-index: 100;}

#legal {position: absolute; left: 178px; top: 120px; width: 400px; font-size: 12px; color: #777777;}
#inClouds {position: absolute; right: 0; top: 120px; font-size: 12px; color: #777777;}
#inClouds img {margin-right: 5px; vertical-align: middle;}

/* POPUP */
.underPop {position: absolute; z-index: 1000 !important; left: 0; top: 0; min-height: 635px; background: white; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
#photoPop {position: absolute; z-index: 1010 !important;}
#photoTxt {margin: 10px 0; text-align: left !important; color: #555555;}


#left2 {float: left; position: relative; width: 170px; padding-left: 0; padding-right: 10px; overflow: hidden;}
#center2 {float: left; position: relative; width: 800px; margin-top: 20px; overflow: hidden;}



#buterfly {position: absolute; left: 0; top: 0; display: block; z-index: 10000; overflow: hidden; width: 1px; height: 150px; text-align: left;}
#buterfly iframe {position: absolute; left: 0; top: 0; overflow: hidden; background-color: transparent;}
#bird {position: absolute; left: 0; top: 0; display: block; z-index: 10000; overflow: hidden; width: 1px; height: 350px; text-align: left;}
#bird iframe {position: absolute; left: 0; top: 0; overflow: hidden; background-color: transparent;}

/* ticket orders */
#content table.tickets {clear: both; width: 100%; margin-bottom: 20px; border: none; border-collapse: collapse;}
#content table.tickets th {padding: 2px 5px; vertical-align: middle; /* background: #d1b5d5; */ color: white; background: #b13576; border: 1px solid white;}
#content table.tickets td {padding: 5px; border-bottom: 1px solid white;}

#content table.tickets th {}
#content table.tickets td {text-align: left !important;}
#content table.tickets .center {text-align: center;}
#content table.tickets .dark td {background: #efefef;}
#content table.tickets .bought td {font-weight: bold; color: red; b1ackground: #ccffcc;}


#content form.tickets {margin: 30px 0 0;}
#content form.tickets p {margin: 0 0 10px;}
#content form.tickets .txt {display: block; width: 422px; margin: 2px 0 0;}
#content form.tickets .txtSmall2 {display: block; width: 100px; margin: 2px 0 0;}
#content form.tickets .txtSmall3 {display: block; width: 100px; margin: 2px 0 0;}
#content form.tickets textarea {display: block; width: 422px; height: 50px; margin: 2px 0 0;}
#content form.tickets .radio {margin: 0 5px 0 0; vertical-align: middle;}
#content form.tickets table.cols {border: none; border-collapse: collapse;}
#content form.tickets table.cols td {padding-right: 10px;}
#content form.tickets .btn {float: right; width: 120px; height: 27px; margin: 10px 0 0; font: 14px "Georgia"; color: white; background: url(../images/btn-mid.gif) no-repeat; border: none;}
#content form.tickets .must {margin: 25px 0 0;}

#content .cart {float: right; margin: 0 0 15px 10px; text-align: left !important; font-size: 11px; color: #555555;}
#content .cart {}
#content .cart {}

#content .stage {margin: 10px 0; text-align: left !important; font-size: 14px; }
#content .stage big {font: 18px "Georgia";}
#content .grey {font-size: 12px; color: #999999;}
#content .red {line-height: 28px; color: #ff0000;}

#content .orderData {line-height: 20px; font-size: 13px;}

#content form.tickets .delType {margin: -10px 0 20px;}
#content form.tickets .delType p {margin: 0 0 10px; color: #555555;}

#content .right {float: right;}

/* GUESTBOOK */
#content .guestbook {}
#content .guestbook .itemGuest {}
#content .guestbook .date {font-size: 11px; color: #acacac;}
#content .guestbook .name a {text-decoration: none; color: #939598 !important;}
#content .guestbook .text {margin: 0;}
#content .guestbook .text a {font-size: 12px; color: #00a6d3 !important;}
#content .guestbook .answer {margin-top: 4px; font-style: italic; font-size: 14px; color: #777777;}
#content .guestbook .small {display: block;}
#content .guestbook .full {display: none;}
#content .guestbook .opened .small {display: none;}
#content .guestbook .opened .full {display: block;}
#content .guestbook a.more {font-size: 13px; color: #0096b3 !important;}

#content .navigate {}
#content .navigate span {background: #cdcdcd;}
#content .navigate span a {}


#right .guestbook {margin: 0 0 30px;}
#right .guestbook .hdr {margin: 0 0 5px; font: bold 11px "Georgia"; text-transform: uppercase; color: #939598;}
#right .guestbook .txt {display: block; width: 200px; border: 1px solid #ababab;}
#right .guestbook img {display: inline; margin-top: 2px; vertical-align: middle; border: 1px solid #cdcdcd;}
#right .guestbook .smallTxt {width: 90px; vertical-align: middle; border: 1px solid #ababab;}
#right .guestbook textarea {display: block; width: 200px; height: 50px; border: 1px solid #ababab;}
#right .guestbook p {margin: 0 0 15px;}
#right .guestbook .ch {margin: 0 5px 2px 0; vertical-align: middle;}
#right .guestbook .btn {width: 120px; height: 27px; margin: 0; font: 14px "Georgia"; color: white; background: url(../images/btn-mid-book.gif) no-repeat; border: none;}
#right .guestbook .infoRed {font-size: 11px; color: red;}
#right .guestbook .infoGreen {font-size: 11px; color: green;}

/* INDEX */
#indexPhotos {position: relative; height: 70px; margin: 0 0 20px;}
#indexPhotosClip {position: absolute; left: 0; top: 0; width: 100%; height: 74px; overflow: hidden;}
#indexPhotosCnt {position: absolute; left: 2px; top: 0; white-space: nowrap;}
#indexPhotosCnt img {margin-top: 2px; margin-right: 19px; vertical-align: top;}

#indexPhotosCnt img.sel {margin: 0 17px 0 -2px; border: 2px solid #999999;}

#indexBtnLeft {display: none; position: absolute; left: -15px; top: 30px;}
#indexBtnRight {position: absolute; right: -15px; top: 30px;}

#center .indexBigPhoto {width: 430px; height: 300px; overflow: hidden; text-align: center;}

#center .newsColor0 {color: #ef4036;}
#center .newsColor1 {color: #f7931e;}
#center .newsColor2 {color: #1b75bc;}
#center .newsColor3 {color: #54abb4;}
#center .newsColor4 {color: #81b829;}
#center .newsColor5 {color: #7a2777;}
#center .newsColor6 {color: #262262;}
#center .newsColor7 {color: #ee2b7b;}

/* actors */
#center .cast {width: 100%; border: none; border-collapse: collapse;}
#center .cast td {padding-right: 10px; padding-bottom: 10px; text-align: center !important; vertical-align: top; font-size: 11px;}
#center .cast h2 {text-align: center; font: 12px "Arial";}
#center .cast img {float: none;}

/* ringtones */
#center .ringtones {width: 100%; margin: -4px 0 20px; border: none; border-collapse: collapse;}
#center .ringtones td {text-align: left; vertical-align: middle;}
#center .ringtones td embed {margin-bottom: 0 !important;}
#center .ringtones td.download {width: 50px; padding-bottom: 0; text-align: center;}
#center .ringtones td.download.m4r img {margin-top: -6px;}

/* news List */
#right .mailList {width: 200px; margin: 0 0 15px -10px; padding: 10px 10px 5px; font-size: 11px; background: #efefef;}
#right .mailList .hdr {margin: 0 0 5px; font: bold 11px "Georgia"; text-transform: uppercase; color: #939598;}
#right .mailList .txt {display: block; width: 190px; margin: 2px 0;}
#right .mailList label {margin-right: 15px;}
#right .mailList p {margin: 0 0 5px;}
#right .mailList .green {font-size: 11px; color: green;}


/* likebox */
.likebox {position: relative; height: 16px; margin: 10px 0; padding-top: 2px;}

/* wallpaper */
#center .wallpaper {margin-top: 20px; margin-right: -20px;}
#center .wallpaper .wpItem {float: left; width: 120px; height: 110px; margin: 0 20px 0 0; text-align: center; font-size: 11px;}
#center .wallpaper .wpItem img {}