#myFlashContent {
    visibility: visible!important;
    width: 100%;
    height: auto
}
.ui-dialog-content li {
    margin-bottom: 5px
}
.sectionHeaderStory {
    background: url(../images/sectionHeaders/Section-headers-stories.png) no-repeat;
    height: 50px;
    background-position: 50% 0;
    background-size: 100% auto
}
.sectionHeaderPlay {
    background: url(../images/sectionHeaders/Section-headers-play.png) no-repeat;
    height: 50px;
    background-position: 50% 0;
    background-size: 100% auto
}
.sectionHeaderMake {
    background: url(../images/sectionHeaders/Section-headers-make.png) no-repeat;
    height: 50px;
    background-position: 50% 0;
    background-size: 100% auto
}
.sectionHeaderFacts {
    background: url(../images/sectionHeaders/Section-headers-facts.png) no-repeat;
    height: 50px;
    background-position: 50% 0;
    background-size: 100% auto
}
.sectionHeaderAdults {
    background: url(../images/sectionHeaders/Section-headers-adults.png) no-repeat;
    height: 50px;
    background-position: 50% 0;
    background-size: 100% auto
}
.subMenu {
    position: absolute;
    top: 84px;
    z-index: 1001!important;
    width: 100%;
    background-color: #838c75;
    -webkit-box-shadow: 0 3px 5px rgba(50, 50, 50, .75);
    -moz-box-shadow: 0 3px 5px rgba(50, 50, 50, .75);
    box-shadow: 0 3px 5px rgba(50, 50, 50, .75)
}
.characterTextMain {
    margin-top: 25px!important
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0 -.9em 0;
    margin: -10px 10px;
    font-size: 25px
}
#textFacts,
#textFacts2,
#textFacts3,
#textFacts4 {
    padding-right: 10%
}
div.ui-tooltip {
    max-width: 20%;
    text-align: center;
    font-family: 'Paytone One', sans-serif;
    font-size: 28px;
    color: #ef332e
}
a.pp_contract,
a.pp_expand {
    top: 488px!important;
    right: 20px!important
}
a.pp_close {
    margin-right: 18px
}
#copyrightDiv {
    width: 80%;
    margin: auto;
    padding: 16px 0 75px
}
.copyrightBottomText {
    float: left;
    display: block;
    margin-left: 20%;
    margin-top: 23px;
    font-size: 13px;
    text-shadow: none;
    color: #000
}
.ui-dialog-titlebar-close:hover {
    background: url(../images/close_m_dialog_hover_click.png) no-repeat!important;
    background-size: 72% auto!important;
    background-position: center!important
}
.storyBevelFix {
    display: none
}
#menuFix {
    height: 100px;
    margin-top: -24px
}
.offleft {
    margin-left: -9000px;
    position: absolute
}
.offright {
    margin-right: -9000px;
    position: absolute
}
.bevelBottom {
    padding: 10px 0;
    width: 100%;
    height: auto
}
.makeBevelBottom {
    padding: 40px 0;
    width: 100%;
    height: auto
}
.adultsBevelBottom {
    padding: 49px 0;
    width: 100%;
    height: auto
}
.factView {
    float: right;
    margin-right: 5%;
    color: orange!important;
    font-size: 18px;
    font-weight: 700;
    margin-top: 2%
}
#canvas {
    background-color: #F7ED4E;
    position: fixed;
    top: 97px
}
#opener,
#opener2,
#opener3,
#opener4,
#openerMegaFacts,
#openerMegaPlay,
#openerMegaStory,
#openerOakFacts,
#openerTaddPlay,
#openerOakMake,
#openerOakPlay,
#openerOakStory,
#openerTS,
#openerTeacherGuide,
#openerThirtyMake,
#openerTinkerFacts,
#openerTinkerMake,
#openerTinkerPlay,
#openerTinkerStory,
#openerTurn {
    width: 77%;
    height: 100%;
    background: 0 0;
    border: none
}
.dialogEtchingLeft {
    width: 8%;
    float: left;
    padding-left: 24px;
    margin-left: -20px;
    padding-top: 20px;
    margin-top: -10px;
    padding-bottom: 60px;
    background: #361919;
    background: rgba(54, 25, 25, .25)
}
.dialogEtchingRight {
    width: 8%;
    float: right;
    padding-right: 24px;
    margin-right: -20px;
    padding-top: 20px;
    margin-top: -10px;
    padding-bottom: 60px;
    background: #361919;
    background: rgba(54, 25, 25, .25)
}
.ui-dialog {
    position: relative;
    padding: .5em 1em;
    background: 0 0;
    overflow: auto;
    background-color: #ffd;
    border: solid 1px #ea7;
    width: 50%!important;
    height: 73%!important;
    margin: auto;
    z-index: 2001
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 14%!important;
    width: 80px!important;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 80px!important;
    border: none!important
}
.ui-dialog .ui-dialog-titlebar-close:hover {
    border: none!important
}
.ui-dialog-titlebar-close {
    background: url(../images/close_m_dialog.png) no-repeat!important;
    background-size: 72% auto!important;
    background-position: center!important;
    border: none!important
}
.ui-state-focus:focus {
    outline: 0!important
}
.ui-dialog-titlebar-close:hover {
    border: none!important
}
.ui-icon-closethick {
    display: none!important
}
.ui-dialog-titlebar {
    background: #848c75!important;
    text-shadow: 0 1px 0 #000;
    padding: 1.4em 1em!important
}
.ui-dialog-titlebar span {
    text-align: center;
    float: none!important;
    display: block;
    margin-left: -14px;
    width: 95%;
    font-size: 1.2em;
    font-family: 'Paytone One', Helvetica, sans-serif;
    text-shadow: none;
    font-weight: initial
}
.ui-widget-content {
    border: none
}
.ui-widget-overlay {
    opacity: .9!important;
    filter: Alpha(Opacity=50)!important;
    background-color: #323232!important;
    z-index: 2000;
    position: fixed!important
}
.ui-dialog .ui-dialog-content {
    width: auto!important;
    min-height: 78%!important;
    max-height: 28%!important
}
.dialogButtons {
    margin-top: 0;
    font-family: Helvetica, ariel, sans-serif;
    text-shadow: none;
    font-weight: 700;
    width: 80%;
    float: left;
    margin-left: 2%;
    margin-bottom: 100px;
    text-align: center
}
.appStores {
    padding-left: 74px;
    width: 94%
}
.dialogRead {
    font-family: 'Paytone One', Helvetica, sans-serif;
    font-size: 1.2em;
    border-top: 1px solid #96d1f8;
    background: #f16022;
    background: -webkit-gradient(linear, left top, left bottom, from(#f16022), to(#f16022));
    background: -webkit-linear-gradient(top, #f16022, #f16022);
    background: -moz-linear-gradient(top, #f16022, #f16022);
    background: -ms-linear-gradient(top, #f16022, #f16022);
    background: -o-linear-gradient(top, #f16022, #f16022);
    padding: 5px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 1)0 1px 0;
    -moz-box-shadow: rgba(0, 0, 0, 1)0 1px 0;
    box-shadow: rgba(0, 0, 0, 1)0 1px 0;
    text-shadow: rgba(0, 0, 0, .4)0 1px 0;
    color: #030003;
    text-decoration: none;
    vertical-align: middle;
    display: block;
    width: 48%;
    margin: auto
}
.dialogDownload:hover,
.dialogRead:hover {
    border-top-color: #c4202e;
    background: #c4202e;
    color: #FFF
}
.dialogReadAdults {
    font-family: 'Paytone One', Helvetica, sans-serif;
    font-size: .9em;
    border-top: 1px solid #96d1f8;
    background: #f16022;
    background: -webkit-gradient(linear, left top, left bottom, from(#f16022), to(#f16022));
    background: -webkit-linear-gradient(top, #f16022, #f16022);
    background: -moz-linear-gradient(top, #f16022, #f16022);
    background: -ms-linear-gradient(top, #f16022, #f16022);
    background: -o-linear-gradient(top, #f16022, #f16022);
    padding: 5px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 1)0 1px 0;
    -moz-box-shadow: rgba(0, 0, 0, 1)0 1px 0;
    box-shadow: rgba(0, 0, 0, 1)0 1px 0;
    text-shadow: rgba(0, 0, 0, .4)0 1px 0;
    color: #030003;
    text-decoration: none;
    vertical-align: middle;
    display: block;
    width: 48%;
    margin: auto
}
.dialogReadAdults:hover {
    border-top-color: #c4202e;
    background: #c4202e;
    color: #ccc
}
.dialogDownload {
    font-family: 'Paytone One', Helvetica, sans-serif;
    font-size: 1.2em;
    border-top: 1px solid #000203;
    background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#eaeff2), to(#65a9d7));
    background: -webkit-linear-gradient(top, #eaeff2, #65a9d7);
    background: -moz-linear-gradient(top, #eaeff2, #65a9d7);
    background: -ms-linear-gradient(top, #eaeff2, #65a9d7);
    background: -o-linear-gradient(top, #eaeff2, #65a9d7);
    padding: 5px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 1)0 1px 0;
    -moz-box-shadow: rgba(0, 0, 0, 1)0 1px 0;
    box-shadow: rgba(0, 0, 0, 1)0 1px 0;
    text-shadow: rgba(0, 0, 0, .4)0 1px 0;
    color: #030003;
    text-decoration: none;
    vertical-align: middle;
    display: block
}
#dialog4 li {
    margin-left: -15px
}
#topLeftButton,
#topRightButton {
    display: none
}
#topLeftArt {
    position: relative;
    top: -5px;
    width: 35%;
    float: left
}
.logoContainer,
.logoContainerStory {
    position: relative;
    width: 30%;
    float: left;
    text-align: center
}
.logoImage {
    height: auto;
    margin-top: 3px;
    width: 289px
}
.logoImage:hover {
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg)
}
#topRightArt {
    position: relative;
    top: -7px;
    float: right;
    width: 35%
}
#topMobileMenuBar {
    display: none
}
.topBolts {
    left: 191px;
    top: -28px;
    position: relative
}
#topRightArt img {
    float: right
}
.backButton,
.homeButton {
    padding: 5px 0 0;
    background: #00adef url(../images/Header_Blue.png) no-repeat;
    background-position: 48% 7%;
    height: 73px
}
#backButton {
    background: url(../images/back_desktop.png) no-repeat;
    margin-left: 66px;
    height: 100px;
    margin-top: -24px;
    width: 163px
}
#backButton:hover {
    background: url(../images/back_desktop_active.png) no-repeat
}
.mainButton {
    min-height: 682px;
    max-height: 768px;
    padding-right: 1px;
    background-color: #fbee3c;
    margin-top: 101px;
    margin-bottom: 71px;
    text-align: center;
    position: relative;
    -webkit-box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75)
}
#mobileTextBox {
    padding-top: 13px;
    height: 74px;
    text-align: center
}
.mobileTextBox_main {
    padding-top: 11px;
    height: 66px;
    text-align: center
}
#mobileTextBox h2 {
    text-align: center;
    font-family: 'Paytone One', sans-serif;
    font-size: 28px;
    color: #ef332e
}
.mobileTextBox_main h2 {
    text-align: center;
    font-family: 'Paytone One', sans-serif;
    font-size: 28px;
    color: #ef332e;
    margin-top: -8px
}
#mobileTextBoxMake {
    margin-top: -20px;
    height: 87px;
    padding-top: 38px;
    text-align: center
}
#mobileTextBoxMake h2 {
    text-align: center;
    font-family: 'Paytone One', sans-serif;
    font-size: 28px;
    color: #ef332e
}
#mobileTextBoxAdults {
    height: 84px;
    width: 100%;
    padding-top: 65px;
    margin: auto
}
#mobileTextBoxAdults h2 {
    text-align: center;
    font-family: 'Paytone One', sans-serif;
    font-size: 28px;
    color: #ef332e
}
#mobileTextBoxAdults p {
    text-align: center;
    margin: auto;
    font-family: 'Helvetica LT Std', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 10px;
    color: #000
}
.sectionHeader {
    width: 100%;
    height: auto
}
#mobileTextBoxCS,
#mobileTextBoxCS_story {
    display: none
}
.storyButton {
    min-height: 675px;
    background-color: #f9cc3e;
    -webkit-box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    position: relative;
    margin-bottom: 72px;
    z-index: 100
}
.storySectionEtching {
    float: none;
    display: block;
    margin: auto;
    padding: 109px;
    position: relative
}
.playButton {
    min-height: 667px;
    background: #fbee3d;
    padding-top: 7px;
    position: relative;
    margin-bottom: 72px;
    -webkit-box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75)
}
.makeButton {
    min-height: 506px;
    background-color: #f9cc3e;
    -webkit-box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    margin-bottom: 73px;
    position: relative
}
.factsButton {
    min-height: 666px;
    background-color: #f9cc3e;
    color: #fff;
    margin-top: 27px;
    -webkit-box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    margin-bottom: 73px;
    position: relative
}
.adultsButton {
    min-height: 593px;
    background-color: #f9cc3e;
    -webkit-box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    box-shadow: 0 -1px 30px -3px rgba(0, 0, 0, .75);
    color: #fff
}
#facts1image img {
    text-align: center;
    display: block;
    padding-top: 26px
}
#facts1text {
    font-size: .9em;
    margin-top: 10px
}
body {
    font-family: Nunito, sans-serif;
    font-weight: 100;
    font-size: 1.125em
}
a {
    color: #000;
    text-decoration: none
}
img,
object {
    max-width: 100%
}
h1 {
    font-size: 1.75em;
    font-weight: 100;
    letter-spacing: -1.5px
}
h2 {
    font-weight: 100;
    font-size: 1.5em;
    color: #b4c34f
}
h3 {
    font-weight: 100;
    font-size: 1.125em;
    color: #ed6c85
}
#nav {
    height: 121px;
    margin-top: -11px;
    background: #00adef url(../images/Header_metal.png) no-repeat;
    background-position: 0 100%;
    background-size: 100% 73%;
    width: 100%
}
#thirtynav {
    height: 75px;
    margin-top: -11px;
    background: #00adef url(../images/Header_metal_story.png) no-repeat;
    background-position: 0 100%;
    background-size: 100% 72px;
    width: 100%
}
#nav ul {
    width: 53%;
    margin: auto;
    height: 118px;
    list-style: none;
    float: none;
    text-align: center
}
#nav ul li {
    float: left
}
#nav ul li.adults,
#nav ul li.facts,
#nav ul li.home,
#nav ul li.make,
#nav ul li.play,
#nav ul li.story {
    width: 16%;
    margin-top: 15px
}
#nav ul li a {
    display: block;
    text-decoration: none
}
#homeButton {
    width: 98px;
    height: 98px;
    color: #fff;
    background: url(../images/Top%20Nav/home_down_d.png) no-repeat
}
#homeButton:hover {
    background: url(../images/Top%20Nav/home_up_d.png) no-repeat
}
#homeButton.active {
    background: url(../images/Top%20Nav/home_up_d.png) no-repeat!important
}
#storyButton {
    width: 98px;
    height: 98px;
    background: url(../images/Top%20Nav/story_down_d.png) no-repeat
}
#storyButton.active,
#storyButton:hover {
    background: url(../images/Top%20Nav/story_up_d.png) no-repeat
}
#playButton {
    width: 98px;
    height: 98px;
    background: url(../images/Top%20Nav/play_down_d.png) no-repeat
}
#playButton.active,
#playButton:hover {
    background: url(../images/Top%20Nav/play_up_d.png) no-repeat
}
#makeButton {
    width: 98px;
    height: 98px;
    background: url(../images/Top%20Nav/make_down_d.png) no-repeat
}
#makeButton.active,
#makeButton:hover {
    background: url(../images/Top%20Nav/make_up_d.png) no-repeat
}
#factsButton {
    width: 98px;
    height: 98px;
    background: url(../images/Top%20Nav/facts_down_d.png) no-repeat
}
#factsButton.active,
#factsButton:hover {
    background: url(../images/Top%20Nav/facts_up_d.png) no-repeat
}
#adultsButton {
    width: 98px;
    height: 98px;
    background: url(../images/Top%20Nav/adults_down_d.png) no-repeat
}
#adultsButton.active,
#adultsButton:hover {
    background: url(../images/Top%20Nav/adults_up_d.png) no-repeat
}
#intro {
    margin: 0 0 5%
}
#logo {
    text-align: center
}
.clear {
    clear: both
}
.leftSidebar {
    width: 5%;
    float: left;
    background: #838c75 url(../images/wrapper_notches_left.png) repeat-y;
    background-position: 0 3%;
    top: 77px;
    bottom: 0;
    position: absolute;
    z-index: 1000;
    overflow: hidden
}
.mainWrapper {
    width: 90%;
    margin: auto;
    background: #f7ed4e -webkit-canvas(animation) no-repeat 50% 50%
}
.rightSidebar {
    width: 5%;
    float: right;
    background: #838c75 url(../images/wrapper_notches_right.png) repeat-y;
    right: 0;
    top: 77px;
    bottom: 0;
    z-index: 1000;
    background-position: 100% 3%;
    position: absolute;
    overflow: hidden
}
.section {
    width: 100%;
    position: relative;
    padding-right: 2px
}
#contentContainer {
    height: 965px
}
#name1_box,
#name2_box,
#name3_box,
#name5_box,
#name6_box {
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
    width: 21%;
    height: 261px;
    margin-left: 9%;
    cursor: pointer
}
#name4_box {
    text-align: center;
    margin-bottom: 0;
    width: 21%;
    height: 237px;
    margin-left: 9%;
    cursor: pointer
}
#thirty_story_title_box {
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    text-align: center;
    margin-top: 1%
}
#name1_box,
#name2_box {
    margin-top: 20px
}
#name4_box {
    margin-top: 38px
}
#name1_box img,
#name2_box img,
#name3_box img,
#name4_box img,
#name5_box img,
#name6_box img {
    height: auto;
    position: relative
}
#name1_box {
    background: url('../images/Home Character Buttons/home_d_3030.png') no-repeat;
    background-size: 85%;
    background-position: center
}
#name1_box:hover {
    background: url('../images/Home Character Buttons/home_d_3030_active.png') no-repeat;
    background-size: 85%;
    background-position: center
}
#name2_box {
    background: url('../images/Home Character Buttons/home_d_tinkermeister.png') no-repeat;
    background-size: 85%;
    background-position: center;
    margin-top: 0
}
#name2_box:hover {
    background: url('../images/Home Character Buttons/home_d_tinkermeister_active.png') no-repeat;
    background-size: 85%;
    background-position: center
}
#name3_box {
    background: url('../images/Home Character Buttons/home_d_oaktree.png') no-repeat;
    background-size: 85%;
    background-position: center
}
#name3_box:hover {
    background: url('../images/Home Character Buttons/home_d_oaktree_active.png') no-repeat;
    background-size: 85%;
    background-position: center
}
#name4_box {
    background: url('../images/Home Character Buttons/caitlin_normal.png') no-repeat;
    background-size: 80%;
    background-position: center
}
#name4_box:hover {
    background: url('../images/Home Character Buttons/caitlin_hover.png') no-repeat;
    background-size: 80%;
    background-position: center
}
#name5_box {
    background: url('../images/Home Character Buttons/home_d_megatruck.png') no-repeat;
    background-size: 85%;
    background-position: center
}
#name5_box:hover {
    background: url('../images/Home Character Buttons/home_d_megatruck_active.png') no-repeat;
    background-size: 85%;
    background-position: center
}
#name6_box {
    background: url('../images/Home Character Buttons/home_d_turn.png') no-repeat;
    background-size: 86%;
    height: 275px;
    background-position: center;
    margin-bottom: 3%;
    margin-top: 0
}
#name6_box:hover {
    background: url('../images/Home Character Buttons/home_d_turn_active.png') no-repeat;
    background-size: 85%;
    background-position: center
}
#name1_story_box,
#name2_story_box,
#name3_story_box,
#name4_story_box,
#name5_story_box,
#name6_story_box {
    text-align: center;
    margin-top: 2%;
    position: relative
}
#name1_story_box img,
#name2_story_box img,
#name3_story_box img,
#name4_story_box img,
#name5_story_box img,
#name6_story_box img {
    position: relative
}
#name1_story_box {
    background: url(../images/Sub_Story/sub_story_d_30_30.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    padding-top: 10px
}
#name1_story_box:hover {
    background: url(../images/Sub_Story/sub_story_d_30_30_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name1_story_box h2 {
    position: absolute;
    top: 78%;
    left: 23%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name1_story_box_story {
    background: url(../images/Sub_Story/sub_story_d_30_30_s.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 2%
}
#name1_story_box_story:hover {
    background: url(../images/Sub_Story/sub_story_d_30_30_active_s.png) no-repeat;
    background-position: center;
    color: #000
}
#name1_story_box_story h2 {
    position: relative;
    top: -24%;
    left: 32%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name2_story_box {
    background: url(../images/Sub_Story/sub_story_d_oak_tree_new.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    padding-top: 10px
}
#name2_story_box:hover {
    background: url(../images/Sub_Story/sub_story_d_oak_tree_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name2_story_box h2 {
    position: absolute;
    top: 78%;
    left: 18%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name2_story_box_story {
    background: url(../images/Sub_Story/sub_story_d_oak_tree__new_s.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 2%
}
#name2_story_box_story:hover {
    background: url(../images/Sub_Story/sub_story_d_oak_tree_active_s.png) no-repeat;
    background-position: center;
    color: #000
}
#name2_story_box_story h2 {
    position: relative;
    top: -24%;
    left: 32%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name3_story_box {
    background: url(../images/Sub_Story/sub_story_d_tinkermeister.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    padding-top: 10px
}
#name3_story_box:hover {
    background: url(../images/Sub_Story/sub_story_d_tinkermeister_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name3_story_box h2 {
    position: absolute;
    top: 78%;
    right: 12%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    width: 75%;
    font-size: 1em;
    line-height: 19px
}
#name3_story_box_story {
    background: url(../images/Sub_Story/sub_story_d_tinkermeister_s.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 2%
}
#name3_story_box_story:hover {
    background: url(../images/Sub_Story/sub_story_d_tinkermeister_active_s.png) no-repeat;
    background-position: center;
    color: #000
}
#name3_story_box_story h2 {
    position: relative;
    top: -24%;
    left: 32%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name4_story_box h2 {
    position: absolute;
    top: 84%;
    left: 8%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name5_story_box {
    background: url(../images/Sub_Story/sub_story_d_megatrack.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer
}
#name5_story_box:hover {
    background: url(../images/Sub_Story/sub_story_d_megatrack_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name5_story_box_story {
    background: url(../images/Sub_Story/sub_story_d_megatrack_s.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 2%
}
#name5_story_box_story:hover {
    background: url(../images/Sub_Story/sub_story_d_megatrack_active_s.png) no-repeat;
    background-position: center;
    color: #000
}
#name6_story_box {
    background: url(../images/Sub_Story/sub_story_d_turn.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 29px
}
#name6_story_box:hover {
    background: url(../images/Sub_Story/sub_story_d_turn_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name6_story_box_story {
    background: url(../images/Sub_Story/sub_story_d_turn.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 2%
}
#name6_story_box_story:hover {
    background: url(../images/Sub_Story/sub_story_d_turn_s.png) no-repeat;
    background-position: center;
    color: #000
}
#name1_play_box,
#name2_play_box,
#name3_play_box,
#name4_play_box,
#name5_play_box,
#name6_play_box {
    text-align: center;
    margin-top: 2%;
    position: relative
}
#name1_play_box img,
#name2_play_box img,
#name3_play_box img,
#name4_play_box img,
#name5_play_box img,
#name6_play_box img {
    position: relative
}
#name1_play_box {
    background: url(../images/Sub_Play/sub_play_d_30_30.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    padding-top: 10px
}
#name1_play_box:hover {
    background: url(../images/Sub_Play/sub_play_d_30_30_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name1_play_box h2 {
    position: absolute;
    top: 77%;
    left: 23%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.4em
}
#name1_play_box_story {
    background: url(../images/Sub_Play/sub_play_d_30_30.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 2%
}
#name1_play_box_story:hover {
    background: url(../images/Sub_Play/sub_play_d_30_30_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name1_play_box_story h2 {
    position: relative;
    top: -24%;
    left: 15%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.3em
}
#name2_play_box {
    background: url(../images/Sub_Play/sub_play_d_oaktree.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    padding-top: 10px
}
#name2_play_box:hover {
    background: url(../images/Sub_Play/sub_play_d_oaktree_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name2_play_box h2 {
    position: absolute;
    top: 77%;
    left: 18%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.4em
}
#name2_play_box_story {
    background: url(../images/Sub_Play/sub_play_d_oaktree.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 2%
}
#name2_play_box_story:hover {
    background: url(../images/Sub_Play/sub_play_d_oaktree_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name2_play_box_story h2 {
    position: relative;
    top: -22%;
    left: 14%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.1em
}
#name3_play_box {
    background: url(../images/Sub_Play/sub_play_d_tinkermeister.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    padding-top: 10px
}
#name3_play_box:hover {
    background: url(../images/Sub_Play/sub_play_d_tinkermeister_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name3_play_box h2 {
    position: absolute;
    top: 77%;
    right: 17%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.4em
}
#name3_play_box_story {
    background: url(../images/Sub_Play/sub_play_d_tinkermeister.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 2%
}
#name3_play_box_story:hover {
    background: url(../images/Sub_Play/sub_play_d_tinkermeister_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name3_play_box_story h2 {
    position: relative;
    top: -24%;
    left: 13%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.3em
}
#name4_play_box_story {
    background: url(../images/Sub_Play/sub_play_emergencyplan_normal.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 2%
}
#name4_play_box_story:hover {
    background: url(../images/Sub_Play/sub_play_emergencyplan_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name4_play_box_story h2 {
    position: relative;
    top: -24%;
    left: 14%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.2em
}
#name4_play_box h2 {
    position: absolute;
    top: 84%;
    left: 8%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name4_play_box {
    background: url(../images/Sub_Play/sub_play_emergencyplan_normal.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer
}
#name4_play_box:hover {
    background: url(../images/Sub_Play/sub_play_emergencyplan_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name5_play_box {
    background: url(../images/Sub_Play/sub_play_d_megatrack.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer
}
#name5_play_box:hover {
    background: url(../images/Sub_Play/sub_play_d_megatrack_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name5_play_box h2 {
    position: absolute;
    top: 78%;
    left: 20%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.4em
}
#name5_play_box_story {
    background: url(../images/Sub_Play/sub_play_d_megatrack.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 2%
}
#name5_play_box_story:hover {
    background: url(../images/Sub_Play/sub_play_d_megatrack_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name5_play_box_story h2 {
    position: relative;
    top: -24%;
    left: 14%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.2em
}
#name5_placeholder_box_story {
    margin-top: 14px;
    width: 33.3%
}
#name5_placeholder_box_story img {
    width: 78%;
    height: auto;
    margin-left: 42px
}
#name6_play_box {
    background: url(../images/Sub_Play/sub_play_m_tadd.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-bottom: 2%;
}
#name6_play_box:hover {
    background: url(../images/Sub_Play/sub_play_m_tadd_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name6_play_box h2 {
    position: absolute;
    top: 84%;
    right: 8%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name1_make_box,
#name2_make_box,
#name3_make_box,
#name4_make_box,
#name5_make_box,
#name6_make_box {
    text-align: center;
    margin-top: 1%;
    position: relative
}
#name1_make_box img,
#name2_make_box img,
#name3_make_box img,
#name4_make_box img,
#name5_make_box img,
#name6_make_box img {
    position: relative
}
#name1_make_box {
    background: url(../images/Sub_Make/sub_make_d_3030.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer
}
#name1_make_box:hover {
    background: url(../images/Sub_Make/sub_make_d_3030_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name1_make_box h2 {
    position: absolute;
    top: 77%;
    left: 18%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.8em
}
#name1_make_box_story {
    background: url(../images/Sub_Make/sub_make_d_3030_s.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 1%
}
#name1_make_box_story:hover {
    background: url(../images/Sub_Make/sub_make_d_3030_active_s.png) no-repeat;
    background-position: center;
    color: #000
}
#name1_make_box_story h2 {
    position: relative;
    top: -25.5%;
    left: 14.5%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.6em
}
#name2_make_box {
    background: url(../images/Sub_Make/sub_make_d_oaktree.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer
}
#name2_make_box:hover {
    background: url(../images/Sub_Make/sub_make_d_oaktree_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name2_make_box h2 {
    position: absolute;
    top: 77%;
    left: 17%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.6em
}
#name2_make_box_story {
    background: url(../images/Sub_Make/sub_make_d_oaktree_s.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 1%
}
#name2_make_box_story:hover {
    background: url(../images/Sub_Make/sub_make_d_oaktree_active_s.png) no-repeat;
    background-position: center;
    color: #000
}
#name2_make_box_story h2 {
    position: relative;
    top: -24%;
    left: 17%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.6em
}
#name3_make_box {
    background: url(../images/Sub_Make/sub_make_d_tinkermeister.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer
}
#name3_make_box:hover {
    background: url(../images/Sub_Make/sub_make_d_tinkermeister_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name3_make_box h2 {
    position: absolute;
    top: 77%;
    right: 19%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.7em
}
#name3_make_box_story {
    background: url(../images/Sub_Make/sub_make_d_tinkermeister_s.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 1%
}
#name3_make_box_story:hover {
    background: url(../images/Sub_Make/sub_make_d_tinkermeister_active_s.png) no-repeat;
    background-position: center;
    color: #000
}
#name3_make_box_story h2 {
    position: relative;
    top: -24%;
    left: 17%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.6em
}
#name5_make_box_story {
    background: url(../images/Sub_Make/sub_make_d_megatrack.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 1%
}
#name5_make_box_story:hover {
    background: url(../images/Sub_Make/sub_make_d_megatrack_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name5_make_box_story h2 {
    position: relative;
    top: 77.5%;
    left: 17%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.6em
}
#name1_facts_box,
#name2_facts_box,
#name3_facts_box,
#name4_facts_box,
#name5_facts_box,
#name6_facts_box {
    text-align: center;
    margin-top: 1%;
    position: relative
}
#name1_facts_box img,
#name2_facts_box img,
#name3_facts_box img,
#name4_facts_box img,
#name5_facts_box img,
#name6_facts_box img {
    position: relative
}
#name1_facts_box {
    background: url(../images/Facts/facts_d_3030.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer
}
#name1_facts_box:hover {
    background: url(../images/Facts/facts_d_3030_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name1_facts_box h2 {
    position: absolute;
    top: 80%;
    left: 14%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.3em
}
#name1_facts_box_story {
    background: url(../images/Sub_Facts/sub_facts_d_3030.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 1%;
    margin-bottom: 135px
}
#name1_facts_box_story:hover {
    background: url(../images/Sub_Facts/sub_facts_d_3030_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name1_facts_box_story h2 {
    position: relative;
    top: -21%;
    left: 16%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.3em
}
#name2_facts_box {
    background: url(../images/Facts/facts_d_oaktree.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer
}
#name2_facts_box:hover {
    background: url(../images/Facts/facts_d_oaktree_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name2_facts_box h2 {
    position: absolute;
    top: 80%;
    left: 16%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.3em
}
#name2_facts_box_story {
    background: url(../images/Sub_Facts/sub_facts_d_oaktree.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 1%;
    margin-bottom: 135px
}
#name2_facts_box_story:hover {
    background: url(../images/Sub_Facts/sub_facts_d_oaktree_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name2_facts_box_story h2 {
    position: relative;
    top: -22%;
    left: 16%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.3em
}
#name3_facts_box {
    background: url(../images/Facts/facts_d_tinkemeister.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer
}
#name3_facts_box:hover {
    background: url(../images/Facts/facts_d_tinkemeister_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name3_facts_box h2 {
    position: absolute;
    top: 80%;
    left: 14%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.3em;
    width: 72%
}
#name3_facts_box_story {
    background: url(../images/Sub_Facts/sub_facts_d_tinkermeister.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 1%;
    margin-bottom: 135px
}
#name3_facts_box_story:hover {
    background: url(../images/Sub_Facts/sub_facts_d_tinkermeister_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name3_facts_box_story h2 {
    position: relative;
    top: -24%;
    left: 16%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.4em
}
#name4_facts_box {
    background: url(../images/Facts/facts_d_plan.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer
}
#name4_facts_box:hover {
    background: url(../images/Facts/facts_d_plan_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name4_facts_box_story {
    background: url(../images/Sub_Facts/sub_facts_d_turn.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 2%;
    margin-bottom: 3px
}
#name4_facts_box_story:hover {
    background: url(../images/Sub_Facts/sub_facts_d_turn_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name4_facts_box_story h2 {
    position: relative;
    top: -24%;
    left: 16%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.4em
}
#name5_facts_box {
    background: url(../images/Facts/facts_d_megatrack.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer
}
#name5_facts_box:hover {
    background: url(../images/Facts/facts_d_megatrack_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name5_facts_box h2 {
    position: absolute;
    top: 79%;
    left: 15%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none;
    font-size: 1.4em
}
#name5_facts_box_story {
    background: url(../images/Sub_Facts/sub_facts_d_megatrack.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 1%;
    margin-bottom: 135px
}
#name5_facts_box_story:hover {
    background: url(../images/Sub_Facts/sub_facts_d_megatrack_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name5_facts_box_story h2 {
    position: relative;
    top: -22%;
    font-size: 1.4em;
    left: 15%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name6_facts_box {
    background: url(../images/Facts/facts_d_turn.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer
}
#name6_facts_box:hover {
    background: url(../images/Facts/facts_d_turn_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name6_facts_box_story {
    background: url(../images/Sub_Facts/sub_facts_d_plan.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 29px;
    margin-bottom: 15px
}
#name6_facts_box_story:hover {
    background: url(../images/Sub_Facts/sub_facts_d_plan_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name6_facts_box h2 {
    position: absolute;
    top: 84%;
    right: 8%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#ventLeftDiv {
    float: left;
    width: 20%
}
#ventRightDiv {
    float: right;
    width: 20%
}
#ventRightDiv img {
    float: right
}
#name1_adults_box {
    background: url(../images/Adults/adults_guides_d.png) no-repeat;
    background-position: center;
    width: 30%;
    height: 231px;
    cursor: pointer;
    margin-top: 1%;
    margin: auto;
    text-align: center;
}
#name1_adults_box:hover {
    background: url(../images/Adults/adults_guides_d_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name1_adults_box h2 {
    position: absolute;
    top: 63.1%;
    left: 26%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name1_adults_box_story {
    background: url(../images/Sub_Adults/sub_adults_d_3030.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    margin-top: 1%;
    float: left
}
#name1_adults_box_story:hover {
    background: url(../images/Sub_Adults/sub_adults_d_3030_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name1_adults_box_story h2 {
    position: relative;
    top: -21%;
    left: 26%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name2_adults_box {
    background: url(../images/Adults/adults_shop_d_2.png) no-repeat;
    background-position: center;
    width: 30%;
    height: 231px;
    cursor: pointer;
    float: left;
    margin-top: 1%
}
#name2_adults_box:hover {
    background: url(../images/Adults/adults_shop_d_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name2_adults_box h2 {
    position: absolute;
    top: 63.1%;
    left: 57%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name2_adults_box_story {
    background: url(../images/Sub_Adults/sub_adults_d_oaktree.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    float: left;
    margin-top: 1%
}
#name2_adults_box_story:hover {
    background: url(../images/Sub_Adults/sub_adults_d_oaktree_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name2_adults_box_story h2 {
    position: relative;
    top: -22%;
    left: 16%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name3_adults_box_story {
    background: url(../images/Sub_Adults/sub_adults_d_tinkermeister.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    float: left;
    margin-top: 1%
}
#name3_adults_box_story:hover {
    background: url(../images/Sub_Adults/sub_adults_d_tinkermeister_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name3_adults_box_story h2 {
    position: relative;
    top: -21.9%;
    left: 26%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name4_adults_box_story {
    background: url(../images/Sub_Adults/sub_adults_emergency_normal.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 252px;
    cursor: pointer;
    float: left;
    margin-top: 1%;
    margin-bottom: 123px
}
#name4_adults_box_story:hover {
    background: url(../images/Sub_Adults/sub_adults_emergency_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name4_adults_box_story h2 {
    position: relative;
    top: -21%;
    left: 21%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#name5_adults_box_story {
    background: url(../images/Sub_Adults/sub_adults_d_megatrack.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    float: left;
    margin-top: 1%
}
#name5_adults_box_story:hover {
    background: url(../images/Sub_Adults/sub_adults_d_megatrack_active.png) no-repeat;
    background-position: center;
    color: #000
}
#name5_adults_box_story h2 {
    position: relative;
    top: -21%;
    left: 21%;
    font-family: 'Paytone One', sans-serif;
    color: #fff;
    text-shadow: none
}
#box1,
#box2,
#box3,
#box4,
#box5,
#box6 {
    text-align: center;
    height: 300px;
    border: 1px solid #000
}
#copyright {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 75px;
    width: 100%;
    text-align: center;
    z-index: 1000;
    background: #f16022 url(../images/footer_etching.png) no-repeat;
    background-position: center -12%;
    background-size: 91%
}
.characterImg {
    position: fixed;
    bottom: 71px
}
.machineImg {
    position: fixed;
    bottom: -10px;
    right: 0
}
.contestImg {
    float: left
}
.contestImg a,
.contestImg img {
    border: none;
    overflow: hidden;
    float: left
}
.contestImg a:hover {
    border: 3px solid #000
}
.contestImg img:hover {
    margin: -3px -5px -3px -3px;
    padding-left: 3px
}
.socialButtons {
    position: fixed;
    bottom: 7px;
    right: 11px
}
.fbicon {
    padding-bottom: 9px
}
.bottomMenu {
    margin-left: 22%;
    line-height: 10px
}
.bottomMenu a {
    color: #fff!important;
    text-decoration: none;
    text-shadow: none;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-size: 1em
}
.bottomMenu a:hover {
    color: #2489ce!important;
    text-decoration: none;
    text-shadow: none;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-size: 1em
}
.bottomMenu li {
    margin-left: 48px;
    list-style-type: circle;
    float: left;
    color: #fff
}
.bottomMenu li:first-child {
    list-style-type: none
}
@media only screen and (min-width: 1600px) {
    #canvas {
        top: 111px!important;
        width: 97%
    }
    .bottomMenu {
        margin-left: 513px!important
    }
    .logoImage {
        width: 307px;
        margin-left: -12px
    }
    #name1_box,
    #name2_box,
    #name3_box,
    #name4_box,
    #name5_box,
    #name6_box {
        width: 22%;
        background-size: 60%
    }
    #name1_box {
        background: url('../images/Home Character Buttons/home_d_3030.png') no-repeat;
        background-size: 68%!important;
        background-position: center
    }
    #name1_box:hover {
        background: url('../images/Home Character Buttons/home_d_3030_active.png') no-repeat;
        background-size: 68%!important;
        background-position: center
    }
    #name2_box {
        background: url('../images/Home Character Buttons/home_d_tinkermeister.png') no-repeat;
        background-size: 68%!important;
        background-position: center
    }
    #name2_box:hover {
        background: url('../images/Home Character Buttons/home_d_tinkermeister_active.png') no-repeat;
        background-size: 68%!important;
        background-position: center
    }
    #name3_box {
        background: url('../images/Home Character Buttons/home_d_oaktree.png') no-repeat;
        background-size: 68%!important;
        background-position: center
    }
    #name3_box:hover {
        background: url('../images/Home Character Buttons/home_d_oaktree_active.png') no-repeat;
        background-size: 68%!important;
        background-position: center
    }
    #name4_box h2 {
        position: absolute;
        top: 68%;
        left: 12%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        width: 14%;
        font-size: 2em;
        line-height: 34px
    }
    #name5_box {
        background: url('../images/Home Character Buttons/home_d_megatruck.png') no-repeat;
        background-size: 68%!important;
        background-position: center
    }
    #name5_box:hover {
        background: url('../images/Home Character Buttons/home_d_megatruck_active.png') no-repeat;
        background-size: 68%!important;
        background-position: center
    }
    #name6_box h2 {
        position: absolute;
        top: 68%;
        right: 112%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        width: 14%;
        font-size: 2em;
        line-height: 34px
    }
    #name1_story_box h2 {
        position: absolute;
        top: 78%;
        left: 31%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name2_story_box h2 {
        position: absolute;
        top: 78%;
        left: 28%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name3_story_box h2 {
        position: absolute;
        top: 77%;
        right: 23%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        width: 52%;
        font-size: 1em
    }
    #name5_story_box h2 {
        position: absolute;
        top: 78%;
        left: 29%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name1_play_box h2 {
        position: absolute;
        top: 77%;
        left: 32%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1.4em
    }
    #name2_play_box h2 {
        position: absolute;
        top: 77%;
        left: 28%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1.4em
    }
    #name3_play_box h2 {
        position: absolute;
        top: 77%;
        right: 27%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1.4em
    }
    #name5_play_box h2 {
        position: absolute;
        top: 78%;
        left: 28%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1.4em
    }
    #name1_make_box h2,
    #name2_make_box h2 {
        position: absolute;
        top: 79%;
        left: 26%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1em;
        line-height: 17px
    }
    #name3_make_box h2 {
        position: absolute;
        top: 79%;
        right: 27%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1em;
        line-height: 17px
    }
    #name1_facts_box h2 {
        position: absolute;
        top: 80%;
        left: 32%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name2_facts_box h2 {
        position: absolute;
        top: 80%;
        left: 28%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name3_facts_box h2 {
        position: absolute;
        top: 80%;
        right: 32%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name5_facts_box h2 {
        position: absolute;
        top: 78%;
        left: 29%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name1_adults_box h2 {
        position: absolute;
        top: 64.1%;
        left: 26%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name2_adults_box h2 {
        position: absolute;
        top: 63%;
        left: 59%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #topRightArt img {
        margin-top: -8px!important
    }
}
@media only screen and (min-width: 1500px) {
    .mainButton {
        min-height: 860px
    }
    .ui-dialog .ui-dialog-content {
        width: auto!important;
        min-height: 77%!important
    }
    .appStores {
        margin-left: 22%;
        padding: 0
    }
    .ui-dialog {
        height: 55%!important
    }
    .backHome {
        margin-top: -13px
    }
    #name1_story_box_story h2 {
        position: relative;
        top: -24%;
        left: 37%
    }
    #name1_play_box_story h2 {
        position: relative;
        top: -24%;
        left: 26%
    }
    #name1_make_box_story h2 {
        position: relative;
        top: -24.5%;
        left: 25.5%
    }
    #name1_facts_box_story h2 {
        position: relative;
        top: -20.9%;
        left: 26%
    }
    #name1_adults_box_story h2 {
        position: relative;
        top: -20%;
        left: 32%
    }
    #name2_story_box_story h2 {
        position: relative;
        top: -24%;
        left: 37%
    }
    #name2_play_box_story h2 {
        position: relative;
        top: -20%;
        left: 26%
    }
    #name2_make_box_story h2 {
        position: relative;
        top: -24.5%;
        left: 26.5%
    }
    #name2_facts_box_story h2 {
        position: relative;
        top: -20.9%;
        left: 26%
    }
    #name2_adults_box_story h2 {
        position: relative;
        top: -20%;
        left: 28%
    }
    #name3_story_box_story h2 {
        position: relative;
        top: -24%;
        left: 37%
    }
    #name3_play_box_story h2 {
        position: relative;
        top: -24%;
        left: 26%
    }
    #name3_make_box_story h2 {
        position: relative;
        top: -24.5%;
        left: 25.5%
    }
    #name3_facts_box_story h2 {
        position: relative;
        top: -20.9%;
        left: 26%
    }
    #name3_adults_box_story h2 {
        position: relative;
        top: -20%;
        left: 32%
    }
    #name4_play_box_story h2 {
        position: relative;
        top: -24%;
        left: 37%
    }
    #name4_facts_box_story h2 {
        position: relative;
        top: -20.9%;
        left: 26%
    }
    #name4_adults_box_story h2 {
        position: relative;
        top: -20%;
        left: 32%
    }
    #name5_story_box_story h2 {
        position: relative;
        top: -24%;
        left: 37%
    }
    #name5_play_box_story h2 {
        position: relative;
        top: -24%;
        left: 26%
    }
    #name5_make_box_story h2 {
        position: relative;
        top: -24.5%;
        left: 25.5%
    }
    #name5_facts_box_story h2 {
        position: relative;
        top: -20.9%;
        left: 26%
    }
    #name5_adults_box_story h2 {
        position: relative;
        top: -20%;
        left: 32%
    }
    #name6_story_box_story h2 {
        position: relative;
        top: -24%;
        left: 37%
    }
    #name6_play_box_story h2 {
        position: relative;
        top: -24%;
        left: 26%
    }
    #name6_make_box_story h2 {
        position: relative;
        top: -24.5%;
        left: 25.5%
    }
    #name6_facts_box_story h2 {
        position: relative;
        top: -20.9%;
        left: 26%
    }
    #name6_adults_box_story h2 {
        position: relative;
        top: -20%;
        left: 32%
    }
    #thirtynav {
        height: 75px;
        margin-top: -7px
    }
    #topRightArt img {
        margin-top: -74px
    }
    #name1_box,
    #name2_box,
    #name3_box,
    #name5_box,
    #name6_box {
        background-size: 60%;
        width: 19%;
        margin-left: 10%;
        height: 370px
    }
    #name4_box,
    #name6_box {
        background-size: 66%;
        width: 19%;
        margin-left: 10%;
        height: 336px;
        margin-top: 53px
    }
    #name4_box img,
    #name6_box img {
        width: 64%;
        margin-top: 0
    }
    .factsButton {
        min-height: 730px
    }
    #name1_box {
        background: url('../images/Home Character Buttons/home_d_3030.png') no-repeat;
        background-size: 72%;
        background-position: center
    }
    #name1_box:hover {
        background: url('../images/Home Character Buttons/home_d_3030_active.png') no-repeat;
        background-size: 72%;
        background-position: center
    }
    #name2_box {
        background: url('../images/Home Character Buttons/home_d_tinkermeister.png') no-repeat;
        background-size: 72%;
        background-position: center;
        margin-top: -54px
    }
    #name2_box:hover {
        background: url('../images/Home Character Buttons/home_d_tinkermeister_active.png') no-repeat;
        background-size: 72%;
        background-position: center
    }
    #name3_box {
        background: url('../images/Home Character Buttons/home_d_oaktree.png') no-repeat;
        background-size: 72%;
        background-position: center;
        margin-top: -58px
    }
    #name3_box:hover {
        background: url('../images/Home Character Buttons/home_d_oaktree_active.png') no-repeat;
        background-size: 72%;
        background-position: center
    }
    #name4_box:hover {
        background-size: 66%
    }
    #name4_box h2 {
        position: absolute;
        top: 67%;
        left: 15%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        width: 9%;
        font-size: 1.9em;
        line-height: 34px
    }
    #name5_box {
        background: url('../images/Home Character Buttons/home_d_megatruck.png') no-repeat;
        background-size: 72%;
        background-position: center -1%
    }
    #name5_box:hover {
        background: url('../images/Home Character Buttons/home_d_megatruck_active.png') no-repeat;
        background-size: 72%;
        background-position: center -1%
    }
    #name5_placeholder_box_story img {
        width: 58%;
        height: auto;
        margin-left: 105px
    }
    #name6_box {
        background: url('../images/Home Character Buttons/home_d_turn.png') no-repeat;
        background-size: 72%;
        background-position: center 25%
    }
    #name6_box:hover {
        background: url('../images/Home Character Buttons/home_d_turn_active.png') no-repeat;
        background-size: 72%;
        background-position: center -1%
    }
    #name1_story_box h2 {
        position: absolute;
        top: 78%;
        left: 29%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name2_story_box h2 {
        position: absolute;
        top: 78%;
        left: 28%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name3_story_box h2 {
        position: absolute;
        top: 77%;
        right: 23%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        width: 55%;
        font-size: 1em
    }
    #name5_story_box h2 {
        position: absolute;
        top: 82%;
        left: 13%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name1_play_box h2 {
        position: absolute;
        top: 77%;
        left: 32%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1.4em
    }
    #name2_play_box h2 {
        position: absolute;
        top: 77%;
        left: 28%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1.4em
    }
    #name3_play_box h2 {
        position: absolute;
        top: 77%;
        right: 27%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1.4em
    }
    #name5_play_box h2 {
        position: absolute;
        top: 78%;
        left: 29%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1.4em
    }
    #name1_make_box h2,
    #name2_make_box h2 {
        position: absolute;
        top: 83%;
        left: 27%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1.6em;
        line-height: 17px
    }
    #name3_make_box h2 {
        position: absolute;
        top: 84%;
        right: 30%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1.6em;
        line-height: 17px
    }
    #name1_facts_box h2 {
        position: absolute;
        top: 80%;
        left: 32%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name2_facts_box h2 {
        position: absolute;
        top: 80%;
        left: 28%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name3_facts_box h2 {
        position: absolute;
        top: 80%;
        right: 32%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name5_facts_box h2 {
        position: absolute;
        top: 78%;
        left: 29%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name1_adults_box h2 {
        position: absolute;
        top: 65.1%;
        left: 29%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name2_adults_box h2 {
        position: absolute;
        top: 65.7%;
        left: 59%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    .bottomMenu {
        margin-left: 30%!important;
        padding-top: 6px
    }
    .copyrightBottomText {
        margin-top: 3px;
        margin-left: 26%
    }
    .appleStoreBtn {
        background-size: 105% auto!important;
        margin-bottom: -14px;
        width: 233px!important;
        height: 87px!important;
        float: left!important;
        margin-left: -25px!important
    }
    #topRightArt {
        top: 3px
    }
}
@media screen and (max-width: 1024px) {
    .desktopOnly {
        display: none
    }
    .logoImage {
        height: auto;
        margin-top: 2px;
        margin-left: 2%;
        width: 308px
    }
    #topLeftArt {
        position: relative;
        top: -5px
    }
    #topLeftArt img {
        width: 26%;
        height: auto
    }
    #logoContainer {
        text-align: center;
        position: relative;
        left: -171px
    }
    .topBolts {
        left: 166px;
        top: -28px;
        position: relative;
        width: 68%
    }
    #topRightArt {
        position: relative;
        float: right
    }
    #topRightArt img {
        width: 26%;
        height: auto
    }
    #nav {
        padding-left: 154px;
        color: #838c75;
        background-size: 87% 73%
    }
    #nav ul {
        margin: 0;
        width: 67%
    }
    .navBolt1 {
        top: 88px;
        left: -142px
    }
    .navBolt2 {
        top: -30px;
        right: 726px
    }
    .navLeftNotch {
        left: -154px;
        top: 31px;
        position: relative;
        float: left
    }
    .navRightNotch {
        float: right;
        position: relative;
        top: -81px;
        right: 0
    }
    #nav ul li {
        float: left;
        margin: 0
    }
    #nav ul li.adults,
    #nav ul li.facts,
    #nav ul li.home,
    #nav ul li.make,
    #nav ul li.play,
    #nav ul li.story {
        width: 16.5%
    }
    #thirtynav {
        background-size: 100% 72px
    }
    .bottomMenu {
        margin-left: 165px;
        margin-top: 15px
    }
    .bottomMenu li {
        margin-left: 25px
    }
    .copyrightBottomText {
        margin-left: 10%
    }
    #name1_box,
    #name2_box,
    #name3_box,
    #name5_box,
    #name6_box {
        text-align: center;
        margin-bottom: 0;
        margin-top: 0;
        width: 29%;
        height: 297px;
        margin-left: 3%
    }
    #name4_box {
        text-align: center;
        margin-bottom: 0;
        margin-top: 26px;
        width: 29%;
        height: 270px;
        margin-left: 3%
    }
    #name4_box h2 {
        position: absolute;
        top: 72%;
        left: 10%
    }
    #opener {
        width: 96%;
        height: 100%;
        background: 0 0;
        border: none
    }
    #opener2 {
        width: 77%;
        height: 100%;
        background: 0 0
    }
    #mobileTextBox {
        padding-top: 24px;
        height: 80px
    }
    .mobileTextBox_main {
        padding-top: 24px;
        height: 71px
    }
    #name1_story_box,
    #name2_story_box,
    #name3_story_box,
    #name4_story_box,
    #name5_story_box,
    #name6_story_box {
        text-align: center;
        margin-top: 1%
    }
    #name1_story_box img,
    #name2_story_box img,
    #name3_story_box img,
    #name4_story_box img,
    #name5_story_box img,
    #name6_story_box img {
        position: relative
    }
    #name1_story_box {
        background: url(../images/Sub_Story/sub_story_d_30_30.png) no-repeat;
        background-position: center;
        width: 33.3%;
        height: 231px;
        cursor: pointer
    }
    #name1_story_box:hover {
        background: url(../images/Sub_Story/sub_story_d_30_30_active.png) no-repeat;
        background-position: center;
        color: #000
    }
    #name1_story_box h2 {
        position: absolute;
        top: 77%;
        left: 16%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name1_story_box_story h2 {
        left: 28%;
        top: -22%
    }
    #name2_story_box {
        background: url(../images/Sub_Story/sub_story_d_oak_tree_new.png) no-repeat;
        background-position: center;
        width: 33.3%;
        height: 231px;
        cursor: pointer
    }
    #name2_story_box:hover {
        background: url(../images/Sub_Story/sub_story_d_oak_tree_active.png) no-repeat;
        background-position: center;
        color: #000
    }
    #name2_story_box h2 {
        position: absolute;
        top: 77%;
        left: 10%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name2_story_box_story h2 {
        left: 28%;
        top: -22%
    }
    #name3_story_box {
        background: url(../images/Sub_Story/sub_story_d_tinkermeister.png) no-repeat;
        background-position: center;
        width: 33.3%;
        height: 231px;
        cursor: pointer
    }
    #name3_story_box:hover {
        background: url(../images/Sub_Story/sub_story_d_tinkermeister_active.png) no-repeat;
        background-position: center;
        color: #000
    }
    #name3_story_box h2 {
        position: absolute;
        top: 77%;
        right: 8%;
        font-family: 'Paytone One', sans-serif;
        width: 84%;
        color: #fff;
        text-shadow: none
    }
    #name3_story_box_story h2 {
        top: -22%
    }
    #name4_story_box h2 {
        position: absolute;
        top: 84%;
        left: 8%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name5_story_box {
        background: url(../images/Sub_Story/sub_story_d_megatrack.png) no-repeat;
        background-position: center;
        width: 33.3%;
        height: 231px;
        cursor: pointer
    }
    #name5_story_box:hover {
        background: url(../images/Sub_Story/sub_story_d_megatrack_active.png) no-repeat;
        background-position: center;
        color: #000
    }
    #name5_story_box h2 {
        position: absolute;
        top: 84%;
        left: 9%;
        width: 80%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name5_story_box_story h2 {
        left: 28%;
        top: -22%
    }
    #name1_play_box,
    #name2_play_box,
    #name3_play_box,
    #name4_play_box,
    #name5_play_box,
    #name6_play_box {
        text-align: center;
        margin-top: 1%
    }
    #name1_play_box img,
    #name2_play_box img,
    #name3_play_box img,
    #name4_play_box img,
    #name5_play_box img,
    #name6_play_box img {
        position: relative
    }
    #name1_play_box {
        background: url(../images/Sub_Play/sub_play_d_30_30.png) no-repeat;
        background-position: center;
        width: 33.3%;
        height: 231px;
        cursor: pointer
    }
    #name1_play_box:hover {
        background: url(../images/Sub_Play/sub_play_d_30_30_active.png) no-repeat;
        background-position: center;
        color: #000
    }
    #name1_play_box h2 {
        position: absolute;
        top: 77%;
        left: 16%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name1_play_box_story h2 {
        left: 7.5%;
        top: -21%
    }
    #name2_play_box {
        background: url(../images/Sub_Play/sub_play_d_oaktree.png) no-repeat;
        background-position: center;
        width: 33.3%;
        height: 231px;
        cursor: pointer
    }
    #name2_play_box:hover {
        background: url(../images/Sub_Play/sub_play_d_oaktree_active.png) no-repeat;
        background-position: center;
        color: #000
    }
    #name2_play_box h2 {
        position: absolute;
        top: 77%;
        left: 9%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name2_play_box_story h2 {
        left: 7.5%;
        top: -21%
    }
    #name3_play_box {
        background: url(../images/Sub_Play/sub_play_d_tinkermeister.png) no-repeat;
        background-position: center;
        width: 33.3%;
        height: 231px;
        cursor: pointer
    }
    #name3_play_box:hover {
        background: url(../images/Sub_Play/sub_play_d_tinkermeister_active.png) no-repeat;
        background-position: center;
        color: #000
    }
    #name3_play_box h2 {
        position: absolute;
        top: 77%;
        right: 9%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name3_play_box_story h2 {
        left: 7.5%;
        top: -21%
    }
    #name4_play_box h2 {
        position: absolute;
        top: 84%;
        left: 8%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name5_play_box {
        background: url(../images/Sub_Play/sub_play_d_megatrack.png) no-repeat;
        background-position: center;
        width: 33.3%;
        height: 231px;
        cursor: pointer
    }
    #name5_play_box:hover {
        background: url(../images/Sub_Play/sub_play_d_megatrack_active.png) no-repeat;
        background-position: center;
        color: #000
    }
    #name5_play_box h2 {
        position: absolute;
        top: 78%;
        left: 11%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name5_play_box_story h2 {
        left: 7.5%;
        top: -21%
    }
    #name6_play_box {
    background: url(../images/Sub_Play/sub_play_m_tadd.png) no-repeat;
    background-position: center;
    width: 33.3%;
    height: 231px;
    cursor: pointer;
    }
    #name6_play_box:hover {
        background: url(../images/Sub_Play/sub_play_m_tadd_active.png) no-repeat;
        background-position: center;
        color: #000
    }
    #name6_play_box h2 {
        position: absolute;
        top: 84%;
        right: 8%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name1_make_box h2 {
        position: absolute;
        top: 77%;
        left: 11%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1.8em
    }
    #name1_make_box_story h2 {
        left: 7.5%
    }
    #name2_make_box h2 {
        position: absolute;
        top: 77%;
        left: 8%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1.6em
    }
    #name2_make_box_story h2 {
        left: 7.5%
    }
    #name3_make_box h2 {
        position: absolute;
        top: 77%;
        right: 14%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 1.7em
    }
    #name3_make_box_story h2 {
        left: 7.5%
    }
    #name1_facts_box h2 {
        position: absolute;
        top: 80%;
        left: 8%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name1_facts_box_story h2 {
        left: 7%;
        top: -22%
    }
    #name2_facts_box h2 {
        position: absolute;
        top: 80%;
        width: 100%;
        left: 0;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name2_facts_box_story h2 {
        left: 7%;
        top: -21%
    }
    #name3_facts_box h2 {
        position: absolute;
        top: 80%;
        left: 9%;
        width: 82%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name3_facts_box_story h2 {
        left: 7%;
        top: -22%
    }
    #name4_facts_box h2 {
        position: absolute;
        top: 80%;
        left: 9%;
        width: 82%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name4_facts_box_story h2 {
        left: 7%;
        top: -22%
    }
    #name5_facts_box h2 {
        position: absolute;
        top: 79%;
        left: 7%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name5_facts_box_story h2 {
        left: 7%;
        top: -22%
    }
    #mobileTextBoxAdults {
        height: 70px;
        width: 100%;
        margin: auto
    }
    #ventLeftDiv {
        float: left;
        width: 15%
    }
    #ventRightDiv {
        float: right;
        width: 15%
    }
    #name1_adults_box {
        background: url(../images/Adults/adults_guides_d.png) no-repeat;
        background-position: center;
        width: 32%;
        height: 231px;
        cursor: pointer;
        margin-top: 1%;
        float: left;
        margin-right: 10px;
        margin-left: 10px
    }
    #name1_adults_box h2 {
        top: 65.1%;
        left: 22%
    }
    #name1_adults_box_story h2 {
        left: 18%
    }
    #name2_adults_box {
        background: url(../images/Adults/adults_shop_d_2.png) no-repeat;
        background-position: center;
        width: 32%;
        height: 231px;
        cursor: pointer;
        float: left;
        margin-top: 1%
    }
    #name2_adults_box h2 {
        top: 65.1%;
        left: 55%
    }
    #name2_adults_box_story h2 {
        left: 10%
    }
    #name3_adults_box_story h2 {
        left: 19%
    }
    #name3_story_box_story h2 {
        left: 37%
    }
    #homeButton {
        width: 98px;
        height: 98px;
        background: url(../images/Top%20Nav/home_down_d.png) no-repeat
    }
    #homeButton:hover {
        background: url(../images/Top%20Nav/home_up_d.png) no-repeat
    }
    #storyButton {
        width: 98px;
        height: 98px;
        background: url(../images/Top%20Nav/story_down_d.png) no-repeat
    }
    #storyButton:hover {
        background: url(../images/Top%20Nav/story_up_d.png) no-repeat
    }
    #playButton {
        width: 98px;
        height: 98px;
        background: url(../images/Top%20Nav/play_down_d.png) no-repeat
    }
    #playButton:hover {
        background: url(../images/Top%20Nav/play_up_d.png) no-repeat
    }
    #makeButton {
        width: 98px;
        height: 98px;
        background: url(../images/Top%20Nav/make_down_d.png) no-repeat
    }
    #makeButton:hover {
        background: url(../images/Top%20Nav/make_up_d.png) no-repeat
    }
    #factsButton {
        width: 98px;
        height: 98px;
        background: url(../images/Top%20Nav/facts_down_d.png) no-repeat
    }
    #factsButton:hover {
        background: url(../images/Top%20Nav/facts_up_d.png) no-repeat
    }
    #adultsButton {
        width: 98px;
        height: 98px;
        background: url(../images/Top%20Nav/adults_down_d.png) no-repeat
    }
    #adultsButton:hover {
        background: url(../images/Top%20Nav/adults_up_d.png) no-repeat
    }
    #copyright {
        background: #f16022
    }
    object {
        display: none
    }
    #openerOakPlay {
        display: inline!important
    }
}
@media screen and (max-width: 768px) {
    .logoImage {
        width: 100%;
        height: auto
    }
    #name5_placeholder_box_story,
    #name5_placeholder_box_story img {
        display: none
    }
    #backButton {
        width: 163px
    }
    .appStores {
        padding-left: 8px;
        text-align: center;
        display: block;
        margin: auto
    }
    .amazonBtn,
    .googlePlayBtn img {
        width: 104%!important;
        margin-left: -11px!important
    }
    #nav {
        height: 116px;
        padding-left: 0!important;
        padding-top: 2px;
        width: 100%;
        padding-right: 109px
    }
    #name3_box,
    #name5_box {
        margin-bottom: 8%!important
    }
    #mobileTextBoxCS {
        text-align: center;
        margin: auto;
        height: 50px!important;
        display: inline
    }
    #mobileTextBoxCS h2 {
        font-family: 'Paytone One', sans-serif;
        color: #6b744f;
        text-align: center;
        padding-top: 39px!important;
        display: block;
        margin: auto;
        text-shadow: 0 1px 0 #fff
    }
    #ipadClear {
        height: 100px
    }
    .navBolt2,
    .topBolts {
        display: none
    }
    #topRightArt {
        position: relative;
        float: right
    }
    .navRightNotch {
        display: none
    }
    #nav ul {
        margin: 0;
        width: 100%
    }
    #nav ul li.facts {
        width: 16%!important
    }
    .mainButton {
        min-height: 880px;
        background-color: #fbee3c;
        margin-top: 111px;
        text-align: center
    }
    .storyButton {
        min-height: 800px
    }
    .makeButton {
        min-height: 900px!important
    }
    #name1_box,
    #name2_box,
    #name3_box,
    #name4_box,
    #name5_box,
    #name6_box {
        width: 44%!important
    }
    #thirty_story_title_box {
        width: 44%;
        margin-top: 0;
        margin-left: 5%
    }
    #name1_story_box_story {
        width: 44%
    }
    #name1_play_box_story {
        width: 44%;
        margin-top: 0;
        margin-left: 5%
    }
    #name1_make_box_story {
        width: 44%
    }
    #name1_facts_box_story {
        width: 44%;
        margin-left: 5%
    }
    #name1_adults_box_story,
    #name2_story_box_story {
        width: 44%
    }
    #name2_play_box_story {
        width: 44%;
        margin-top: 0;
        margin-left: 5%
    }
    #name2_make_box_story {
        width: 44%
    }
    #name2_facts_box_story {
        width: 44%;
        margin-left: 5%
    }
    #name2_adults_box_story,
    #name3_story_box_story {
        width: 44%
    }
    #name3_play_box_story {
        width: 44%;
        margin-top: 0;
        margin-left: 5%
    }
    #name3_make_box_story {
        width: 44%
    }
    #name3_facts_box_story {
        width: 44%;
        margin-left: 5%
    }
    #name3_adults_box_story {
        width: 44%
    }
    #name4_play_box_story {
        width: 100%;
        margin-top: 60px
    }
    #name4_facts_box_story {
        width: 44%;
        margin-left: 5%
    }
    #name4_adults_box_story {
        width: 44%;
        margin-top: -18%;
        margin-left: 5%
    }
    #name5_story_box_story {
        width: 49%
    }
    #name5_play_box_story {
        width: 44%;
        margin-top: 2%;
        margin-left: 5%
    }
    #name5_make_box_story {
        width: 44%
    }
    #name5_facts_box_story {
        width: 44%;
        margin-left: 2%
    }
    #name5_adults_box_story {
        width: 44%;
        margin-top: -18%;
        margin-left: 5%
    }
    #name1_story_box,
    #name2_story_box,
    #name3_story_box,
    #name4_story_box,
    #name5_story_box,
    #name6_story_box {
        width: 40%;
        margin-left: 6%
    }
    #name3_story_box,
    #name5_story_box {
        margin-bottom: 5%
    }
    #name4_story_box {
        display: none
    }
    #mobileTextBoxCS_story {
        display: block;
        text-align: center;
        margin: auto;
        margin-top: 5%;
        float: left;
        height: 100px
    }
    #mobileTextBoxCS_story h2 {
        font-family: 'Paytone One', sans-serif;
        color: #6b744f;
        text-align: center;
        margin-left: -90px;
        text-shadow: 0 1px 0 #fff
    }
    #name1_play_box,
    #name2_play_box,
    #name3_play_box,
    #name4_play_box,
    #name5_play_box,
    #name6_play_box {
        width: 40%;
        margin-left: 6%
    }
    #name3_play_box,
    #name5_play_box {
        margin-bottom: 5%
    }
    #name6_play_box {
        
    }
    #name1_make_box,
    #name2_make_box,
    #name3_make_box {
        width: 100%!important
    }
    #name1_make_box h2,
    #name2_make_box h2 {
        left: 33%!important
    }
    #name3_make_box h2 {
        left: 7%!important
    }
    #name1_facts_box,
    #name2_facts_box,
    #name3_facts_box,
    #name4_facts_box,
    #name5_facts_box,
    #name6_facts_box {
        width: 40%;
        margin-left: 6%
    }
    #name3_facts_box,
    #name5_facts_box {
        margin-bottom: 5%
    }
    #name1_adults_box h2 {
        left: 19%;
        top: 59%
    }
    #name2_adults_box h2 {
        left: 52%;
        top: 59%
    }
    .adultsButton {
        min-height: 650px!important;
        margin: 90px 0
    }
    .bottomMenu {
        margin-left: 0;
        width: 80%
    }
    .bottomMenu a {
        color: #fff
    }
    .bottomMenu li {
        margin-left: 9px;
        list-style-type: none;
        list-style-position: inside;
        float: left;
        color: #fff;
        font-size: 15px
    }
    .copyrightBottomText {
        margin-left: 5%;
        font-size: 10px
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .logoImage {
        width: 100%;
        height: auto
    }
    #name4_box{
        margin-bottom: -30px;
    }
    #backButton {
        width: 163px
    }
    #name5_placeholder_box_story,
    #name5_placeholder_box_story img {
        display: none
    }
    .appStores {
        padding-left: 8px;
        text-align: center;
        display: block;
        margin: auto
    }
    .amazonBtn,
    .googlePlayBtn img {
        width: 104%!important;
        margin-left: -11px!important
    }
    #nav {
        height: 116px;
        padding-left: -100px!important;
        padding-top: 2px;
        width: 100%;
        padding-right: 119px
    }
    #nav ul {
        margin-left: 67px!important
    }
    #name3_box,
    #name5_box {
        margin-bottom: 8%!important
    }
    #mobileTextBoxCS {
        text-align: center;
        margin: auto;
        height: 50px!important;
        display: inline
    }
    #mobileTextBoxCS h2 {
        font-family: 'Paytone One', sans-serif;
        color: #6b744f;
        text-align: center;
        padding-top: 39px!important;
        display: block;
        margin: auto;
        text-shadow: 0 1px 0 #fff
    }
    #ipadClear {
        height: 100px
    }
    .navBolt2,
    .topBolts {
        display: none
    }
    #topRightArt {
        position: relative;
        top: -80px;
        float: right
    }
    .navRightNotch {
        display: none
    }
    #nav ul {
        margin: 0 0 0 20%;
        width: 75%
    }
    .mainButton {
        min-height: 1317px;
        background-color: #fbee3c;
        margin-top: 111px;
        text-align: center
    }
    .storyButton {
        min-height: 800px
    }
    .makeButton {
        min-height: 900px!important
    }
    #name1_box,
    #name2_box,
    #name3_box,
    #name4_box,
    #name5_box,
    #name6_box {
        width: 44%!important;
        height: 340px!important
    }
    #name1_box {
        margin-bottom: 10px
    }
    #thirty_story_title_box {
        width: 44%!important;
        margin-top: 0!important;
        margin-left: 5%!important
    }
    #name1_story_box_story {
        width: 44%!important
    }
    #name1_play_box_story {
        width: 44%!important;
        margin-top: 0!important;
        margin-left: 5%!important
    }
    #name1_make_box_story {
        width: 44%!important
    }
    #name1_facts_box_story {
        width: 44%!important;
        margin-left: 5%!important
    }
    #name1_adults_box_story {
        width: 44%!important
    }
    #name1_story_box,
    #name2_story_box,
    #name3_story_box,
    #name4_story_box,
    #name5_story_box,
    #name6_story_box {
        width: 40%!important;
        margin-left: 6%
    }
    #name3_story_box,
    #name5_story_box {
        margin-bottom: 5%
    }
    #name4_story_box,
    #name6_story_box {
        display: none
    }
    #mobileTextBoxCS_story {
        display: block;
        text-align: center;
        margin: auto;
        margin-top: 5%;
        float: left;
        height: 100px
    }
    #mobileTextBoxCS_story h2 {
        font-family: 'Paytone One', sans-serif;
        color: #6b744f;
        text-align: center;
        margin-left: -90px;
        text-shadow: 0 1px 0 #fff
    }
    #name1_play_box,
    #name2_play_box,
    #name3_play_box,
    #name4_play_box,
    #name5_play_box,
    #name6_play_box {
        width: 40%!important;
        margin-left: 6%
    }
    #name3_play_box,
    #name5_play_box {
        margin-bottom: 0%
    }
    #name3_play_box h2 {
        left: 2%!important;
        width: 100%!important
        display:none;
    }
    #name4_play_box,
    #name6_play_box {
        
    }
    #name1_make_box,
    #name2_make_box,
    #name3_make_box {
        width: 100%!important
    }
    #name1_make_box h2,
    #name2_make_box h2 {
        left: 33%!important
    }
    #name3_make_box h2 {
        left: 7%!important
    }
    #name1_facts_box,
    #name2_facts_box,
    #name3_facts_box,
    #name4_facts_box,
    #name5_facts_box,
    #name6_facts_box {
        width: 40%!important;
        margin-left: 6%
    }
    #name3_facts_box,
    #name5_facts_box {
        margin-bottom: 5%
    }
    #name4_facts_box,
    #name6_facts_box {
        display: none
    }
    #name1_adults_box h2 {
        left: 19%;
        top: 59%
    }
    #name2_adults_box h2 {
        left: 52%;
        top: 59%
    }
    .adultsButton {
        min-height: 650px!important;
        margin: 90px 0
    }
    .bottomMenu {
        margin-left: 0;
        width: 80%
    }
    .bottomMenu a {
        color: #fff
    }
    .bottomMenu li {
        margin-left: 9px;
        list-style-type: none;
        list-style-position: inside;
        float: left;
        color: #fff;
        font-size: 16px
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    body {
        overflow-x: hidden
    }
    .sectionHeaderAdults,
    .sectionHeaderFacts,
    .sectionHeaderMake,
    .sectionHeaderPlay,
    .sectionHeaderStory {
        height: 55px!important
    }
    .logoImage {
        width: 100%;
        height: auto
    }
    .topBolts {
        width: 100%!important
    }
    .homeButton {
        margin-top: 0!important
    }
    #name1_box,
    #name2_box,
    #name3_box,
    #name4_box,
    #name5_box,
    #name6_box {
        height: 315px!important
    }
    .mainButton {
        min-height: 1317px!important
    }
    #topMobileMenuBar img {
        height: auto!important;
        width: 65%!important
    }
    #logoContainer {
        background: none!important;
        margin-top: 25%!important
    }
    #nav ul li {
        float: left;
        margin: 0;
        height: 68px
    }
    #nav ul li.home {
        width: 17%!important;
        text-align: left;
        margin-top: 0;
        margin-left: -9px
    }
    #nav ul li.story {
        width: 17%!important;
        text-align: center;
        margin-top: 0
    }
    #nav ul li.play {
        width: 17%!important;
        text-align: right;
        margin-top: 0
    }
    #nav ul li.make {
        width: 17%!important;
        text-align: left;
        margin-top: 0
    }
    #nav ul li.facts {
        width: 17%;
        text-align: center;
        margin-top: 0
    }
    #nav ul li.adults {
        width: 17%!important;
        text-align: right;
        margin-top: 0
    }
    .mainButton {
        margin-top: 99px
    }
    #mobileTextBox p {
        margin-left: 15%!important
    }
    .fbicon,
    .serticon {
        margin-top: -360px!important
    }
    .ui-page-active.ui-page-panel {
        overflow: hidden!important
    }
}
@media screen and (max-width: 650px) {
    body {
        overflow-x: hidden
    }
    #name5_placeholder_box_story,
    #name5_placeholder_box_story img {
        display: none
    }
    .ui-dialog-titlebar-close:hover {
        background: url(../images/close_m_dialog_hover_click.png) no-repeat!important;
        background-size: 49% auto!important;
        background-position: 105% 0!important;
        border: none!important
    }
    .dialogRead,
    .dialogReadAdults {
        width: 100%
    }
    .googlePlayBtn {
        width: 100%!important
    }
    .logoContainer,
    .logoContainerStory {
        float: none
    }
    .grid_1,
    .grid_10,
    .grid_11,
    .grid_12,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9 {
        width: 100%
    }
    #canvas {
        top: 122px
    }
    .ui-dialog {
        width: 80%!important;
        height: 81%!important;
        top: 736px!important
    }
    .ui-dialog-titlebar-close {
        background-size: 46% auto!important;
        background-position: 100% 0!important
    }
    .appStores {
        padding-left: 28px
    }
    .amazonBtn,
    .googlePlayBtn img {
        width: 104%!important;
        margin-left: -11px!important
    }
    .dialogButtons p {
        margin-top: -10px
    }
    .homeButton {
        padding-top: 58px;
        height: 61px;
        box-shadow: 2px 2px 2px 2px #7c846b;
        background-image: none
    }
    .logoImage {
        width: 226px;
        height: auto;
        margin: 0 0 18px;
        padding-top: 6px;
        margin-left: 15px
    }
    .navBolt2,
    .subMenu {
        display: none
    }
    .topBolts {
        left: 166px;
        top: -28px;
        position: relative;
        width: 68%;
        display: none
    }
    #topLeftArt {
        position: relative;
        top: -5px;
        display: none;
        z-index: 2000
    }
    .logoContainer {
        text-align: center;
        position: static;
        height: 54px;
        width: 100%
    }
    .logoContainerStory {
        display: none
    }
    #bottomMainEtching img {
        width: 100%;
        height: auto;
        padding-top: 2%
    }
    #topRightArt {
        display: none
    }
    #nav {
        height: 149px;
        padding-left: 0!important;
        padding-top: 2px;
        background-image: none;
        width: 100%;
        margin-left: -25px;
        padding-right: 0
    }
    .navLeftNotch,
    .navRightNotch {
        display: none
    }
    #topMobileMenuBar {
        z-index: 1002!important;
        height: auto;
        width: 100%;
        position: fixed;
        display: inline!important;
        top: 0;
        float: none;
        text-align: center
    }
    .dialogEtchingLeft,
    .dialogEtchingRight {
        display: none
    }
    #topMobileMenuBar img {
        height: auto;
        width: 100%;
        box-shadow: 5px 5px 5px #888
    }
    #storyKGAPLogo {
        display: none
    }
    #nav ul {
        margin: 4% 0 0
    }
    #nav ul li a {
        -webkit-user-select: none;
        font-size: 1em
    }
    #nav ul li {
        float: left;
        margin: 0;
        height: 68px
    }
    #nav ul li.home {
        width: 33%;
        text-align: left;
        margin-top: 0
    }
    #nav ul li.story {
        width: 33%;
        text-align: center;
        margin-top: 0
    }
    #nav ul li.play {
        width: 30%;
        text-align: right;
        margin-top: 0
    }
    #nav ul li.make {
        width: 33%;
        text-align: left;
        margin-top: 0
    }
    #nav ul li.facts {
        width: 33%;
        text-align: center;
        margin-top: 0
    }
    #nav ul li.adults {
        width: 30%;
        text-align: right;
        margin-top: 0
    }
    .mobileTextBox_main {
        padding-top: 15px;
        padding-bottom: 0;
        height: 80px
    }
    .mobileTextBox_main h2 {
        font-size: 18px;
        padding-top: 0;
        margin-top: 11px!important
    }
    .mainButton {
        min-height: 970px;
        background-color: #fbee3c;
        margin-top: 3px;
        text-align: center;
        z-index: 100;
        margin-bottom: -186px
    }
    .backButton {
        padding: 5px 0 0;
        background: #00adef;
        height: 44.1px;
        position: fixed;
        z-index: 2000;
        -webkit-box-shadow: 0 3px 5px rgba(50, 50, 50, .75);
        -moz-box-shadow: 0 3px 5px rgba(50, 50, 50, .75);
        box-shadow: 0 3px 5px rgba(50, 50, 50, .75)
    }
    #name1_box,
    #name2_box,
    #name3_box,
    #name4_box,
    #name5_box,
    #name6_box {
        text-align: center;
        margin-bottom: 10px;
        margin-top: 0;
        width: 142px;
        height: 217px;
        margin-left: 3%
    }
    #name2_box img,
    #name3_box img,
    #name4_box img,
    #name5_box img,
    #name6_box img {
        height: auto
    }
    #name1_box {
        background: url('../images/Home Character Buttons/home_m_3030.png') no-repeat;
        background-size: 100%
    }
    #name1_box:hover {
        background: url('../images/Home Character Buttons/home_m_3030_active.png') no-repeat;
        background-size: 100%
    }
    #name2_box {
        background: url('../images/Home Character Buttons/home_m_tinkermeister.png') no-repeat;
        background-size: 100%
    }
    #name2_box:hover {
        background: url('../images/Home Character Buttons/home_m_tinkermeister_active.png') no-repeat;
        background-size: 100%
    }
    #name3_box {
        background: url('../images/Home Character Buttons/home_m_oaktree.png') no-repeat;
        background-size: 100%
    }
    #name3_box:hover {
        background: url('../images/Home Character Buttons/home_m_oaktree_active.png') no-repeat;
        background-size: 100%
    }
    #name4_box {
        background: url('../images/Home Character Buttons/caitlin_normal.png') no-repeat;
        background-size: 96%;
        background-position: 0 23%;
        margin-bottom: -60px;
        padding-top: 65px
    }
    #name4_box:hover {
        background: url('../images/Home Character Buttons/caitlin_hover.png') no-repeat;
        background-size: 96%;
        background-position: 0 23%;
        margin-bottom: -60px;
        padding-top: 65px
    }
    #name6_box {
        background: url('../images/Home Character Buttons/home_m_turn.png') no-repeat;
        background-size: 96%;
        background-position: 0 23%;
        margin-bottom: -20px;
        padding-top: 15px
    }
    #name6_box:hover {
        background: url('../images/Home Character Buttons/home_m_turn_active.png') no-repeat;
        background-size: 96%;
        background-position: 0 23%;
        margin-bottom: -78px;
        padding-top: 15px
    }
    #homeButton {
        width: 85px;
        height: 78px;
        background: url(../images/Top%20Nav/home_down_m.png) no-repeat
    }
    #homeButton:hover {
        background: url(../images/Top%20Nav/home_up_m.png) no-repeat
    }
    #homeButton.active {
        background: url(../images/Top%20Nav/home_up_m.png) no-repeat!important
    }
    #mobileTextBoxCS {
        text-align: center;
        margin: auto;
        height: 50px!important;
        display: inline
    }
    #mobileTextBoxCS h2 {
        font-family: 'Paytone One', sans-serif;
        color: #6b744f;
        text-align: center;
        padding-top: 39px!important;
        display: block;
        margin: auto;
        text-shadow: 0 1px 0 #fff
    }
    #storyButton {
        width: 85px;
        height: 78px;
        background: url(../images/Top%20Nav/story_down_m.png) no-repeat
    }
    #mobileTextBoxCS_story {
        display: inline;
        text-align: center;
        margin: auto;
        margin-top: 5%;
        height: 100px;
        float: none
    }
    #mobileTextBoxCS_story h2 {
        font-family: 'Paytone One', sans-serif;
        color: #6b744f;
        text-align: center;
        margin-left: 0;
        text-shadow: 0 1px 0 #fff
    }
    #storyButton.active,
    #storyButton:hover {
        background: url(../images/Top%20Nav/story_up_m.png) no-repeat
    }
    #playButton {
        width: 85px;
        height: 78px;
        background: url(../images/Top%20Nav/play_down_m.png) no-repeat
    }
    #playButton.active,
    #playButton:hover {
        background: url(../images/Top%20Nav/play_up_m.png) no-repeat
    }
    #makeButton {
        width: 85px;
        height: 69px;
        background: url(../images/Top%20Nav/make_down_m.png) no-repeat
    }
    #makeButton.active,
    #makeButton:hover {
        background: url(../images/Top%20Nav/make_up_m.png) no-repeat
    }
    #factsButton {
        width: 85px;
        height: 69px;
        background: url(../images/Top%20Nav/facts_down_m.png) no-repeat
    }
    #factsButton.active,
    #factsButton:hover {
        background: url(../images/Top%20Nav/facts_up_m.png) no-repeat
    }
    #adultsButton {
        width: 85px;
        height: 69px;
        background: url(../images/Top%20Nav/adults_down_m.png) no-repeat
    }
    #adultsButton.active,
    #adultsButton:hover {
        background: url(../images/Top%20Nav/adults_up_m.png) no-repeat
    }
    #closePanelButton img {
        height: auto
    }
    #homePanelButton {
        background: url(../images/btn_home_normal.png);
        height: auto;
        margin-bottom: -4px
    }
    #homePanelButton:hover {
        background: url(../images/btn_home_active.png);
        height: auto;
        margin-bottom: -4px
    }
    #storyPanelButton {
        background: url(../images/btn_read_normal.png);
        height: auto;
        margin-bottom: -4px
    }
    #storyPanelButton:active
    {
        background: url(../images/btn_read_active.png);
        height: auto;
        margin-bottom: -4px
    }
    #playPanelButton,
    #playPanelButton:active {
        background: url(../images/btn_play_normal.png);
        height: auto;
        margin-bottom: -4px
    }
    #makePanelButton,
    #makePanelButton:active {
        background: url(../images/btn_make_normal.png);
        height: auto;
        margin-bottom: -4px
    }
    #factsPanelButton {
        background: url(../images/btn_facts_normal.png);
        height: auto;
        margin-bottom: -4px
    }
    #adultsPanelButton {
        background: url(../images/btn_adults_normal.png);
        height: auto;
        margin-bottom: -4px
    }
    #about,
    #intro {
        display: none
    }
    #thirty_story_title_box {
        width: 100%;
        margin-top: 0;
        margin-bottom: 2px;
        height: 259px;
        margin-left: 0
    }
    #name1_story_box_story,
    #name6_story_box_story {
        width: 100%;
        height: 273px;
        margin-top: 0;
        padding-top: 80px;
        margin-bottom: -105px
    }
    #name1_story_box_story h2 {
        left: 28%;
        top: -42%
    }
    #name1_story_box,
    #name2_story_box,
    #name3_story_box,
    #name4_story_box,
    #name5_story_box,
    #name6_story_box {
        width: 98%;
        margin-top: 6%;
        margin-left: 2px
    }
    #name1_story_box img {
        margin-top: 60px!important
    }
    #name1_story_box img,
    #name2_story_box img,
    #name3_story_box img,
    #name4_story_box img,
    #name5_story_box img,
    #name6_story_box img {
        text-align: center;
        margin-bottom: 0;
        margin-top: 20px;
        width: 98%;
        height: auto
    }
    #name1_story_box h2 {
        position: absolute;
        top: 78.5%;
        left: 19%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name2_story_box_story {
        width: 100%;
        height: 273px;
        margin-top: 0;
        padding-top: 80px;
        margin-bottom: -105px
    }
    #name2_story_box_story h2 {
        left: 28%;
        top: -42%
    }
    #name2_story_box h2 {
        position: absolute;
        top: 78.5%;
        left: 12%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name2_story_box,
    #name3_story_box {
        margin-bottom: -1px
    }
    #name3_story_box_story {
        width: 100%;
        height: 273px;
        margin-top: 0;
        padding-top: 80px;
        margin-bottom: -105px
    }
    #name3_story_box_story h2 {
        left: 28%;
        top: -42%
    }
    #name3_story_box h2 {
        position: absolute;
        top: 78.5%;
        right: 8%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name4_story_box {
        display: none
    }
    #name4_story_box_story,
    #name5_story_box_story {
        width: 100%;
        height: 273px;
        margin-top: 0;
        padding-top: 80px;
        margin-bottom: -105px
    }
    #name5_story_box_story h2 {
        left: 28%;
        top: -42%
    }
    #name5_story_box {
        margin-bottom: 4%
    }
    #name5_story_box h2 {
        position: absolute;
        top: 78.5%;
        left: 15%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name1_play_box,
    #name2_play_box,
    #name3_play_box,
    #name4_play_box,
    #name5_play_box,
    #name6_play_box {
        width: 98%;
        margin-top: 4%;
        margin-left: 2px
    }
    #name1_play_box img {
        margin-top: 60px!important
    }
    #name1_play_box img,
    #name2_play_box img,
    #name3_play_box img,
    #name4_play_box img,
    #name5_play_box img,
    #name6_play_box img {
        text-align: center;
        margin-bottom: 0;
        margin-top: 20px
    }
    #name1_play_box h2 {
        position: absolute;
        top: 78.5%;
        left: 19%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name1_play_box_story {
        width: 100%;
        padding-top: 120px;
        margin-bottom: -95px;
        margin-left: 0
    }
    #name1_play_box_story h2 {
        top: -49%
    }
    #name2_play_box_story {
        width: 100%;
        padding-top: 120px;
        margin-bottom: -95px;
        margin-left: 0
    }
    #name2_play_box_story h2 {
        top: -49%;
        left: 9%
    }
    #name2_play_box h2 {
        position: absolute;
        top: 78.5%;
        left: 12%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name3_play_box h2 {
        position: absolute;
        top: 78.5%;
        right: 8%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name3_play_box_story {
        width: 100%;
        padding-top: 120px;
        margin-bottom: -95px;
        margin-left: 0
    }
    #name3_play_box_story h2 {
        top: -49%;
        left: 8%
    }
    #name5_play_box_story {
        width: 100%;
        padding-top: 120px;
        margin-bottom: -95px;
        margin-left: 0
    }
    #name5_play_box_story h2 {
        top: -49%;
        left: 8%
    }
    #name5_play_box h2 {
        position: absolute;
        top: 78.5%;
        left: 15%;
        font-family: 'Paytone One', sans-serif;
        color: #fff;
        text-shadow: none
    }
    #name6_play_box {
        
    }
    #topStoryEtching img {
        width: 100%;
        height: auto;
        padding-top: 2%;
        margin-top: 11%;
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }
    #name1_play_box,
    #name3_play_box,
    #name4_play_box,
    #name5_play_box,
    #name6_play_box {
        text-align: center;
        margin-bottom: 0;
        margin-top: 16px;
        width: 100%;
        padding-left: 2px
    }
    #name2_play_box {
        padding-left: 2px
    }
    #name1_play_box img,
    #name2_play_box img,
    #name3_play_box img,
    #name4_play_box img,
    #name5_play_box img,
    #name6_play_box img {
        width: 100%;
        height: auto
    }
    #name1_make_box,
    #name2_make_box,
    #name3_make_box {
        width: 100%!important
    }
    #name1_make_box_story {
        width: 100%;
        padding-top: 125px;
        margin-bottom: -115px
    }
    #name1_make_box_story h2 {
        top: -51%
    }
    #mobileTextBoxMake h2 {
        font-size: 18px
    }
    #name1_make_box h2,
    #name2_make_box h2 {
        left: 12%!important
    }
    #name2_make_box_story {
        width: 100%;
        padding-top: 125px;
        margin-bottom: -115px
    }
    #name2_make_box_story h2 {
        top: -51%;
        left: 8%
    }
    #name3_make_box h2 {
        left: 7%!important
    }
    #name3_make_box_story {
        width: 100%;
        padding-top: 125px;
        margin-bottom: -115px
    }
    #name3_make_box_story h2 {
        top: -51%;
        left: 10%
    }
    #name5_make_box_story {
        width: 100%;
        padding-top: 125px;
        margin-bottom: -115px
    }
    #name5_make_box_story h2 {
        top: 51%;
        left: 10%
    }
    #mainMakeDownload {
        text-align: center
    }
    #mainMakeDownload img {
        width: 100%;
        height: auto;
        margin-top: 20%
    }
    #mainMakeColoring {
        text-align: center
    }
    #mainMakeColoring img {
        width: 100%;
        height: auto;
        margin-top: 2%
    }
    #name1_facts_box,
    #name2_facts_box,
    #name3_facts_box,
    #name4_facts_box,
    #name5_facts_box,
    #name6_facts_box {
        width: 100%!important;
        margin-left: 2px
    }
    #name1_facts_box_story {
        width: 100%;
        padding-top: 132px;
        margin-bottom: -84px;
        margin-left: 0
    }
    #name1_facts_box_story h2 {
        top: -50%
    }
    #name2_facts_box_story {
        width: 100%;
        padding-top: 132px;
        margin-bottom: -84px;
        margin-left: 0
    }
    #name2_facts_box_story h2 {
        top: -50%;
        left: 10%
    }
    #name3_facts_box_story {
        width: 100%;
        padding-top: 132px;
        margin-bottom: -84px;
        margin-left: 0
    }
    #name4_facts_box_story {
        width: 100%;
        padding-top: 132px;
        margin-bottom: -4px;
        margin-left: 0
    }
    #name3_facts_box_story h2 {
        top: -50%;
        left: 9%
    }
    #name3_facts_box,
    #name5_facts_box {
        margin-bottom: 5%
    }
    #name5_facts_box_story {
        width: 100%;
        padding-top: 132px;
        margin-bottom: -84px
    }
    #name5_facts_box_story h2 {
        top: -50.5%;
        left: 11%;
        font-size: 1.2em
    }
    #name6_facts_box_story {
        width: 100%;
        padding-top: 132px;
        margin-bottom: -84px
    }
    #name6_facts_box_story h2 {
        top: -50.5%;
        left: 11%;
        font-size: 1.2em
    }
    #name1_adults_box_story {
        width: 100%;
        padding-top: 80px;
        margin-bottom: 332px
    }
    #name1_adults_box_story h2 {
        top: -38.5%
    }
    #name2_adults_box_story {
        width: 100%;
        padding-top: 80px;
        margin-bottom: 346px
    }
    #name2_adults_box_story h2 {
        top: -38%;
        left: 12%
    }
    #name3_adults_box_story {
        width: 100%;
        padding-top: 80px;
        margin-bottom: 337px
    }
    #name3_adults_box_story h2 {
        top: -39%;
        left: 20%
    }
    #name4_adults_box_story,
    #name5_adults_box_story {
        width: 100%;
        padding-top: 172px;
        margin-bottom: 343px;
        margin-left: 1%
    }
    #name5_adults_box_story h2 {
        top: -38%;
        left: 13%
    }
    .factsButton {
        min-height: 1578px
    }
    #thirtyMain {
        margin-top: -92px;
        min-height: 266px;
        background-color: #ef332e
    }
    #thirtyStory {
        background-color: #ef332e;
        text-align: center;
        min-height: 216px
    }
    #thirtyStory img {
        width: 98%;
        height: auto
    }
    #thirtyPlay {
        background-color: #ef332e;
        text-align: center
    }
    #thirtyPlay img {
        width: 98%;
        height: auto
    }
    #oaktreeMain {
        margin-top: -87px;
        min-height: 1287px;
        background-color: #29aae1
    }
    #tinkermeisterMain {
        margin-top: -93px;
        min-height: 224px;
        background-color: #9fcb3a
    }
    #tinkermeisterStory {
        background-color: #9fcb3a;
        text-align: center;
        min-height: 216px
    }
    #tinkermeisterStory img {
        width: 98%;
        height: auto
    }
    #tinkermeisterPlay {
        background-color: #9fcb3a;
        text-align: center
    }
    #tinkermeisterPlay img {
        width: 98%;
        height: auto
    }
    #megatrackMain {
        margin-top: -92px;
        min-height: 1287px;
        background-color: #fbee3d
    }
    .bookTitle img {
        width: 80%;
        height: auto;
        margin-top: 7%
    }
    .bookTitle p {
        display: block!important;
        text-align: center;
        margin: auto;
        font-family: 'Helvetica LT Std', Helvetica, Arial, 'Lucida Grande', sans-serif;
        font-weight: 700;
        font-size: 16px;
        padding-top: 10px;
        color: #FFF
    }
    .storyButton {
        min-height: 1170px;
        margin-bottom: -28px
    }
    .playButton {
        min-height: 1419px;
        margin-top: 27px
    }
    #mobileTextBox {
        text-align: center;
        height: 47px
    }
    #facts1image,
    #facts2image,
    #facts3image,
    #facts4image {
        text-align: center
    }
    #facts1image img,
    #facts2image img,
    #facts3image img,
    #facts4image img {
        text-align: center;
        display: block;
        padding-top: 10px;
        width: 95%;
        height: auto;
        margin: auto
    }
    #mobileTextBox h2 {
        display: inline;
        text-align: center;
        font-family: 'Paytone One', sans-serif;
        font-size: 18px;
        color: #ef332e;
        margin-top: 10px
    }
    #mobileTextBox p {
        display: inline;
        text-align: center;
        margin: auto;
        float: left;
        font-family: 'Helvetica LT Std', Helvetica, Arial, 'Lucida Grande', sans-serif;
        font-weight: 700;
        font-size: 16px;
        padding-bottom: 10px
    }
    #copyright {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 355px;
        width: 100%;
        background: #999;
        text-align: center;
        z-index: 12;
        -webkit-box-shadow: 0 -4px 33px -6px rgba(0, 0, 0, .75);
        -moz-box-shadow: 0 -4px 33px -6px rgba(0, 0, 0, .75);
        box-shadow: 0 -4px 33px -6px rgba(0, 0, 0, .75)
    }
    .mainWrapper {
        width: 100%;
        margin: auto
    }
    .leftSidebar,
    .rightSidebar {
        display: none
    }
    .bottomMenu {
        padding: 0;
        margin: 0;
        width: 100%
    }
    .characterImg,
    .machineImg {
        display: none
    }
    .socialButtons {
        position: static;
        float: left;
        margin-top: 5%;
        width: 100%
    }
    .contestImg {
        margin: auto;
        padding: 20px;
        float: none
    }
    .bottomMenu li:first-child {
        list-style-type: circle
    }
    .bottomMenu li {
        float: none;
        list-style-type: none!important;
        margin-left: 0;
        border-top: 1px solid #96d1f8;
        background: #f16022;
        background: -webkit-gradient(linear, left top, left bottom, from(#f16022), to(#f16022));
        background: -webkit-linear-gradient(top, #f16022, #f16022);
        background: -moz-linear-gradient(top, #f16022, #f16022);
        background: -ms-linear-gradient(top, #f16022, #f16022);
        background: -o-linear-gradient(top, #f16022, #f16022);
        padding: 10px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: rgba(0, 0, 0, 1)0 1px 0;
        -moz-box-shadow: rgba(0, 0, 0, 1)0 1px 0;
        box-shadow: rgba(0, 0, 0, 1)0 1px 0;
        text-shadow: rgba(0, 0, 0, .4)0 1px 0;
        color: #fff;
        font-size: 25px;
        font-family: Helvetica, Arial, Sans-Serif;
        text-decoration: none;
        vertical-align: middle;
        margin-bottom: 3px
    }
    .bottomMenu li:hover {
        border-top-color: #00afe9;
        background: #00afe9;
        color: #000!important
    }
    .bottomMenu li a:hover {
        color: #000!important
    }
    #mobileTextBoxAdults h2 {
        font-size: 18px
    }
    #ventLeftDiv,
    #ventRightDiv {
        display: none
    }
    #name1_adults_box,
    #name2_adults_box {
        width: 100%;
        margin-left: 2px
    }
    #name1_adults_box h2 {
        left: 20%;
        top: 49%
    }
    #name2_adults_box h2 {
        left: 21%;
        top: 84%
    }
    .adultsBevelBottom {
        width: 100%;
        height: auto;
        padding: 20px 0;
        margin-bottom: 10px
    }
    .contestImg img {
        width: 34%;
        height: auto
    }
    .serticon {
        width: 24%!important;
        float: left;
        margin-left: 9%;
        height: auto;
        position: relative;
        margin-top: -286px
    }
    .fbicon {
        width: 17%!important;
        height: auto;
        float: right;
        margin-right: 13%;
        margin-top: -286px
    }
    #topLeftButton {
        display: inline;
        width: 100%;
        float: left
    }
    #topRightButton {
        display: inline;
        width: 50%;
        float: right
    }
    #topLeftButton img {
        width: 100%;
        height: auto;
        margin-top: -5px;
        margin-left: -2px
    }
    #topRightButton img {
        width: 141px;
        height: auto;
        margin-top: -6px;
        float: right
    }
    .storyBevelFix {
        margin-top: 30px;
        margin-bottom: 10px;
        width: 100%;
        height: auto;
        display: none
    }
    .adultsButton {
        margin-bottom: 320px
    }
    .copyrightBottomText {
        margin-left: 5%
    }
    #openerOakPlay {
        display: inline!important
    }
    #name5_box {
        width: 53%!important;
        margin-top: -7px;
        margin-left: -1%
    }
    .contestImg a,
    .contestImg img {
        border: none;
        overflow: hidden;
        float: none
    }
    ul {
        padding: 0 0 0 11%
    }
    .sectionHeaderStory {
        background: url(../images/sectionHeaders/Section-headers-stories-m.png) no-repeat;
        height: 30px;
        background-position: 50% 0;
        background-size: 40% auto
    }
    .sectionHeaderPlay {
        background: url(../images/sectionHeaders/Section-headers-play-m.png) no-repeat;
        height: 30px;
        background-position: 50% 0;
        background-size: 40% auto
    }
    .sectionHeaderMake {
        background: url(../images/sectionHeaders/Section-headers-make-m.png) no-repeat;
        height: 30px;
        background-position: 50% 0;
        background-size: 40% auto
    }
    .sectionHeaderFacts {
        background: url(../images/sectionHeaders/Section-headers-facts-m.png) no-repeat;
        height: 30px;
        background-position: 50% 0;
        background-size: 40% auto
    }
    .sectionHeaderAdults {
        background: url(../images/sectionHeaders/Section-headers-adults-m.png) no-repeat;
        height: 30px;
        background-position: 50% 0;
        background-size: 40% auto
    }
}

@media screen and (min-width: 1330px) {

}