@font-face {
    font-family: 'old_gate_lane_nfregular';
    src: url('/media/fonts/oldgatelanenf-webfont.eot');
    src: url('/media/fonts/-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/oldgatelanenf-webfont.woff2') format('woff2'),
         url('/media/fonts/oldgatelanenf-webfont.woff') format('woff'),
         url('/media/fonts/oldgatelanenf-webfont.ttf') format('truetype'),
         url('/media/fonts/oldgatelanenf-webfont.svg#old_gate_lane_nfregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexa_rust_handmadeextended';
    src: url('/media/fonts/NexaRustHandmade-Extended-Free-webfont.eot');
    src: url('/media/fonts/NexaRustHandmade-Extended-Free-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/NexaRustHandmade-Extended-Free-webfont.woff2') format('woff2'),
         url('/media/fonts/NexaRustHandmade-Extended-Free-webfont.woff') format('woff'),
         url('/media/fonts/NexaRustHandmade-Extended-Free-webfont.ttf') format('truetype'),
         url('/media/fonts/NexaRustHandmade-Extended-Free-webfont.svg#nexa_rust_handmadeextended') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexa_rust_script_l0regular';
    src: url('/media/fonts/NexaRustScriptL-0-Free-webfont.eot');
    src: url('/media/fonts/NexaRustScriptL-0-Free-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/NexaRustScriptL-0-Free-webfont.woff2') format('woff2'),
         url('/media/fonts/NexaRustScriptL-0-Free-webfont.woff') format('woff'),
         url('/media/fonts/NexaRustScriptL-0-Free-webfont.ttf') format('truetype'),
         url('/media/fonts/NexaRustScriptL-0-Free-webfont.svg#nexa_rust_script_l0regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'nexa_rust_slabblack_shadow_01';
    src: url('/media/fonts/NexaRustSlab-BlackShadow01-Free-webfont.eot');
    src: url('/media/fonts/NexaRustSlab-BlackShadow01-Free-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/NexaRustSlab-BlackShadow01-Free-webfont.woff2') format('woff2'),
         url('/media/fonts/NexaRustSlab-BlackShadow01-Free-webfont.woff') format('woff'),
         url('/media/fonts/NexaRustSlab-BlackShadow01-Free-webfont.ttf') format('truetype'),
         url('/media/fonts/NexaRustSlab-BlackShadow01-Free-webfont.svg#nexa_rust_slabblack_shadow_01') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'betty_noirregular';
    src: url('/media/fonts/bettynoir-webfont.eot');
    src: url('/media/fonts/bettynoir-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/bettynoir-webfont.woff2') format('woff2'),
         url('/media/fonts/bettynoir-webfont.woff') format('woff'),
         url('/media/fonts/bettynoir-webfont.ttf') format('truetype'),
         url('/media/fonts/bettynoir-webfont.svg#betty_noirregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'josefin_slablight';
    src: url('/media/fonts/josefinslab-light.eot');
    src: url('/media/fonts/josefinslab-light.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/josefinslab-light.woff2') format('woff2'),
         url('/media/fonts/josefinslab-light.woff') format('woff'),
         url('/media/fonts/josefinslab-light.ttf') format('truetype'),
         url('/media/fonts/josefinslab-light.svg#josefin_slablight') format('svg');
    font-weight: normal;
    font-style: normal;

}
            body  {
                background-color: #42526C;
                overflow: auto;
                text-align: center;
                text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
            }

            #logo  {
                background: url(/media/images/vintage-sign-kennensieole.png) no-repeat center top transparent;
                position: relative;
                margin: 50px auto 10px;
                display: block;
                width: 684px;
                height: 256px;
            }

            #start-menu   {
                position: relative;
                display: inline-block;
                width: 684px;
                margin: 5px auto 0px;                
            }

            .sign  {
                display: block;
                width: 684px;
                height: 192px;
                position: relative;
            }

            .sign.yellow  {
                background: url(/media/images/vintage-sign-yellow.png) left top no-repeat transparent;
            }
            .sign.green  {
                background: url(/media/images/vintage-sign-green.png) left top no-repeat transparent;
            }
            .sign.red  {
                background: url(/media/images/vintage-sign-red.png) left top no-repeat transparent;
            }
            .sign.blue  {
                background: url(/media/images/vintage-sign-blue.png) left top no-repeat transparent;
            }

            ul  {
                list-style: none;
                display: table;
                margin: 0px;
                padding: 0px;
            }
            
            ul > li {
                display: table-row;
                width: 684px;
                height: 192px;
            }

            .optionbox,
            .descriptionbox,
            .sign-icon  {
                position: absolute;
                display: inline-block;
            }

            .optionbox *,
            .descriptionbox *  {
                position: relative;
                color: black;
            }

            .optionbox h3,
            .descriptionbox h3  {
                color: white;
                text-shadow: 2px 2px #42526C;
                font-family: "betty_noirregular";
                font-size: 20px;
                height: 21px;
                line-height: 21px;
                text-align: left;
            }
            .descriptionbox p,
            .optionbox p  {
                font-family: 'josefin_slablight';
                text-align: justify;
            }


            .optionbox  {
                height: 225px;
                left: 14px;
                top: 16px;
                width: 86px;
            }

            .optionbox h3  {
                margin: 5px 8px;
            }
            .optionbox p  {
                height: 121px;
                margin: 4px 12px;
                overflow: hidden;
                width: 57px;
            }

            .descriptionbox  {
                height: 159px;
                left: 176px;
                top: 16px;
                width: 331px;
            }

            .descriptionbox h3  {
                margin: 5px 20px;
            }
            .descriptionbox p  {
                height: 178px;
                margin: 6px 11px 0 23px;
                overflow: hidden;
            }

            .sign-icon  {
                height: 50px;
                left: 560px;
                top: 85px;
                width: 50px;
            }

            .sign-icon  {
            }

            .sign-icon > * {
                margin: -50% -50%;
            }