.blackfont{color: rgba(68,68,68,1);}
.grayfont{color: rgba(98,98,98,1);}
.bluefont{color: rgba(48,79,133,1);}
.goldfont{color: rgba(150,130,9,1);}
.whitefont{color: rgba(255,255,255,1);}

.blackdotb2{border: none;border-bottom: 2px dotted rgba(98,98,98,1);}
.blackdotb1{border: none;border-bottom: 1px dotted rgba(98,98,98,1);}
.blacksolidb1{border: none;border-bottom: 1px solid rgba(98,98,98,1);}
.blacksolidt1{border: none;border-top: 1px solid rgba(98,98,98,1);}
.whitesolid4{border: 4px solid rgba(255,255,255,1);}
.yellowsolid2{border: 2px solid rgba(255,204,27,1);}

.navblacksolidb1::after{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    display: block;
    border-left: 1px solid rgba(68,68,68,1);
    left: 0;
    top: 0;
    line-height: 0px;
}

.hoverblacksolidb1pa .hoverblacksolidb1::after{
    content: '';
    width: 1px;
    height: 0;
    position: absolute;
    display: block;
    border-left: 1px solid rgba(68,68,68,1);
    left: 0;
    top: 0;
    line-height: 0px;
    transition: height 0.2s;
    -webkit-transition: height 0.2s;
}
.hoverblacksolidb1pa:hover .hoverblacksolidb1::after, .hoverblacksolidb1pa:focus .hoverblacksolidb1::after, .hoverblacksolidb1pa:active .hoverblacksolidb1::after{
    height: 100%;
}
.hoverblacksolidb1pa .writingvrl{
    transform:translate(100%,0px) rotate(0deg);
    -webkit-transform:translate(100%,0px) rotate(0deg);
    opacity: 0.0;
    filter: alpha(opacity=0);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.hoverblacksolidb1pa:hover .writingvrl, .hoverblacksolidb1pa:focus .writingvrl, .hoverblacksolidb1pa:active .writingvrl{
    transform:translate(0px,0px) rotate(0.1deg);
    -webkit-transform:translate(0px,0px) rotate(0.1deg);
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.yellowdeltar::after{
    content: '';
    display: block;
    width: 0px;
    height: 0ox;
    line-height: 0px;
    border-width: 8px 0px 8px 16px;
    border-color: transparent transparent transparent rgba(255,204,27,1);
    border-style: solid;
    position: absolute;
    top: 12px;
    left: 0;
}

.skindeltab::after{
    content: '';
    display: block;
    width: 0px;
    height: 0ox;
    line-height: 0px;
    border-width: 24px 32px 0px 32px;
    border-color: rgba(250,247,232,1) transparent transparent transparent;
    border-style: solid;
    position: absolute;
    top: -8px;
    left: -32px;
}

.paddingtb4l24r0{padding: 4px 0px 4px 24px;}
.paddingtb4lr0{padding: 4px 0px;}
.padding24{padding: 24px;}

.blackboxshadowt8inset{
    box-shadow: 0px 8px 8px -9px rgba(98,98,98,.8) inset;
    -webkit-box-shadow: 0px 8px 8px -9px rgba(98,98,98,.8) inset;
}
.blackboxshadow8inset{
    box-shadow: 0px 0px 8px -1px rgba(98,98,98,.8) inset;
    -webkit-box-shadow: 0px 0px 8px -1px rgba(98,98,98,.8) inset;
}
.blackboxshadowb8{
    box-shadow: 0px 8px 8px -9px rgba(98,98,98,.8);
    -webkit-box-shadow: 0px 8px 8px -9px rgba(98,98,98,.8);
}
.blackboxshadow4{
    box-shadow: 0px 0px 4px -1px rgba(98,98,98,.8);
    -webkit-box-shadow: 0px 0px 4px -1px rgba(98,98,98,.8);
}
.blackboxshadowrb4{
    box-shadow: 4px 4px 4px -1px rgba(98,98,98,.8);
    -webkit-box-shadow: 4px 4px 4px -1px rgba(98,98,98,.8);
}
.dropshadowrb2{
    -webkit-filter: drop-shadow(2px 2px 0px rgba(98,98,98,.6));
    filter: drop-shadow(2px 2px 0px rgba(98,98,98,.6));
}

.skinbg{background: rgba(250,247,232,1);}
.lightyellowbg{background: rgba(229,208,101,1);}
.yellowbg{background: rgba(242,211,94,1);}
.brownbg{background: rgba(71,66,63,1);}
.whitebg{background: rgba(255,255,255,1);}
.blackbg70{background: rgba(0,0,0,.7);}
.yellowbg70{background: rgba(255,204,27,.7);}
.indexaboutbg{
    background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0.001)), url(../fimgs/indexaboutbg.jpg) right bottom no-repeat;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0.001))), url(../fimgs/indexaboutbg.jpg) right bottom no-repeat;
    background: -o-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0.001)), url(../fimgs/indexaboutbg.jpg) right bottom no-repeat;
    background: -moz-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0.001)), url(../fimgs/indexaboutbg.jpg) right bottom no-repeat;
    background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.001)), url(../fimgs/indexaboutbg.jpg) right bottom no-repeat;
    background-size: auto, contain;
}

.writingvlr{
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
}
.writingvrl{
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
}

.skew24{
    transform:skewX(-24deg);
    -webkit-transform:skewX(-24deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    outline-style: transparent;
}
.maxh70{
    max-height: 70%;
}
.h96px{
    height: 96px;
}

@media only screen and (min-width: 1001px){
    #map{
        max-width: 100%;
        white-space: 100%;
        height: 400px;
        margin: 8px auto;
        padding: 0px;
        display: block;
    }
    .casebg{
        background: url(../fimgs/casebgb.jpg) top center no-repeat;
        background-size: cover;
    }
}

@media only screen and (max-width: 1000px){
    #map{
        max-width: 100%;
        white-space: 100%;
        height: 200px;
        margin: 8px auto;
        padding: 0px;
        display: block;
    }
    .casebg{
        background: url(../fimgs/casebgs.jpg) top center no-repeat;
        background-size: cover;
    }
}