/*
    brown: 3b2213
*/

html, body {
    background-image: url('/images/background.png');
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-size: 16px;
    font-family: helvetica;
    line-height: 22px;
    color: #666666;
    /*--prevent font size increase--*/
    -webkit-text-size-adjust: 100%;
}

a:link {
    color: royalblue;
    text-decoration: none;
}

a:visited {
    color: royalblue;
}

.width-max-720 {
    max-width: 720px;
}

.width-max-800 {
    max-width: 800px;
}

.width-max-900 {
    max-width: 900px;
}

#admin_container {
    display: table;
    margin: 0 auto;
    width: 950px;
    background-color: #ffffff;
    padding: 10px;
}

.admin_form_container {
    clear: both;
    width: 600px;
    height: 35px;
}

.admin_form_left {
    float: left;
    width: 125px;
    font-size: 15px;
    font-family: Verdana;
    color: #666666;
}

.admin_form_right {
    float: left;
    width: 300px;
}

.admin_text_in {
    padding: 2px;
    color: #666666;
    font-family: Verdana;
    font-size: 15px;
    border: 1pt solid silver;
}

​ .birthday_email {
    color: #231f20;
    font-size: 30px;
    line-height: 40px;
    font-family: Arial;
    font-weight: bold;
}

.birthday_email a:link {
    color: #8d9ef1;
    font-size: 30px;
    line-height: 40px;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
}

.birthday_email a:visited {
    color: #8d9ef1;
    font-size: 30px;
    line-height: 40px;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
}

.birthday_email a:hover {
    text-decoration: underline;
}

.calendar_head_blue {
    text-align: left;
    padding: 0px;
    font-size: 12pt;
    font-family: Verdana;
    color: #ff99cc;
    background-color: #9a0200;
    height: 30px;
}

    .calendar_head_blue A:link {
        color: #ff99cc;
        text-decoration: none;
    }

    .calendar_head_blue V:link {
        color: #ff99cc;
        text-decoration: none;
    }

.calendar_head_day {
    color: #ff99cc;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: normal;
}

.clear {
    clear: both;
    height: 25px;
}

#comm_calendar {
    width: 300px;
}

#comm_calendar_container {
    display: table;
    width: 100%;
    clear: both;
}

.comm_calendar_info {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
    padding-top: 10px;
}

.nf-height-25 {
    height: 25px;
}

.nf-handle-padding {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.nf-top-container {
    background-color: #ffffff;
    border-bottom: 2pt solid #3c2211;
}

.nf-container {
    width: 90%;
    margin: 0 auto;
    padding: 25px;
    background-color: #ffffff;
    overflow: auto;
}

.nf-container-one-half-left {
    float: left;
    width: 49%;
}

.nf-container-one-half-right {
    float: right;
    width: 49%;
}

@media(max-width:800px) {
    .nf-container {
        width: 100%;
        padding: 5px;
    }

    .nf-container-one-half-left, .nf-container-one-half-right {
        float: none;
        width: 100%;
    }
}

.nf-text-sm{
    font-style:italic;
    color:#888888;
    font-size:14px;
}


.nf-center {
    margin: 0 auto;
    display: table;
}

#container_middle {
    width: 100%;
    padding: 0px;
}

#container_menu_4 {
    width: 950px;
    position: absolute;
    left: 50%;
    margin-left: -472px;
    padding: 0px;
    background-image: url('/images/top_main_9.png');
    background-repeat: no-repeat;
    height: 165px;
}

#container_top_3 {
    width: 100%;
    padding: 0px;
    background-color: #3b2213;
    height: 145px;
}

#container_top_menu {
    padding-left: 35px;
    padding-top: 20px;
}

#content-back-left {
    float: left;
    width: 50%;
}

#content-back-right {
    float: right;
    width: 45%;
}

@media (max-width: 600px) {
    #content-back-left {
        float: none;
        width: 100%;
        padding-bottom: 15px;
    }

    #content-back-right {
        float: none;
        width: 100%;
    }
}


#content_body {
    padding: 25px;
}

#content_text {
    width: 1000px;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    background-color: #ffffff;
}

.event_link {
    font-size: 22px;
    font-family: Verdana;
    color: #3c2211;
    line-height: 22px;
    padding-bottom: 5px;
}

    .event_link a:visited {
        font-size: 22px;
        font-family: Verdana;
        color: #3c2211;
        text-decoration: none;
    }


    .event_link a:link {
        font-size: 22px;
        font-family: Verdana;
        color: #3c2211;
        text-decoration: none;
    }

    .event_link a:hover {
        text-decoration: underline;
    }

