@font-face { font-family: SansRoundedC; src: url(/font/SansRoundedC.eot); }
@font-face { font-family: SansRoundedC; src: url(/font/SansRoundedC.ttf); }

* { padding: 0; margin: 0; }
img { border: 0; line-height: 0; }
*:focus { outline: none !important; }
html { font-family: Calibri, Arial, sans-serif; font-size: 100%; height: 100%;  min-height: 100%; min-width: 1065px; } 
body { font-size: 0.625em; text-align: left; min-height: 100%; min-width: 1065px; }
body.text { background: #4a6e8c; }

ul { list-style: none; }
a:hover { text-decoration: none; }

#cutter { overflow: hidden; position: relative; width: 100%; height: 1405px; }
#bg { position: absolute; top: 0; left: 50%; height: 6159px; width: 2500px; margin-left: -1250px; background: url(/i/bg-main.jpg) top center no-repeat; z-index: 1; }
#bg div.bg-block { display: none; }
#wrap { width: 1025px; margin: 0 auto; height: 6059px; }
body.text #wrap { height: auto; }
#header { height: 180px; position: absolute; top: 0; left: 50%; width: 1025px; margin-left: -512px; z-index: 3; }
div.footer { width: 468px; clear: both; margin: 0 auto; text-align: center; font: 14px Calibri; color: #fff; padding: 24px 0 20px; }
body.text div.footer { padding-top: 60px; }
div.sidebox { position: absolute; top: 0; left: 50%; height: 2500px; width: 2500px; margin-left: 1250px; background: url(/i/bg-sidebox-brown.png) top center no-repeat; z-index: 2; }
#overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; cursor: pointer; opacity: .8; filter: alpha(opacity=80); z-index: 3; }

#header strong a { display: block; float: left; width: 275px; height: 61px; background: url(/i/logo.png) 0 0 no-repeat; overflow: hidden; text-indent: -5000px; margin-top: 75px; }
#header ul { float: right; margin-top: 34px; }
#header ul li { float: left; position: relative; }
#header ul li a { text-decoration: none; color: #fff; font: normal 20px SansRoundedC; padding: 10px 15px; text-shadow: 0 -1px #486d03; }
#header ul li a:hover { color: #ff70c5; text-shadow: none; }
#header ul li.price.active a, #header ul li.gallery.active a, #header ul li.contact.active a { background: #cf63a3; padding: 10px 20px; margin: 0 -5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; cursor: default; text-shadow: none; }
#header ul li.gallery.active a { background: #62b43a; }
#header ul li.contact.active a { background: #4aa9c5; }
#header ul li.active a:hover { color: #fff; text-shadow: 0 -1px #486d03; }

#center-button { position: relative; float: right; height: 21px; width: 100px; color: #fff; font-size: 14px; padding: 5px 6px 6px 8px; margin-top: 35px; height: 21px; line-height: 13px; }
#center-button i.bg { position: absolute; top: 0; left: 0; background: #000; z-index: -1; width: 100%; height: 100%; opacity: .3; filter: alpha(opacity=30); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#center-button span { font-weight: bold; }
#center-button a { margin-left: 10px; color: #fff; font-weight: bold; text-decoration: none; display: inline-block; background: #7db014; padding: 1px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 20px; margin: 0px 0 0 10px; }

div.footer a { display: block; margin: 12px auto 0; width: 116px; height: 37px; background: url(/i/logo-sbubnom.png) 0 0 no-repeat; overflow: hidden; text-indent: -5000px; }
div.footer.blue a { background: url(/i/logo-sbubnom-blue.png) 0 0 no-repeat; }

div.slide { padding-top: 180px; }
div.slide1 { height: 1400px; }
div.slide2 { height: 1435px; }
div.slide3 { height: 1545px; }

#text1 { padding-left: 372px; width: 590px; height: 360px; }
#text1 h2 { color: #fff; font: normal 44px/1em SansRoundedC; text-transform: uppercase; margin: 0 0 21px -2px; }
#text1 p { color: #fff; font: 16px/1.3em Calibri; margin-bottom: 14px; }

#text2 { padding-left: 372px; width: 555px; height: 1048px; }
#text2 h2 { color: #fff; font: normal 72px/1em SansRoundedC; text-transform: uppercase; margin: 0 0 42px -3px; }
#text2 p { color: #fff; font: 16px/1.3em Calibri; margin-bottom: 14px; }

#text3 { padding-left: 5px; width: 420px; height: 746px; margin-top: -10px; }
#text3 h2 { color: #fff; font: normal 48px/1em SansRoundedC; text-transform: uppercase; margin: 0 0 38px -3px; }
#text3 p { color: #f8ddcc; font: 16px/1.3em Calibri; margin-bottom: 20px; }
#text3 a.more { display: block; color: #fff; font: normal 24px/26px SansRoundedC; text-align: center; height: 30px; padding-right: 40px; margin-top: 30px; background: url(/i/bg-ref-more-class.png) 319px 0 no-repeat; }

#text4 { width: 465px; height: 826px; float: left; position: relative; }
#text4 h2 { color: #fff; font: normal 48px/1em SansRoundedC; text-transform: uppercase; margin: 0 0 40px -3px; width: 500px; }
#text4 h3 { color: #b0fbf5; font: normal 30px/1em SansRoundedC; margin: 0 0 28px -2px; }
#text4 p { color: #fff; font: 16px/1.3em Calibri; margin-bottom: 20px; }

#news-box { min-height: 482px; width: 260px; padding-top: 40px; }
#news-box h3 { color: #fff; font: normal 36px/1em SansRoundedC; text-transform: uppercase; margin: 0 0 15px -2px; }
#news-box ul { margin-bottom: 15px; }
#news-box ul li { margin-bottom: 12px; }
#news-box ul li span.date { display: block; color: #fff; font: 14px/46px Calibri; height: 46px; background: url(/i/bg-news-box-date.png) 0 0 no-repeat; width: 79px; padding-left: 16px; margin: 0 0 -6px -16px; }
#news-box ul li p a { color: #fff; text-decoration: none; font: 14px/1.3em Calibri; }
#news-box ul li p a:hover { text-decoration: underline; }
#news-box a.all { color: #fff; font: 14px/1.3em Calibri; }

#holiday-box { height: 362px; padding-left: 158px; }
#holiday-box div { float: left; width: 380px; }
#holiday-box div:first-child { margin-right: 150px; width: 295px; }
#holiday-box div h3 { color: #fff; font: normal 30px/1.2em SansRoundedC; text-transform: uppercase; margin: 0 0 29px -1px; }
#holiday-box div:first-child h3 { margin-bottom: 15px; }
#holiday-box div ul { padding-left: 5px; margin-left: -18px; }
#holiday-box div:first-child ul { padding-left: 0; }
#holiday-box div ul li { margin-bottom: 14px; color: #f8ddcc; font: 14px/1.15em Calibri; padding-left: 18px; background: url(/i/marker-classes-list.png) 0 5px no-repeat; }
#holiday-box div:first-child ul li { color: #fff; }

#class-box { float: left; width: 500px; padding-left: 60px; }
#class-box a.ref { display: block; margin: 0 0 9px 290px; font: normal 20px/1em SansRoundedC; color: #e7f388; float: right; }
#class-box a.ref.pink { color: #fac8dc; }
#class-box a.ref.class { margin-top: 40px; color: #b0fbf5; padding-right: 30px; background: url(/i/bg-ref-more-class2.png) right 5px no-repeat; }
#class-box a.ref.section { margin-top: 5px; padding-right: 30px; background: url(/i/bg-ref-more-class2.png) right -32px no-repeat; }
#class-box div.ref-wrap { position: relative; }
#class-box div.ref-wrap span { display: none; position: absolute; width: 77px; height: 110px; background: url(/i/bg-file-box.png) 0 0 no-repeat; top: -28px; left: 137px; padding: 26px 38px 0 35px; }
#class-box div.ref-wrap span a { color: #44660e; font: normal 20px/1.15em SansRoundedC; margin: 0 13px 6px 0; display: block; float: left; }

#class-box h3 { float: left; font: normal 24px/1.15em SansRoundedC; color: #fff; text-transform: uppercase; margin-top: -32px; }
#class-box h3 span { color: #b0fbf5; }

#island-box { position: relative; height: 625px; margin-top: 200px; }
#island-box div.island { width: 646px; height: 342px; background: url(/i/bg-island.png) 0 0 no-repeat; position: absolute; bottom: -20px; right: -145px; padding: 228px 0 0 423px; }
#island-box div.island ul li { position: relative; float: left; width: 140px; text-align: center; }
#island-box div.island ul li.first { width: 150px; }
#island-box div.island ul li.second { width: 210px; }
#island-box div.island ul li a { color: #345902; text-decoration: none; font: normal 18px/1.15em SansRoundedC; background: url(/i/bg-class-cat-ref.png) 0 22px repeat-x; }
#island-box div.island ul li a:hover { background: 0; }
#island-box div.island ul li.active a { background: 0; }
#island-box div.island ul li span { display: block; font: normal 18px/1.15em SansRoundedC; color: #579305; margin-top: 5px; }
#island-box div.island ul li i { display: block; width: 66px; height: 70px; position: absolute; background: url(/i/bg-classes-steps.png) 0 0 no-repeat; }
#island-box div.island ul li.first i { top: -221px; left: 7px; }
#island-box div.island ul li.second i { top: -271px; left: 5px; background-position: -66px 0; }
#island-box div.island ul li.third i { top: -247px; left: -40px; background-position: -132px 0; }
#island-box div.island ul li.first.active i { top: -221px; left: 7px; background-position: 0 -70px; }
#island-box div.island ul li.second.active i { top: -271px; left: 5px; background-position: -66px -70px; }
#island-box div.island ul li.third.active i { top: -247px; left: -40px; background-position: -132px -70px; }
#island-box div.texts { height: 645px; position: absolute; top: 0; left: 0; }
#island-box div.texts div.text { position: absolute; top: 0; left: 0; overflow: hidden; opacity: 0; filter: alpha(opacity=0); padding: 0 20px 0 65px; width: 440px; height: 400px; }
#island-box div.texts div.text p { color: #fff; font: 16px/1.3em Calibri; margin-bottom: 20px; }
#island-box div.texts div.text ul { margin: -10px 0 20px; }
#island-box div.texts div.text ul li { color: #fff; font: 16px/1.1em Calibri; margin-bottom: 5px; }

#island-info-box { display: none; position: absolute; top: 51px; left: 0; }
#island-info-box h3 { color: #97c3e8; text-transform: uppercase; font: normal 30px/1.15em SansRoundedC; margin-bottom: 8px; }
#island-info-box a { color: #fff; font-size: 14px; }

#contact { display: none; position: absolute; top: 200px; left: 50%; margin-left: -407px; width: 370px; height: 520px; padding: 100px 205px 0 239px; color: #fff; background: url(/i/bg-contact.png) 0 0 no-repeat; z-index: 3; }
#contact h3 { font: normal 48px/1em SansRoundedC; margin: 0 0 -10px; text-align: center; }
#contact div h4 { font: normal 20px/1em SansRoundedC; margin: 20px 0 -15px; text-align: center; padding-top: 23px; background: url(/i/bg-contact-p.png) center top no-repeat; }
#contact div h4:first-child { background: 0; }
#contact div p { font: 18px/1.35em Calibri; margin-top: 24px; text-align: center; }
#contact div p a { color: #fff; text-decoration: none; }
#contact div p a.link, #contact div p a:hover { text-decoration: underline; }
#contact div p a.link:hover { text-decoration: none; }
#contact a.close { position: absolute; top: 26px; right: 165px; display: block; width: 33px; height: 33px; background: url(/i/btn-close.png) 0 0 no-repeat; overflow: hidden; text-indent: -5000px; }

#center-box { display: none; position: absolute; top: 100px; left: 50%; margin-left: -167px; width: 260px; height: 574px; padding: 76px 38px 0 34px; color: #fff; background: url(/i/bg-center-box.png) 0 0 no-repeat; z-index: 3; }
#center-box h3 { font: normal 36px/1em SansRoundedC; margin: 0 0 22px; text-align: center; }
#center-box p { font: 16px/1.25em Calibri; margin-bottom: 22px; text-align: center; }
#center-box p select { font: 16px Calibri; border: 1px solid #e3e9ef; border-top: 1px solid #abadb3; -webkit-appearance: menulist; box-sizing: border-box; -webkit-box-align: center; border-image: initial; white-space: pre; -webkit-rtl-ordering: logical; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#center-box p select option { border: 0; padding-left: 5px; }
#center-box p.btn { margin-top: 25px; }
#center-box p a { color: #fff; text-decoration: none; display: inline-block; font-size: 16px; background: #9c3935; padding: 2px 15px; height: 20px; line-height: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#center-box p a:hover { background: #82201d; }

#green-box { display: none; position: absolute; top: 180px; left: 50%; margin-left: -450px; width: 725px; height: 466px; padding: 90px 87px; background: url(/i/bg-green-box.png) 0 0 no-repeat; z-index: 3; }
#green-box h3 { color: #fff; font: normal 48px/1em SansRoundedC; margin-left: -3px; padding-bottom: 45px; }
#green-box div.header h4 { color: #fff; font: normal 28px/1em SansRoundedC; margin-left: -1px; padding-bottom: 30px; }
#green-box div.header a.back { display: block; color: #fff; font: 18px/1em SansRoundedC; margin-bottom: 24px; background: url(/i/bg-ref-back.png) 0 4px no-repeat; padding-left: 26px; }
#green-box div.header span.date { display: block; color: #fff; font: 16px/1em Calibri; margin: 0 0 4px -1px; }
#green-box div.scroll-pane { height: 150px; width: 685px; padding-right: 40px; overflow: hidden; }
#green-box div.scroll-pane p { color: #fff; font: 16px/1.3em Calibri; padding-bottom: 20px; }
#green-box div.scroll-pane ul { margin: -10px 0 20px; }
#green-box div.scroll-pane ul.news { margin-top: 0; }
#green-box div.scroll-pane ul li { color: #fff; font: 16px/1.1em Calibri; margin-bottom: 5px; }
#green-box div.scroll-pane ul.gallery, #text div.scroll-pane ul.gallery { margin: 0; }
#green-box ul.gallery li, #text ul.gallery li { height: 200px; width: 222px; float: left; }
#green-box ul.gallery.fancy li, #text ul.gallery.fancy li { height: 175px; }
#green-box ul.gallery li a.pic, #text ul.gallery li a.pic { border: 5px solid #b1da9d; display: block; float: left; line-height: .1em; margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#green-box ul.gallery li a.text, #text ul.gallery li a.text { display: block; clear: both; color: #fff; font: 14px/1.3em Calibri; text-align: center; width: 190px; }
#green-box ul.text li { margin-bottom: 15px; }
#green-box ul.text li span.date { display: block; color: #fff; font: 13px/1.3em Calibri; }
#green-box ul.text li a { display: block; color: #fff; font: 14px/1.3em Calibri; }
#green-box a.close { position: absolute; top: -8px; right: 5px; display: block; width: 33px; height: 33px; background: url(/i/btn-close.png) 0 0 no-repeat; overflow: hidden; text-indent: -5000px; }

#pink-box { display: none; position: absolute; top: 180px; left: 50%; margin-left: -450px; width: 725px; height: 466px; padding: 90px 87px; background: url(/i/bg-pink-box.png) 0 0 no-repeat; z-index: 3; }
#pink-box h3 { color: #a55584; font: normal 48px/1em SansRoundedC; margin-left: -3px; padding-bottom: 25px; }
#pink-box h3 span { display: none; float: right; font: 14px Calibri; }
#pink-box h3 span select { font: 14px Calibri; margin-top: 2px; border: 1px solid #e3e9ef; border-top: 1px solid #abadb3; -webkit-appearance: menulist; box-sizing: border-box; -webkit-box-align: center; border-image: initial; white-space: pre; -webkit-rtl-ordering: logical; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#pink-box h3 span select option { border: 0; padding-left: 5px; }
#pink-box a.close { position: absolute; top: -8px; right: 5px; display: block; width: 33px; height: 33px; background: url(/i/btn-close.png) 0 0 no-repeat; overflow: hidden; text-indent: -5000px; }

#pink-box div.thead { height: 34px; border-bottom: 1px solid #a55584; width: 673px; }
#pink-box div.thead div { float: left; font-size: 12px; color: #a55584; width: 110px; line-height: 1.2em; }
#pink-box div.thead div.name { width: 223px; line-height: 32px; }
#pink-box div.thead div.age { width: 200px; }
#pink-box div.thead div.age2 { width: 140px; }
#pink-box div.row { width: 673px; overflow: auto; background: url(/i/border-price-li.png) left bottom repeat-x; }
#pink-box div.row div { float: left; color: #a55584; width: 90px; padding: 15px 0; font: 16px/20px Calibri; padding-right: 10px; }
#pink-box div.row div.name { width: 203px; font: 16px/20px SansRoundedC; padding-right: 20px; }
#pink-box div.row div.age { width: 190px; padding-right: 10px; }
#pink-box div.row div.age2 { width: 140px; }

div.sidebox div.wrap { width: 1030px; margin: 0 auto; padding-top: 223px; }
div.sidebox div.wrap h2 { color: #fff; font: normal 48px/1.2em SansRoundedC; text-transform: uppercase; margin: 0 0 39px -2px; }
div.sidebox div.wrap h2 a { color: #fff; font: 18px/1em SansRoundedC; background: url(/i/bg-ref-back.png) 0 4px no-repeat; padding-left: 26px; float: right; margin-top: 27px; }

div#sidebox-blue.sidebox, div#sidebox-blue2.sidebox { background: url(/i/bg-sidebox-blue.png) top center no-repeat; }
div.sidebar-list { margin-bottom: 100px; }
div.sidebar-list div.btns { height: 95px; position: relative; z-index: 1; padding-left: 90px; }
div.sidebar-list div.btns a { color: #ba6e42; font: normal 36px/92px SansRoundedC; text-align: center; display: block; float: left; width: 223px; margin: 0 -5px; height: 98px; }
#sidebox-blue div.sidebar-list div.btns a, #sidebox-blue2 div.sidebar-list div.btns a { color: #fff; height: 93px; }
div.sidebar-list div.btns a.active { color: #fff; text-decoration: none; background: url(/i/btn-sidebox-types-active.png) 0 0 no-repeat; }
#sidebox-blue div.sidebar-list div.btns a.active, #sidebox-blue2 div.sidebar-list div.btns a.active { color: #133551; background: url(/i/btn-sidebox-types-active-blue.png) 0 0 no-repeat; }

div.sidebar-list div.bars { position: relative; z-index: 2; height: 726px; margin-top: 12px; }
div.sidebar-list div.bars div.block { display: none; position: absolute; top: 5px; left: 60px; width: 915px; height: 630px; }
div.sidebar-list div.bars div.block div.row { float: left; background: url(/i/border-sidebar-item.png) left bottom repeat-x; width: 910px; }
div.sidebar-list div.bars div.block div.row div.item { position: relative; padding: 35px 0 35px 170px; height: 163px; width: 265px; float: left; }
div.sidebar-list div.bars div.block div.row div.item.empty { padding-left: 0; }
div.sidebar-list div.bars div.block div.row div.item div { position: absolute; top: 41px; left: 0; width: 150px; height: 150px; }
div.sidebar-list div.bars div.block div.row div.item:first-child { padding-right: 40px; }
div.sidebar-list div.bars div.block div.row div.item div i { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(/i/mask-sidebox-pic.png) 0 0 no-repeat; }
#sidebox-blue div.sidebar-list div.bars div.block div.row div.item div i, #sidebox-blue2 div.sidebar-list div.bars div.block div.row div.item div i { background: url(/i/mask-sidebox-pic-blue.png) 0 0 no-repeat; }
div.sidebar-list div.bars div.block div.row div.item h3 { font: normal 18px SansRoundedC; text-transform: uppercase; margin-bottom: 14px; }
div.sidebar-list div.bars div.block div.row div.item h3 a { color: #fff; }
div.sidebar-list div.bars div.block div.row div.item p { color: #fff; font: normal 14px/1.2em Calibri; }
#sidebox-blue div.sidebar-list div.bars div.block div.row div.item h3 a, #sidebox-blue2 div.sidebar-list div.bars div.block div.row div.item h3 a { color: #133551; }
#sidebox-blue div.sidebar-list div.bars div.block div.row div.item p, #sidebox-blue2 div.sidebar-list div.bars div.block div.row div.item p { color: #133551; font: normal 14px/1.2em Calibri; }

#brown-box div.header h4, #blue-box div.header h4, #blue-box2 div.header h4 { color: #fff; font: normal 28px/1em SansRoundedC; margin-left: -1px; padding: 50px 0 30px; }
#brown-box div.scroll-pane, #blue-box div.scroll-pane, #blue-box2 div.scroll-pane { height: 150px; width: 825px; padding-right: 40px; overflow: hidden; }
#brown-box div.scroll-pane p, #blue-box div.scroll-pane p, #blue-box2 div.scroll-pane p { color: #fff; font: 16px/1.3em Calibri; padding-bottom: 20px; }

#blue-box div.header h4, #blue-box2 div.header h4 { color: #133551; }
#blue-box div.scroll-pane p, #blue-box2 div.scroll-pane p { color: #133551; }

#extra-ant { position: absolute; top: 477px; width: 658px; height: 721px; left: 50%; margin-left: 93px; overflow: hidden; }
#extra-ant i.ant { position: absolute; top: 670px; left: 350px; display: block; width: 635px; height: 670px; background: url(/i/img-ant.png) 0 0 no-repeat; }
#extra-ant i.ant-fingers { position: absolute; bottom: 0; right: 0; display: block; width: 419px; height: 237px; background: url(/i/bg-ants-fingers.png) 0 0 no-repeat; }

#extra-apple { position: absolute; top: 1450px; width: 361px; height: 1029px; left: 50%; margin-left: 388px; overflow: hidden; }
#extra-apple i { position: absolute; top: -929px; left: 0; display: block; width: 361px; height: 929px; background: url(/i/img-apple.png) 0 0 no-repeat; }

#extra-baloon-1 { position: absolute; top: 3315px; left: 50%; margin-left: 120px; }
#extra-baloon-2 { position: absolute; top: 3285px; left: 50%; margin-left: 340px; }
#extra-baloon-3 { position: absolute; top: 3170px; left: 50%; margin-left: 640px; }

#extra-glowworm-1 { position: absolute; top: 5112px; left: 50%; margin-left: -650px; }
#extra-glowworm-2 { position: absolute; top: 5273px; left: 50%; margin-left: 610px; }

#text { padding-top: 200px; min-height: 530px; }
#text h3 { color: #fff; font: normal 48px/1em SansRoundedC; margin-left: -3px; padding-bottom: 45px; }
#text h4 { color: #fff; font: normal 28px/1em SansRoundedC; margin-left: -1px; padding-bottom: 30px; }
#text a.back { display: block; color: #fff; font: 18px/1em SansRoundedC; margin-bottom: 24px; background: url(/i/bg-ref-back.png) 0 4px no-repeat; padding-left: 26px; }
#text span.date { display: block; color: #fff; font: 16px/1em Calibri; margin: 0 0 4px -1px; }
#text p { color: #fff; font: 16px/1.3em Calibri; padding-bottom: 20px; }
#text p a { color: #fff; }
#text ul { margin: -10px 0 20px; }
#text ul li { color: #fff; font: 16px/1.1em Calibri; margin-bottom: 5px; }

#text div.thead { height: 34px; border-bottom: 1px solid #fff; width: 673px; }
#text div.thead div { float: left; font-size: 12px; color: #fff; width: 110px; line-height: 1.2em; }
#text div.thead div.name { width: 223px; line-height: 32px; }
#text div.thead div.age { width: 200px; }
#text div.thead div.age2 { width: 140px; }
#text div.row { width: 673px; overflow: auto; border-bottom: 1px dashed #fff; }
#text div.row div { float: left; color: #fff; width: 90px; padding: 15px 0; font: 16px/20px Calibri; padding-right: 10px; }
#text div.row div.name { width: 203px; font: 16px/20px SansRoundedC; padding-right: 20px; }
#text div.row div.age { width: 190px; padding-right: 10px; }
#text div.row div.age2 { width: 140px; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 */
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 14px; height: 100%; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 14px; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: url(/i/bg-jspTrack-green.png) 6px 0 repeat-y; position: relative; }
#pink-box .jspTrack { background: url(/i/bg-jspTrack-pink.png) 6px 0 repeat-y; }
#brown-box .jspTrack { background: url(/i/bg-jspTrack-brown.png) 6px 0 repeat-y; }
#island-box div.texts div.text .jspTrack, #blue-box .jspTrack, #blue-box2 .jspTrack { background: url(/i/bg-jspTrack-blue.png) 6px 0 repeat-y; }
.jspDrag { background: #c4fda9; position: relative; top: 0; left: 0; cursor: pointer; }
#pink-box .jspDrag { background: #e88bc2; }
#brown-box .jspDrag { background: #ffc5a4; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }