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;}
#center {float: left; position: relative; width: 430px; margin-top: 20px; overflow: hidden;}
#right {float: left; position: relative; width: 200px; padding-top: 20px; padding-left: 30px;}
#footer {position: relative; clear: both; height: 130px;}


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

#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 0 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.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: #7a2777;}
#menu li.inColor7, #menu li.hdr.inColor7 a, #menu li.inColor7 a {color: #f2ad52;}
#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;}







/* 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; /*min-height: 80px;*/ margin: 0 0 15px;}
#center .list img {float: left; margin: 5px 10px 8px 0;}



/* partners */
#center .partners .item {float: left; width: 100px; height: 80px; margin-right: 20px; padding: 10px 0 0 0; text-align: center;}
#center .partners .item img {margin-bottom: 5px;}
#center .partners .item {}

/* 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: 3px;}

#center .photos .itemGroup {float: left; width: 70px; 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;}


/* 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;}
#center .roles li a:hover, #center .roles li a.hover {color: #00a6d3;}

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

/* 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: 180px; top: 0;}

#partners {position: absolute; left: 340px; top: 0;}
#partners .hdr {margin: 0 0 15px; white-space: nowrap;  font: bold 11px "Georgia"; text-transform: uppercase; color: #939598;}
#partners .item {float: left; margin-right: 30px;}

#legal {position: absolute; left: 180px; top: 90px; width: 400px; font-size: 12px; color: #777777;}
#inClouds {position: absolute; right: 0; top: 90px; 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;}