.header {
    color: #c65000;
    font-family: helvetica;
    font-size: 30px;
    font-weight: bold;
    line-height: 33px;
    padding-bottom: 10px;
}

    .header a:link, .header a:visited {
        font-family: helvetica;
        text-decoration: none;
        color: #c65000;
    }

.hm-lower-left {
    float: left;
    width: 47%;
}

.hm-lower-right {
    float: right;
    width: 47%;
}

.hm-lower-img {
    display: table-cell;
    width: 125px;
}

.hm-lower-text {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
    padding-top: 10px;
}

.hm-middle-left {
    width: 100%;
    height: auto;
    max-width: 600px;
}

.hm-middle-right {
    width: 100%;
    height: auto;
    max-width: 366px;
}

@media (max-width:500px) {
    .hm-lower-img {
        display: block;
        width: 100%;
        height: auto;
    }

    .hm-lower-text {
        display: block;
    }
}

@media (max-width: 1150px) {
    .hm-lower-left, .hm-lower-right {
        float: none;
        width: 100%;
        padding-bottom: 25px;
    }
}

.hori_line {
    height: 20px;
    background-image: url('/images/hori_line.png');
    width: 100%;
}

.mechanic_quote {
    font-size: 17px;
    font-style: italic;
    color: #c65100;
    padding-bottom: 25px;
}

.text {
    font-size: 15px;
    font-family: helvetica;
    line-height: 20px;
    color: #666;
}

    .text a:link, .text a:visited, .text a:hover {
        color: #8d9ef1;
        text-decoration: none;
    }

    .text a:hover {
        text-decoration: underline;
    }

.text_bold_one {
    font-weight: bold;
    font-size: 25px;
    font-family: helvetica;
    color: #333333;
    line-height: 30px;
}


.text_in {
    padding: 3px;
    color: #666;
    font-size: 9px;
    font-family: Verdana;
    border: 1pt solid #999;
}

.text_lg {
    font-size: 20px;
    font-family: helvetica;
    line-height: 20px;
    color: #666;
}

    .text_lg a:link {
        font-size: 20px;
        font-family: helvetica;
        color: #8d9ef1;
        text-decoration: none;
    }

    .text_lg a:visited {
        font-size: 20px;
        font-family: helvetica;
        color: #8d9ef1;
        text-decoration: none;
    }

    .text_lg a:hover {
        font-size: 20px;
        font-family: helvetica;
        color: #8d9ef1;
        text-decoration: underline;
    }

.text_menu {
    color: #666;
    font-size: 16px;
    font-family: helvetica;
}

    .text_menu a:link {
        color: #666;
        text-decoration: none;
    }

    .text_menu a:visited {
        text-decoration: none;
        color: #666;
    }

    .text_menu a:hover {
        color: #666;
        text-decoration: underline;
    }

.text_menu_lower {
    padding-top: 5px;
}

    .text_menu_lower a:link, .text_menu_lower a:visited {
        color: #b31927;
        text-decoration: none;
    }

.text_sm {
    font-size: 13px;
    font-family: helvetica;
    line-height: 18px;
    color: #666;
}

    .text_sm a:link {
        color: #c65100;
        text-decoration: none;
    }

    .text_sm a:visited {
        color: #c65100;
        text-decoration: none;
    }

    .text_sm a:hover {
        text-decoration: underline;
    }

.text_head_sub {
    color: #c65100;
    font-family: helvetica;
    font-size: 25px;
    font-weight: bold;
}


#top_menu {
    padding-top: 45px;
}

.top_menu_area {
    margin: 0 auto;
    display: table;
    padding: 7px 0px 25px 0px;
}

.tt-quote {
    font-style: italic;
    font-size: 15px;
    margin: 0 auto;
    display: table;
}

#wrapper {
    min-height: 100%;
    position: relative;
}

/*---studio page rotating images---*/
#lower_container {
    height: 40px;
}

.nav {
    position: relative;
    z-index: 50;
    margin-top: 6px;
    margin-left: 9px;
}



#container_main_lower_table {
    display: table;
    width: 100%;
    clear: both;
}

.nf-app-back {
    background-color: #ffffff;
}

.nf-padding-5 {
    padding: 5px;
}

.img-back-multi {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
}

.img_back_right {
    float: right;
    max-width: 500px;
    padding-left: 10px;
}

.img_back_contact {
    float: right;
    height: 500px;
    width: 500px;
    max-width: 500px;
    padding-left: 10px;
}

.img_responsive {
    width: 100%;
    height: auto;
}

.massage_contact {
    float: left;
    width: 200px;
}

#middle_graphics {
    vertical-align: top;
    margin: 0 auto;
    display: table;
}

#middle_graphics_left {
    float: left;
    text-align: right;
}

#middle_graphics_right {
    float: left;
    padding-left: 10px;
}

.nf-middle-main {
    padding: 5px 75px 25px 75px;
    max-width: 1028px;
    margin: 0 auto;
}

.nf-bold-red {
    font-weight: bold;
    color: #9a0200;
    font-size: 17px;
}

.nf-clear {
    clear: both;
}

.nf-line {
    height: 1px;
    padding: 0px;
}

.nf-line-white {
    background-color: #ffffff
}

.nf-top-left {
    float: left;
}

.nf-top-right {
    float: right;
}

#nf-top-logo {
    float: left;
    width: 230px;
    text-align: left;
}

#gift_certificates {
    float: left;
    padding: 10px;
    background-color: #bc1f2b;
    color: #ffffff;
    font-family: Arial;
}

    #gift_certificates a:link, #gift_certificates a:visited {
        color: #ffffff;
        text-decoration: none;
    }

.staff_container {
    display: table;
    width: 100%;
    clear: both;
}

.staff_img {
    width: 275px;
    height: auto;
}

.staff_left {
    display: table-cell;
    width: 300px;
    vertical-align: top;
}

.staff_right {
    display: table-cell;
    padding-left: 10px;
    vertical-align: top;
}

#top_menu_area_social_buttons {
    float: left;
    padding-top: 5px;
}

@media (max-width: 1100px) {
    #comm_calendar {
        display: table;
        margin: 0 auto;
    }

    #comm_calendar_container {
        display: block;
        width: 100%;
        clear: both;
    }

    .comm_calendar_info {
        display: block;
    }

    .nf-container-menu {
        display: none;
    }

    .img_back_contact {
        width: 100%;
        padding-left: 0px;
        padding-bottom: 15px;
        height: 500px;
        max-width: 1000px;
        float: none;
        clear: both;
    }

    .img_back_right {
        float: none;
        max-width: 500px;
        clear: both;
        padding-bottom: 15px;
        padding-left: 0px;
        margin: 0 auto;
        display: table;
    }

    .staff_img {
        max-width: 500px;
        height: auto;
        padding-bottom: 15px;
        display: table;
        margin: 0 auto;
        width: 100%;
    }


    .staff_left {
        display: block;
        width: 100%;
    }

    .staff_right {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }

    .top_menu_area {
        display: none;
    }

    .massage_contact {
        float: none;
        padding-bottom: 25px;
    }

    #top_logo {
        float: none;
        width: 230px;
        text-align: center;
        background-color: #ff99cc;
    }
}

/***************middle graphics change once*************/

@media (max-width: 1200px) {
    #middle_graphics_left {
        float: none;
        text-align: center;
    }

    #middle_graphics_right {
        float: none;
        text-align: center;
        padding: 25px 0px 15px 0px;
    }

    .nf-middle-main {
        padding: 10px;
    }
}


/******************slick nav*******************/

#m-header {
    display: none;
}

.slicknav_menu {
    display: none;
}


@media (max-width: 1100px) {

    #m-header {
        display: inline;
    }

    .js #menu {
        display: none;
    }

    .js .slicknav_menu {
        display: block;
    }
}


/*---footer---*/

.nf-footer-container {
    background-color: #3b2213;
    font-family: Arial;
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
    padding: 10px 25px 25px 25px;
    display: block;
    overflow: auto;
    color: #ffffff;
}

    .nf-footer-container a:link, .nf-footer-container a:visited {
        color: #ffffff;
        text-decoration: none;
    }

.nf-footer-container-inner {
    max-width: 1028px;
    margin: 0 auto;
}

.footer {
    width: 100%;
    padding: 0px;
}

#footer_info {
    float: left;
    font-size: 12px;
}

#footer_menu {
    float: right;
    text-align: right;
}

.footer {
    width: 90%;
    margin: 0 auto;
    height: 80px;
    background-color: #503220;
    padding: 25px;
}

@media (max-width: 1100px) {
    .nf-footer-container {
        width: 100%;
        padding: 0px 0px 15px 0px;
    }

    #footer_info, #footer_menu {
        float: none;
        text-align: center;
    }

    #footer_menu {
        display: none;
    }
}