/* -------------- Mobile Styles ---------------- */

/* ------------ Smartphones Portrait --------- */

@media only screen
and (max-width : 320px) and (orientation : portrait) {

    html {}
    body {
         width: 100%;
         background: url("graphics/images/mobi-texture-bg.png") repeat-x scroll left top #FFFFFF
    }
    
    .utilityNav { display: none; }
    #utility p { display: none; }
    
    .container_12, .container_16 { width: 100%; }
    .container_12 .grid_16, .container_12 .grid_15, .container_12.grid_14, .container_12 .grid_13, .container_12 .grid_12, .container_12 .grid_11, .container_12 .grid_10, .container_12 .grid_9, .container_12 .grid_8, .container_12 .grid_7, .container_12 .grid_6, .container_12 .grid_5, .container_12 .grid_4, .container_12 .grid_3, .container_12 .grid_2, .container_12 .grid_1 { margin: 0; width: 100%; clear: both; float: none; }
    
    .mobile-hide {display: none;}
    .desktop-hide {display: block;}

    * {
      	-webkit-box-sizing: border-box;
     	-moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    /* ------------- Header -------------- */
    header {
        height: auto;
        margin: 0 0 5px 0;
    }
    
    header .logo {
        display: block;
        width: 308px;
        margin: 15px auto;
        float: none;
    }
    
    #nav-wrapper {
        margin: 0px;
        position: relative;
        width: 100%;
        height: 26px;
        display: block;
        background: url(graphics/images/mobi-nav-bg.png) no-repeat right top;
    }
    
    .mobi-nav, .mobi-nav:visited {
        display: block;
        float: right;
        height: 26px;
        line-height: 26px;
        width: 66px;
        color: #fff;
        font-weight: 500;
        text-align: center;
        position: relative;
        z-index: 1000;
    }
    
    .mobi-nav:hover {
        color: #fff;
    }
    
    header nav {
        position: absolute;
        width: 100%;
    }
    
    header nav ul {
        border-bottom: none;
        border-top: none;
        float: none;
        height: auto;
        width: 100%;
        display: none;
        position: relative;
        top: 28px;
        background: #fff;
        padding: 0 0 1px 0;
        z-index: 900;
    }
    
    nav li {
        float: none;
        display: block;
    }
    
    header nav a, header nav a:visited {
        color: #fff;
        display: block;
        height: auto;
        line-height: 1em;
        background: #3495B0;
        margin: 0 0 2px;
        padding: 5% 5%;
        text-transform: uppercase;
    }
    
    header nav a:hover, header nav a.current {
        border-bottom: none;
        color: #fff;
        height: auto;
        background: #20829B;
        line-height: 1em;
        text-decoration: none;
    }
    
    /* ---------------- Home Content ----------------- */
    
    .mobile-callouts {
        padding: 0 5px 15px;
        margin: 0 0 0px 0;
    }
    
    .mobile-callouts a, .mobile-callouts a:visited {
        display: block;
        margin: 0px auto 5px;
        width: 100%;
        color: #fff !important;
        height: 70px;
    }
    
    .mobile-callouts a:hover, .mobile-accounts a:active {
        text-decoration: none;
        color: #fff;
    }
    
    .mobile-callouts a h3 {
        margin: 0;
        color: #fff;
        font-size: 1.467em;
        line-height: 1em;
        font-weight: 400;
    }
    
    .mobile-callouts a p {
        margin: 0;
        color: #fff;
    }
    
    .mobi-callout-left {
        float: left;
        width: 29%;
        height: 100%;
    }
    
    .mobi-callout-right {
        float: left;
        height: 100%;
        padding: 15px 5px 0 10px;
    }
    
    .mobi-account {
        background: #a6c753; /* Old browsers */
        background: -moz-linear-gradient(top,  #a6c753 0%, #97b849 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6c753), color-stop(100%,#97b849)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #a6c753 0%,#97b849 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c753', endColorstr='#97b849',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-account .mobi-callout-left {
        border-right: 1px solid #8AA543;
        padding: 15px 10px 0;
    }
    
    .mobi-account .mobi-callout-right {
        border-left: 1px solid #B2CB70;
    }
    
    .mobi-catalog {
        background: #e1b645; /* Old browsers */
        background: -moz-linear-gradient(top,  #e1b645 0%, #d2ab3c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1b645), color-stop(100%,#d2ab3c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #e1b645 0%,#d2ab3c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1b645', endColorstr='#d2ab3c',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-catalog .mobi-callout-left {
        border-right: 1px solid #C09C3B;
        padding: 10px 10px 0;
    }
    
    .mobi-catalog .mobi-callout-right {
        border-left: 1px solid #E1C165;
    }
    
    .mobi-hours {
        background: #d85540; /* Old browsers */
        background: -moz-linear-gradient(top,  #d85540 0%, #cc4c36 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d85540), color-stop(100%,#cc4c36)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #d85540 0%,#cc4c36 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d85540', endColorstr='#cc4c36',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-hours .mobi-callout-left {
        border-right: 1px solid #B54534;
        padding: 11px 10px 0 17px;
    }
    
    .mobi-hours .mobi-callout-right {
        border-left: 1px solid #DA7463;
    }
    
    .mobi-events {
        background: #67c2d8; /* Old browsers */
        background: -moz-linear-gradient(top,  #67c2d8 0%, #5cb4cd 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67c2d8), color-stop(100%,#5cb4cd)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #67c2d8 0%,#5cb4cd 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c2d8', endColorstr='#5cb4cd',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-events .mobi-callout-left {
        border-right: 1px solid #509DB3;
        padding: 17px 10px 0 17px;
    }
    
    .mobi-events .mobi-callout-right {
        border-left: 1px solid #80C6DA;
    }
    
    .mobi-social {
        display: block;
        width: 109px;
        margin: 0 auto 25px;
    }
    
    .mobi-social .facebook, .mobi-social .twitter {
        margin: 0 5px 0 0;
    }
    
    .mobi-social .pinterest {
        margin: 0;
    }
    
    /* -------------- Slideshow --------------- */
    
    .feature {
        margin: 0 0 20px;
        padding: 0px 0 0;
    }
    
    #slideshow {
        height: auto;
        position: relative;
    }   
    
    #pager {
        display: none;
    }
    
    .cycle {
        height: 197px !important;
        position: relative;
        width: 100% !important;
    }
    
    .slide {
        height: 197px !important;
        width: 100% !important;
        background: none !important;
    }
    
    .slide-link {
        display: block;
        height: auto !important;
        width: auto !important;
        z-index: 500;
    }
    
    .slide-title-yellow, .slide-title, .slide-title-green, .slide-title-blue {
        display: none;
    }
    
    .slide-content {
        background: url("graphics/images/slide-content.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        color: #FFFFFF;
        float: none;
        display: block;
        font-size: 0.867em;
        height: 197px;
        line-height: 1.333em;
        margin: 0 auto;
        padding: 15px 20px 30px;
        width: 270px;
    }
    
    .slide-content-yellow {
        background: url("graphics/images/slide-content.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        color: #FFFFFF;
        float: none;
        display: block;
        font-size: 0.867em;
        height: 197px;
        line-height: 1.333em;
        margin: 0 auto;
        padding: 15px 20px 30px;
        width: 270px;
    }
    
    .slide-content-green {
        background: url("graphics/images/slide-content-small.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        bottom: auto;
        color: #FFFFFF;
        font-size: 0.867em;
        height: 168px;
        left: auto;
        line-height: 1.333em;
        margin: 0 auto;
        display: block;
        padding: 15px 20px 30px;
        position: relative;
        width: 270px;
    }
    
    .slide-content-blue {
        background: url("graphics/images/slide-content-small.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        bottom: auto;
        color: #FFFFFF;
        font-size: 0.867em;
        height: 168px;
        left: auto;
        line-height: 1.333em;
        margin: 0 auto;
        display: block;
        padding: 15px 20px 30px;
        position: relative;
        width: 270px;
    }
    
    /* ------------ Interior ------------ */
    
    #content-area {
        border-right: none;
        margin: 0;
        width: 100%;
        padding: 20px 10px;
        position: relative;
        display: block;
    }
    
    img {
        max-width: 100%;
    }
    
    #content-area img {
        max-width: 100%;
        display: block;
    }
    
    .webpage-wrapper img {
        float: none !important;
        display: block !important;
        max-width: 100% !important;
        margin: 0 auto 15px !important;
    }
    
    table.fifty {
        display: none;
    }
    
    .fifty td {
        width: 50%;
    }

    .webpage-wrapper {
        min-height: 0;
        padding: 0;
        position: relative;
        display: block;
        width: 100%;
    }   
    
    .module li a, .module li a:visited {
        padding: 3% 5%;
    }
    
    .module li li a, .module li li a:visited, .module li li a.current {
        padding: 3% 5% 3% 8%;
    }
    
    .blog-left {
        float: none;
        margin: 0 0 0px 0;
        min-height: 0px;
        padding: 0 0 0px;
        position: relative;
        width: 100%;
    }
    
    .blog-right {
        float: none;
        padding: 5px 0 0;
        width: 100%;
    }
    
    .blog-meta {
        bottom: auto;
        color: #41ABC7;
        font-style: italic;
        position: relative;
        margin: 20px 0 0 0;
        right: auto;
        text-align: right;
    }
    
    /* --------- Footer --------------- */
    
    footer {
        background: none repeat scroll 0 0 #F1F1F1;
        border-top: 1px solid #CFCFCF;
        clear: both;
        color: #6E6E6E;
        display: block;
        font-size: 0.8em;
        padding: 20px 0;
        width: 100%;
    }
    
    .facebook, .facebook:visited {
        background: url("graphics/images/social-sprite.png") no-repeat scroll left top rgba(0, 0, 0, 0);
        display: block;
        height: 33px;
        left: auto;
        float: left;
        margin: 0 5px 20px 25px;
        position: relative;
        top: auto;
        width: 33px;
    }
    
    .twitter, .twitter:visited {
        background: url("graphics/images/social-sprite.png") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block;
        height: 33px;
        left: auto;
        float: left;
        margin: 0 0 20px 0;
        position: relative;
        top: auto;
        width: 33px;
    }
    
    .footerMainNav {
        display: none;
    }
    
    .copyright {
        display: none;
    }
    
    .copyright-mobile {
        float: none;
        margin: 0;
        padding: 0 25px;
    }

}


/* ---------------- Smartphones Landscape ------------- */

@media only screen
and (min-width : 321px) 
and (max-width : 480px) 
and (orientation : landscape) {

    html {}
    body {
         width: 100%;
         background: url("graphics/images/mobi-texture-bg.png") repeat-x scroll left top #FFFFFF
    }
    
    .utilityNav { display: none; }
    #utility p { display: none; }
    
    .container_12, .container_16 { width: 100%; }
    .container_12 .grid_16, .container_12 .grid_15, .container_12.grid_14, .container_12 .grid_13, .container_12 .grid_12, .container_12 .grid_11, .container_12 .grid_10, .container_12 .grid_9, .container_12 .grid_8, .container_12 .grid_7, .container_12 .grid_6, .container_12 .grid_5, .container_12 .grid_4, .container_12 .grid_3, .container_12 .grid_2, .container_12 .grid_1 { margin: 0; width: 100%; clear: both; float: none; }
    
    .mobile-hide {display: none;}
    .desktop-hide {display: block;}

    * {
          -webkit-box-sizing: border-box;
     	-moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    /* ------------- Header -------------- */
    header {
        height: auto;
        margin: 0 0 5px 0;
    }
    
    header .logo {
        display: block;
        width: 308px;
        margin: 15px auto;
        float: none;
    }
    
    #nav-wrapper {
        margin: 0px;
        position: relative;
        width: 100%;
        height: 26px;
        display: block;
        background: url(graphics/images/mobi-nav-bg.png) no-repeat right top;
    }
    
    .mobi-nav, .mobi-nav:visited {
        display: block;
        float: right;
        height: 26px;
        line-height: 26px;
        width: 66px;
        color: #fff;
        font-weight: 500;
        text-align: center;
        position: relative;
        z-index: 1000;
    }
    
    .mobi-nav:hover {
        color: #fff;
    }
    
    header nav {
        position: absolute;
        width: 100%;
    }
    
    header nav ul {
        border-bottom: none;
        border-top: none;
        float: none;
        height: auto;
        width: 100%;
        display: none;
        position: relative;
        top: 28px;
        background: #fff;
        padding: 0 0 1px 0;
        z-index: 900;
    }
    
    nav li {
        float: none;
        display: block;
    }
    
    header nav a, header nav a:visited {
        color: #fff;
        display: block;
        height: auto;
        line-height: 1em;
        background: #3495B0;
        margin: 0 0 2px;
        padding: 2.5% 2.5%;
        text-transform: uppercase;
    }
    
    header nav a:hover, header nav a.current {
        border-bottom: none;
        color: #fff;
        height: auto;
        background: #20829B;
        line-height: 1em;
        text-decoration: none;
    }
    
    /* ---------------- Home Content ----------------- */
    
    .mobile-callouts {
        padding: 0 5px 15px;
        margin: 0 0 0px 0;
    }
    
    .mobile-callouts a, .mobile-callouts a:visited {
        display: block;
        margin: 0px auto 5px;
        width: 100%;
        color: #fff !important;
        height: 70px;
    }
    
    .mobile-callouts a:hover, .mobile-accounts a:active {
        text-decoration: none;
        color: #fff;
    }
    
    .mobile-callouts a h3 {
        margin: 0;
        color: #fff;
        font-size: 1.467em;
        line-height: 1em;
        font-weight: 400;
    }
    
    .mobile-callouts a p {
        margin: 0;
        color: #fff;
    }
    
    .mobi-callout-left {
        float: left;
        width: 29%;
        height: 100%;
    }
    
    .mobi-callout-right {
        float: left;
        height: 100%;
        padding: 15px 5px 0 10px;
    }
    
    .mobi-account {
        background: #a6c753; /* Old browsers */
        background: -moz-linear-gradient(top,  #a6c753 0%, #97b849 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6c753), color-stop(100%,#97b849)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #a6c753 0%,#97b849 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c753', endColorstr='#97b849',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-account .mobi-callout-left {
        border-right: 1px solid #8AA543;
        padding: 15px 10px 0;
    }
    
    .mobi-account .mobi-callout-right {
        border-left: 1px solid #B2CB70;
    }
    
    .mobi-catalog {
        background: #e1b645; /* Old browsers */
        background: -moz-linear-gradient(top,  #e1b645 0%, #d2ab3c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1b645), color-stop(100%,#d2ab3c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #e1b645 0%,#d2ab3c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1b645', endColorstr='#d2ab3c',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-catalog .mobi-callout-left {
        border-right: 1px solid #C09C3B;
        padding: 10px 10px 0;
    }
    
    .mobi-catalog .mobi-callout-right {
        border-left: 1px solid #E1C165;
    }
    
    .mobi-hours {
        background: #d85540; /* Old browsers */
        background: -moz-linear-gradient(top,  #d85540 0%, #cc4c36 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d85540), color-stop(100%,#cc4c36)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #d85540 0%,#cc4c36 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d85540', endColorstr='#cc4c36',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-hours .mobi-callout-left {
        border-right: 1px solid #B54534;
        padding: 11px 10px 0 17px;
    }
    
    .mobi-hours .mobi-callout-right {
        border-left: 1px solid #DA7463;
    }
    
    .mobi-events {
        background: #67c2d8; /* Old browsers */
        background: -moz-linear-gradient(top,  #67c2d8 0%, #5cb4cd 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67c2d8), color-stop(100%,#5cb4cd)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #67c2d8 0%,#5cb4cd 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c2d8', endColorstr='#5cb4cd',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-events .mobi-callout-left {
        border-right: 1px solid #509DB3;
        padding: 17px 10px 0 17px;
    }
    
    .mobi-events .mobi-callout-right {
        border-left: 1px solid #80C6DA;
    }
    
    .mobi-social {
        display: block;
        width: 109px;
        margin: 0 auto 25px;
    }
    
    .mobi-social .facebook, .mobi-social .twitter {
        margin: 0 5px 0 0;
    }
    
    .mobi-social .pinterest {
        margin: 0;
    }
    
    
    /* -------------- Slideshow --------------- */
    
    .feature {
        margin: 0 0 20px;
        padding: 0px 0 0;
    }
    
    #slideshow {
        height: auto;
        position: relative;
    }   
    
    #pager {
        display: none;
    }
    
    .cycle {
        height: 197px !important;
        position: relative;
        width: 100% !important;
    }
    
    .slide {
        height: 197px !important;
        width: 100% !important;
        background: none !important;
    }
    
    .slide-link {
        display: block;
        height: auto !important;
        width: auto !important;
        z-index: 500;
    }
    
    .slide-title-yellow, .slide-title, .slide-title-green, .slide-title-blue {
        display: none;
    }
    
    .slide-content {
        background: url("graphics/images/slide-content.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        color: #FFFFFF;
        float: none;
        display: block;
        font-size: 0.867em;
        height: 197px;
        line-height: 1.333em;
        margin: 0 auto;
        padding: 15px 20px 30px;
        width: 270px;
    }
    
    .slide-content-yellow {
        background: url("graphics/images/slide-content.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        color: #FFFFFF;
        float: none;
        display: block;
        font-size: 0.867em;
        height: 197px;
        line-height: 1.333em;
        margin: 0 auto;
        padding: 15px 20px 30px;
        width: 270px;
    }
    
    .slide-content-green {
        background: url("graphics/images/slide-content-small.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        bottom: auto;
        color: #FFFFFF;
        font-size: 0.867em;
        height: 168px;
        left: auto;
        line-height: 1.333em;
        margin: 0 auto;
        display: block;
        padding: 15px 20px 30px;
        position: relative;
        width: 270px;
    }
    
    .slide-content-blue {
        background: url("graphics/images/slide-content-small.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        bottom: auto;
        color: #FFFFFF;
        font-size: 0.867em;
        height: 168px;
        left: auto;
        line-height: 1.333em;
        margin: 0 auto;
        display: block;
        padding: 15px 20px 30px;
        position: relative;
        width: 270px;
    }
    
    /* ------------ Interior ------------ */
    
    #content-area {
        border-right: none;
        margin: 0;
        width: 100%;
        padding: 20px 10px;
        position: relative;
        display: block;
    }
    
    img {
        max-width: 100%;
    }
    
    #content-area img {
        max-width: 100%;
        display: block;
    }
    
    .webpage-wrapper img {
        float: none !important;
        display: block !important;
        max-width: 100% !important;
        margin: 0 auto 15px !important;
    }
    
    table.fifty {
        display: none;
    }
    
    .fifty td {
        width: 50%;
    }

    .webpage-wrapper {
        min-height: 0;
        padding: 0;
        position: relative;
        display: block;
        width: 100%;
    }   
    
    .module li a, .module li a:visited {
        padding: 2% 3%;
    }
    
    .module li li a, .module li li a:visited, .module li li a.current {
        padding: 2% 3% 2% 5.5%;
    }
    
    .blog-left {
        float: none;
        margin: 0 0 0px 0;
        min-height: 0px;
        padding: 0 0 0px;
        position: relative;
        width: 100%;
    }
    
    .blog-right {
        float: none;
        padding: 5px 0 0;
        width: 100%;
    }
    
    .blog-meta {
        bottom: auto;
        color: #41ABC7;
        font-style: italic;
        position: relative;
        margin: 20px 0 0 0;
        right: auto;
        text-align: right;
    }
    
    /* --------- Footer --------------- */
    
    footer {
        background: none repeat scroll 0 0 #F1F1F1;
        border-top: 1px solid #CFCFCF;
        clear: both;
        color: #6E6E6E;
        display: block;
        font-size: 0.8em;
        padding: 20px 0;
        width: 100%;
    }
    
    .facebook, .facebook:visited {
        background: url("graphics/images/social-sprite.png") no-repeat scroll left top rgba(0, 0, 0, 0);
        display: block;
        height: 33px;
        left: auto;
        float: left;
        margin: 0 5px 20px 25px;
        position: relative;
        top: auto;
        width: 33px;
    }
    
    .twitter, .twitter:visited {
        background: url("graphics/images/social-sprite.png") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block;
        height: 33px;
        left: auto;
        float: left;
        margin: 0 0 20px 0;
        position: relative;
        top: auto;
        width: 33px;
    }
    
    .footerMainNav {
        display: none;
    }
    
    .copyright {
        display: none;
    }
    
    .copyright-mobile {
        float: none;
        margin: 0;
        padding: 0 25px;
    }

}

/* ----------- iPad Portrait ---------- */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) 
and (orientation: portrait)  {

    html {}
    body {
         width: 100%;
         background: url("graphics/images/mobi-texture-bg.png") repeat-x scroll left top #FFFFFF
    }
    
    .utilityNav { display: none; }
    #utility p { display: none; }
    
    .container_12, .container_16 { width: 100%; }
    .container_12 .grid_16, .container_12 .grid_15, .container_12.grid_14, .container_12 .grid_13, .container_12 .grid_12, .container_12 .grid_11, .container_12 .grid_10, .container_12 .grid_9, .container_12 .grid_8, .container_12 .grid_7, .container_12 .grid_6, .container_12 .grid_5, .container_12 .grid_4, .container_12 .grid_3, .container_12 .grid_2, .container_12 .grid_1 { margin: 0; width: 100%; clear: both; float: none; }
    
    .mobile-hide {display: none;}
    .desktop-hide {display: block;}

    * {
          -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    /* ------------- Header -------------- */
    header {
        height: auto;
        margin: 0 0 5px 0;
    }
    
    header .logo {
        display: block;
        width: 308px;
        margin: 15px auto;
        float: none;
    }
    
    #nav-wrapper {
        margin: 0px;
        position: relative;
        width: 100%;
        height: 26px;
        display: block;
        background: url(graphics/images/mobi-nav-bg.png) no-repeat right top;
    }
    
    .mobi-nav, .mobi-nav:visited {
        display: block;
        float: right;
        height: 26px;
        line-height: 26px;
        width: 66px;
        color: #fff;
        font-weight: 500;
        text-align: center;
        position: relative;
        z-index: 1000;
    }
    
    .mobi-nav:hover {
        color: #fff;
    }
    
    header nav {
        position: absolute;
        width: 100%;
    }
    
    header nav ul {
        border-bottom: none;
        border-top: none;
        float: none;
        height: auto;
        width: 100%;
        display: none;
        position: relative;
        top: 28px;
        background: #fff;
        padding: 0 0 1px 0;
        z-index: 900;
    }
    
    nav li {
        float: none;
        display: block;
    }
    
    header nav a, header nav a:visited {
        color: #fff;
        display: block;
        height: auto;
        line-height: 1em;
        background: #3495B0;
        margin: 0 0 2px;
        padding: 2.5% 2.5%;
        text-transform: uppercase;
    }
    
    header nav a:hover, header nav a.current {
        border-bottom: none;
        color: #fff;
        height: auto;
        background: #20829B;
        line-height: 1em;
        text-decoration: none;
    }
    
    /* ---------------- Home Content ----------------- */
    
    .mobile-callouts {
        padding: 0 5px 15px;
        margin: 0 0 0px 0;
    }
    
    .mobile-callouts a, .mobile-callouts a:visited {
        display: block;
        margin: 0px auto 5px;
        width: 100%;
        color: #fff !important;
        height: 70px;
    }
    
    .mobile-callouts a:hover, .mobile-accounts a:active {
        text-decoration: none;
        color: #fff;
    }
    
    .mobile-callouts a h3 {
        margin: 0;
        color: #fff;
        font-size: 1.467em;
        line-height: 1em;
        font-weight: 400;
    }
    
    .mobile-callouts a p {
        margin: 0;
        color: #fff;
    }
    
    .mobi-callout-left {
        float: left;
        width: 29%;
        height: 100%;
    }
    
    .mobi-callout-right {
        float: left;
        height: 100%;
        padding: 15px 5px 0 10px;
    }
    
    .mobi-account {
        background: #a6c753; /* Old browsers */
        background: -moz-linear-gradient(top,  #a6c753 0%, #97b849 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6c753), color-stop(100%,#97b849)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #a6c753 0%,#97b849 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c753', endColorstr='#97b849',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-account .mobi-callout-left {
        border-right: 1px solid #8AA543;
        padding: 15px 10px 0;
    }
    
    .mobi-account .mobi-callout-right {
        border-left: 1px solid #B2CB70;
    }
    
    .mobi-catalog {
        background: #e1b645; /* Old browsers */
        background: -moz-linear-gradient(top,  #e1b645 0%, #d2ab3c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1b645), color-stop(100%,#d2ab3c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #e1b645 0%,#d2ab3c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1b645', endColorstr='#d2ab3c',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-catalog .mobi-callout-left {
        border-right: 1px solid #C09C3B;
        padding: 10px 10px 0;
    }
    
    .mobi-catalog .mobi-callout-right {
        border-left: 1px solid #E1C165;
    }
    
    .mobi-hours {
        background: #d85540; /* Old browsers */
        background: -moz-linear-gradient(top,  #d85540 0%, #cc4c36 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d85540), color-stop(100%,#cc4c36)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #d85540 0%,#cc4c36 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d85540', endColorstr='#cc4c36',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-hours .mobi-callout-left {
        border-right: 1px solid #B54534;
        padding: 11px 10px 0 17px;
    }
    
    .mobi-hours .mobi-callout-right {
        border-left: 1px solid #DA7463;
    }
    
    .mobi-events {
        background: #67c2d8; /* Old browsers */
        background: -moz-linear-gradient(top,  #67c2d8 0%, #5cb4cd 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67c2d8), color-stop(100%,#5cb4cd)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #67c2d8 0%,#5cb4cd 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c2d8', endColorstr='#5cb4cd',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-events .mobi-callout-left {
        border-right: 1px solid #509DB3;
        padding: 17px 10px 0 17px;
    }
    
    .mobi-events .mobi-callout-right {
        border-left: 1px solid #80C6DA;
    }
    
    .mobi-social {
        display: block;
        width: 109px;
        margin: 0 auto 25px;
    }
    
    .mobi-social .facebook, .mobi-social .twitter {
        margin: 0 5px 0 0;
    }
    
    .mobi-social .pinterest {
        margin: 0;
    }
    
    
    /* -------------- Slideshow --------------- */
    
    .feature {
        margin: 0 0 20px;
        padding: 0px 0 0;
    }
    
    #slideshow {
        height: auto;
        position: relative;
    }   
    
    #pager {
        display: none;
    }
    
    .cycle {
        height: 197px !important;
        position: relative;
        width: 100% !important;
    }
    
    .slide {
        height: 197px !important;
        width: 100% !important;
        background: none !important;
    }
    
    .slide-link {
        display: block;
        height: auto !important;
        width: auto !important;
        z-index: 500;
    }
    
    .slide-title-yellow, .slide-title, .slide-title-green, .slide-title-blue {
        display: none;
    }
    
    .slide-content {
        background: url("graphics/images/slide-content.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        color: #FFFFFF;
        float: none;
        display: block;
        font-size: 0.867em;
        height: 197px;
        line-height: 1.333em;
        margin: 0 auto;
        padding: 15px 20px 30px;
        width: 270px;
    }
    
    .slide-content-yellow {
        background: url("graphics/images/slide-content.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        color: #FFFFFF;
        float: none;
        display: block;
        font-size: 0.867em;
        height: 197px;
        line-height: 1.333em;
        margin: 0 auto;
        padding: 15px 20px 30px;
        width: 270px;
    }
    
    .slide-content-green {
        background: url("graphics/images/slide-content-small.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        bottom: auto;
        color: #FFFFFF;
        font-size: 0.867em;
        height: 168px;
        left: auto;
        line-height: 1.333em;
        margin: 0 auto;
        display: block;
        padding: 15px 20px 30px;
        position: relative;
        width: 270px;
    }
    
    .slide-content-blue {
        background: url("graphics/images/slide-content-small.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        bottom: auto;
        color: #FFFFFF;
        font-size: 0.867em;
        height: 168px;
        left: auto;
        line-height: 1.333em;
        margin: 0 auto;
        display: block;
        padding: 15px 20px 30px;
        position: relative;
        width: 270px;
    }
    
    /* ------------ Interior ------------ */
    
    #content-area {
        border-right: none;
        margin: 0;
        width: 100%;
        padding: 20px 10px;
        position: relative;
        display: block;
    }
    
    img {
        max-width: 100%;
    }
    
    #content-area img {
        max-width: 100%;
        display: block;
    }
    
    .webpage-wrapper img {
        float: none !important;
        display: block !important;
        max-width: 100% !important;
        margin: 0 auto 15px !important;
    }
    
    table.fifty {
        display: none;
    }
    
    .fifty td {
        width: 50%;
    }

    .webpage-wrapper {
        min-height: 0;
        padding: 0;
        position: relative;
        display: block;
        width: 100%;
    }   
    
    .module li a, .module li a:visited {
        padding: 2% 3%;
    }
    
    .module li li a, .module li li a:visited, .module li li a.current {
        padding: 2% 3% 2% 5.5%;
    }
    
    .blog-left {
        float: none;
        margin: 0 0 0px 0;
        min-height: 0px;
        padding: 0 0 0px;
        position: relative;
        width: 100%;
    }
    
    .blog-right {
        float: none;
        padding: 5px 0 0;
        width: 100%;
    }
    
    .blog-meta {
        bottom: auto;
        color: #41ABC7;
        font-style: italic;
        position: relative;
        margin: 20px 0 0 0;
        right: auto;
        text-align: right;
    }
    
    /* --------- Footer --------------- */
    
    footer {
        background: none repeat scroll 0 0 #F1F1F1;
        border-top: 1px solid #CFCFCF;
        clear: both;
        color: #6E6E6E;
        display: block;
        font-size: 0.8em;
        padding: 20px 0;
        width: 100%;
    }
    
    .facebook, .facebook:visited {
        background: url("graphics/images/social-sprite.png") no-repeat scroll left top rgba(0, 0, 0, 0);
        display: block;
        height: 33px;
        left: auto;
        float: left;
        margin: 0 5px 20px 25px;
        position: relative;
        top: auto;
        width: 33px;
    }
    
    .twitter, .twitter:visited {
        background: url("graphics/images/social-sprite.png") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block;
        height: 33px;
        left: auto;
        float: left;
        margin: 0 0 20px 0;
        position: relative;
        top: auto;
        width: 33px;
    }
    
    .footerMainNav {
        display: none;
    }
    
    .copyright {
        display: none;
    }
    
    .copyright-mobile {
        float: none;
        margin: 0;
        padding: 0 25px;
    }

}

/* -------------- Smartphones Retina Portrait ---------------- */
/** Add (max-device-width: 1100px) to stop retina macbooks from triggering **/
@media only screen
and (min-device-pixel-ratio: 1.5) and (max-device-width: 1100px),
(-webkit-min-device-pixel-ratio: 1.5)
and (max-device-width: 1100px),
(min-resolution: 144dpi)
and (device-width: 1080px)
and (max-device-width: 1100px)
and (orientation : portrait) {
    
    html {}
    body {
         width: 100%;
         background: url("graphics/images/mobi-texture-bg.png") repeat-x scroll left top #FFFFFF
    }
    
    .utilityNav { display: none; }
    #utility p { display: none; }
    
    .container_12, .container_16 { width: 100%; }
    .container_12 .grid_16, .container_12 .grid_15, .container_12.grid_14, .container_12 .grid_13, .container_12 .grid_12, .container_12 .grid_11, .container_12 .grid_10, .container_12 .grid_9, .container_12 .grid_8, .container_12 .grid_7, .container_12 .grid_6, .container_12 .grid_5, .container_12 .grid_4, .container_12 .grid_3, .container_12 .grid_2, .container_12 .grid_1 { margin: 0; width: 100%; clear: both; float: none; }
    
    .mobile-hide {display: none;}
    .desktop-hide {display: block;}

    * {
          -webkit-box-sizing: border-box;
     	-moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    /* ------------- Header -------------- */
    header {
        height: auto;
        margin: 0 0 5px 0;
    }
    
    header .logo {
        display: block;
        width: 308px;
        margin: 15px auto;
        float: none;
    }
    
    #nav-wrapper {
        margin: 0px;
        position: relative;
        width: 100%;
        height: 26px;
        display: block;
        background: url(graphics/images/mobi-nav-bg.png) no-repeat right top;
    }
    
    .mobi-nav, .mobi-nav:visited {
        display: block;
        float: right;
        height: 26px;
        line-height: 26px;
        width: 66px;
        color: #fff;
        font-weight: 500;
        text-align: center;
        position: relative;
        z-index: 1000;
    }
    
    .mobi-nav:hover {
        color: #fff;
    }
    
    header nav {
        position: absolute;
        width: 100%;
    }
    
    header nav ul {
        border-bottom: none;
        border-top: none;
        float: none;
        height: auto;
        width: 100%;
        display: none;
        position: relative;
        top: 28px;
        background: #fff;
        padding: 0 0 1px 0;
        z-index: 900;
    }
    
    nav li {
        float: none;
        display: block;
    }
    
    header nav a, header nav a:visited {
        color: #fff;
        display: block;
        height: auto;
        line-height: 1em;
        background: #3495B0;
        margin: 0 0 2px;
        padding: 5% 5%;
        text-transform: uppercase;
    }
    
    header nav a:hover, header nav a.current {
        border-bottom: none;
        color: #fff;
        height: auto;
        background: #20829B;
        line-height: 1em;
        text-decoration: none;
    }
    
    /* ---------------- Home Content ----------------- */
    
    .mobile-callouts {
        padding: 0 5px 15px;
        margin: 0 0 0px 0;
    }
    
    .mobile-callouts a, .mobile-callouts a:visited {
        display: block;
        margin: 0px auto 5px;
        width: 100%;
        color: #fff !important;
        height: 70px;
    }
    
    .mobile-callouts a:hover, .mobile-accounts a:active {
        text-decoration: none;
        color: #fff;
    }
    
    .mobile-callouts a h3 {
        margin: 0;
        color: #fff;
        font-size: 1.467em;
        line-height: 1em;
        font-weight: 400;
    }
    
    .mobile-callouts a p {
        margin: 0;
        color: #fff;
    }
    
    .mobi-callout-left {
        float: left;
        width: 29%;
        height: 100%;
    }
    
    .mobi-callout-right {
        float: left;
        height: 100%;
        padding: 15px 5px 0 10px;
    }
    
    .mobi-account {
        background: #a6c753; /* Old browsers */
        background: -moz-linear-gradient(top,  #a6c753 0%, #97b849 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6c753), color-stop(100%,#97b849)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #a6c753 0%,#97b849 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c753', endColorstr='#97b849',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-account .mobi-callout-left {
        border-right: 1px solid #8AA543;
        padding: 15px 10px 0;
    }
    
    .mobi-account .mobi-callout-right {
        border-left: 1px solid #B2CB70;
    }
    
    .mobi-catalog {
        background: #e1b645; /* Old browsers */
        background: -moz-linear-gradient(top,  #e1b645 0%, #d2ab3c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1b645), color-stop(100%,#d2ab3c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #e1b645 0%,#d2ab3c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1b645', endColorstr='#d2ab3c',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-catalog .mobi-callout-left {
        border-right: 1px solid #C09C3B;
        padding: 10px 10px 0;
    }
    
    .mobi-catalog .mobi-callout-right {
        border-left: 1px solid #E1C165;
    }
    
    .mobi-hours {
        background: #d85540; /* Old browsers */
        background: -moz-linear-gradient(top,  #d85540 0%, #cc4c36 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d85540), color-stop(100%,#cc4c36)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #d85540 0%,#cc4c36 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d85540', endColorstr='#cc4c36',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-hours .mobi-callout-left {
        border-right: 1px solid #B54534;
        padding: 11px 10px 0 17px;
    }
    
    .mobi-hours .mobi-callout-right {
        border-left: 1px solid #DA7463;
    }
    
    .mobi-events {
        background: #67c2d8; /* Old browsers */
        background: -moz-linear-gradient(top,  #67c2d8 0%, #5cb4cd 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67c2d8), color-stop(100%,#5cb4cd)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #67c2d8 0%,#5cb4cd 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c2d8', endColorstr='#5cb4cd',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-events .mobi-callout-left {
        border-right: 1px solid #509DB3;
        padding: 17px 10px 0 17px;
    }
    
    .mobi-events .mobi-callout-right {
        border-left: 1px solid #80C6DA;
    }
    
    .mobi-social {
        display: block;
        width: 109px;
        margin: 0 auto 25px;
    }
    
    .mobi-social .facebook, .mobi-social .twitter {
        margin: 0 5px 0 0;
    }
    
    .mobi-social .pinterest {
        margin: 0;
    }
    
    
    /* -------------- Slideshow --------------- */
    
    .feature {
        margin: 0 0 20px;
        padding: 0px 0 0;
    }
    
    #slideshow {
        height: auto;
        position: relative;
    }   
    
    #pager {
        display: none;
    }
    
    .cycle {
        height: 197px !important;
        position: relative;
        width: 100% !important;
    }
    
    .slide {
        height: 197px !important;
        width: 100% !important;
        background: none !important;
    }
    
    .slide-link {
        display: block;
        height: auto !important;
        width: auto !important;
        z-index: 500;
    }
    
    .slide-title-yellow, .slide-title, .slide-title-green, .slide-title-blue {
        display: none;
    }
    
    .slide-content {
        background: url("graphics/images/slide-content.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        color: #FFFFFF;
        float: none;
        display: block;
        font-size: 0.867em;
        height: 197px;
        line-height: 1.333em;
        margin: 0 auto;
        padding: 15px 20px 30px;
        width: 270px;
    }
    
    .slide-content-yellow {
        background: url("graphics/images/slide-content.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        color: #FFFFFF;
        float: none;
        display: block;
        font-size: 0.867em;
        height: 197px;
        line-height: 1.333em;
        margin: 0 auto;
        padding: 15px 20px 30px;
        width: 270px;
    }
    
    .slide-content-green {
        background: url("graphics/images/slide-content-small.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        bottom: auto;
        color: #FFFFFF;
        font-size: 0.867em;
        height: 168px;
        left: auto;
        line-height: 1.333em;
        margin: 0 auto;
        display: block;
        padding: 15px 20px 30px;
        position: relative;
        width: 270px;
    }
    
    .slide-content-blue {
        background: url("graphics/images/slide-content-small.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        bottom: auto;
        color: #FFFFFF;
        font-size: 0.867em;
        height: 168px;
        left: auto;
        line-height: 1.333em;
        margin: 0 auto;
        display: block;
        padding: 15px 20px 30px;
        position: relative;
        width: 270px;
    }
    
    /* ------------ Interior ------------ */
    
    #content-area {
        border-right: none;
        margin: 0;
        width: 100%;
        padding: 20px 10px;
        position: relative;
        display: block;
    }
    
    img {
        max-width: 100%;
    }
    
    #content-area img {
        max-width: 100%;
        display: block;
    }
    
    .webpage-wrapper img {
        float: none !important;
        display: block !important;
        max-width: 100% !important;
        margin: 0 auto 15px !important;
    }
    
    table.fifty {
        display: none;
    }
    
    .fifty td {
        width: 50%;
    }

    .webpage-wrapper {
        min-height: 0;
        padding: 0;
        position: relative;
        display: block;
        width: 100%;
    }   
    
    .module li a, .module li a:visited {
        padding: 3% 5%;
    }
    
    .module li li a, .module li li a:visited, .module li li a.current {
        padding: 3% 5% 3% 8%;
    }
    
    .blog-left {
        float: none;
        margin: 0 0 0px 0;
        min-height: 0px;
        padding: 0 0 0px;
        position: relative;
        width: 100%;
    }
    
    .blog-right {
        float: none;
        padding: 5px 0 0;
        width: 100%;
    }
    
    .blog-meta {
        bottom: auto;
        color: #41ABC7;
        font-style: italic;
        position: relative;
        margin: 20px 0 0 0;
        right: auto;
        text-align: right;
    }
    
    /* --------- Footer --------------- */
    
    footer {
        background: none repeat scroll 0 0 #F1F1F1;
        border-top: 1px solid #CFCFCF;
        clear: both;
        color: #6E6E6E;
        display: block;
        font-size: 0.8em;
        padding: 20px 0;
        width: 100%;
    }
    
    .facebook, .facebook:visited {
        background: url("graphics/images/social-sprite.png") no-repeat scroll left top rgba(0, 0, 0, 0);
        display: block;
        height: 33px;
        left: auto;
        float: left;
        margin: 0 5px 20px 25px;
        position: relative;
        top: auto;
        width: 33px;
    }
    
    .twitter, .twitter:visited {
        background: url("graphics/images/social-sprite.png") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block;
        height: 33px;
        left: auto;
        float: left;
        margin: 0 0 20px 0;
        position: relative;
        top: auto;
        width: 33px;
    }
    
    .footerMainNav {
        display: none;
    }
    
    .copyright {
        display: none;
    }
    
    .copyright-mobile {
        float: none;
        margin: 0;
        padding: 0 25px;
    }

}


/* -------------- Smartphones Retina Landscape ---------------- */

/*@media only screen
and (min-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi)
and (device-width: 1920px)
and (orientation : landscape) {*/
@media only screen and (min-device-pixel-ratio: 2.46) and (device-width: 1920px) and (orientation: landscape),
       only screen and (-webkit-min-device-pixel-ratio: 2.46) and (device-width: 1920px) and (orientation : landscape),
       only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2){
           
    html {}
    body {
         width: 100%;
         background: url("graphics/images/mobi-texture-bg.png") repeat-x scroll left top #FFFFFF
    }
    
    .utilityNav { display: none; }
    #utility p { display: none; }
    
    .container_12, .container_16 { width: 100%; }
    .container_12 .grid_16, .container_12 .grid_15, .container_12.grid_14, .container_12 .grid_13, .container_12 .grid_12, .container_12 .grid_11, .container_12 .grid_10, .container_12 .grid_9, .container_12 .grid_8, .container_12 .grid_7, .container_12 .grid_6, .container_12 .grid_5, .container_12 .grid_4, .container_12 .grid_3, .container_12 .grid_2, .container_12 .grid_1 { margin: 0; width: 100%; clear: both; float: none; }
    
    .mobile-hide {display: none;}
    .desktop-hide {display: block;}

    * {
          -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    /* ------------- Header -------------- */
    header {
        height: auto;
        margin: 0 0 5px 0;
    }
    
    header .logo {
        display: block;
        width: 308px;
        margin: 15px auto;
        float: none;
    }
    
    #nav-wrapper {
        margin: 0px;
        position: relative;
        width: 100%;
        height: 26px;
        display: block;
        background: url(graphics/images/mobi-nav-bg.png) no-repeat right top;
    }
    
    .mobi-nav, .mobi-nav:visited {
        display: block;
        float: right;
        height: 26px;
        line-height: 26px;
        width: 66px;
        color: #fff;
        font-weight: 500;
        text-align: center;
        position: relative;
        z-index: 1000;
    }
    
    .mobi-nav:hover {
        color: #fff;
    }
    
    header nav {
        position: absolute;
        width: 100%;
    }
    
    header nav ul {
        border-bottom: none;
        border-top: none;
        float: none;
        height: auto;
        width: 100%;
        display: none;
        position: relative;
        top: 28px;
        background: #fff;
        padding: 0 0 1px 0;
        z-index: 900;
    }
    
    nav li {
        float: none;
        display: block;
    }
    
    header nav a, header nav a:visited {
        color: #fff;
        display: block;
        height: auto;
        line-height: 1em;
        background: #3495B0;
        margin: 0 0 2px;
        padding: 2.5% 2.5%;
        text-transform: uppercase;
    }
    
    header nav a:hover, header nav a.current {
        border-bottom: none;
        color: #fff;
        height: auto;
        background: #20829B;
        line-height: 1em;
        text-decoration: none;
    }
    
    /* ---------------- Home Content ----------------- */
    
    .mobile-callouts {
        padding: 0 5px 15px;
        margin: 0 0 0px 0;
    }
    
    .mobile-callouts a, .mobile-callouts a:visited {
        display: block;
        margin: 0px auto 5px;
        width: 100%;
        color: #fff !important;
        height: 70px;
    }
    
    .mobile-callouts a:hover, .mobile-accounts a:active {
        text-decoration: none;
        color: #fff;
    }
    
    .mobile-callouts a h3 {
        margin: 0;
        color: #fff;
        font-size: 1.467em;
        line-height: 1em;
        font-weight: 400;
    }
    
    .mobile-callouts a p {
        margin: 0;
        color: #fff;
    }
    
    .mobi-callout-left {
        float: left;
        width: 29%;
        height: 100%;
    }
    
    .mobi-callout-right {
        float: left;
        height: 100%;
        padding: 15px 5px 0 10px;
    }
    
    .mobi-account {
        background: #a6c753; /* Old browsers */
        background: -moz-linear-gradient(top,  #a6c753 0%, #97b849 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6c753), color-stop(100%,#97b849)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #a6c753 0%,#97b849 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #a6c753 0%,#97b849 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c753', endColorstr='#97b849',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-account .mobi-callout-left {
        border-right: 1px solid #8AA543;
        padding: 15px 10px 0;
    }
    
    .mobi-account .mobi-callout-right {
        border-left: 1px solid #B2CB70;
    }
    
    .mobi-catalog {
        background: #e1b645; /* Old browsers */
        background: -moz-linear-gradient(top,  #e1b645 0%, #d2ab3c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1b645), color-stop(100%,#d2ab3c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #e1b645 0%,#d2ab3c 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #e1b645 0%,#d2ab3c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1b645', endColorstr='#d2ab3c',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-catalog .mobi-callout-left {
        border-right: 1px solid #C09C3B;
        padding: 10px 10px 0;
    }
    
    .mobi-catalog .mobi-callout-right {
        border-left: 1px solid #E1C165;
    }
    
    .mobi-hours {
        background: #d85540; /* Old browsers */
        background: -moz-linear-gradient(top,  #d85540 0%, #cc4c36 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d85540), color-stop(100%,#cc4c36)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d85540 0%,#cc4c36 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #d85540 0%,#cc4c36 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d85540', endColorstr='#cc4c36',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-hours .mobi-callout-left {
        border-right: 1px solid #B54534;
        padding: 11px 10px 0 17px;
    }
    
    .mobi-hours .mobi-callout-right {
        border-left: 1px solid #DA7463;
    }
    
    .mobi-events {
        background: #67c2d8; /* Old browsers */
        background: -moz-linear-gradient(top,  #67c2d8 0%, #5cb4cd 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67c2d8), color-stop(100%,#5cb4cd)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #67c2d8 0%,#5cb4cd 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #67c2d8 0%,#5cb4cd 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c2d8', endColorstr='#5cb4cd',GradientType=0 ); /* IE6-9 */
    }
    
    .mobi-events .mobi-callout-left {
        border-right: 1px solid #509DB3;
        padding: 17px 10px 0 17px;
    }
    
    .mobi-events .mobi-callout-right {
        border-left: 1px solid #80C6DA;
    }
    
    .mobi-social {
        display: block;
        width: 109px;
        margin: 0 auto 25px;
    }
    
    .mobi-social .facebook, .mobi-social .twitter {
        margin: 0 5px 0 0;
    }
    
    .mobi-social .pinterest {
        margin: 0;
    }
    
    
    /* -------------- Slideshow --------------- */
    
    .feature {
        margin: 0 0 20px;
        padding: 0px 0 0;
    }
    
    #slideshow {
        height: auto;
        position: relative;
    }   
    
    #pager {
        display: none;
    }
    
    .cycle {
        height: 197px !important;
        position: relative;
        width: 100% !important;
    }
    
    .slide {
        height: 197px !important;
        width: 100% !important;
        background: none !important;
    }
    
    .slide-link {
        display: block;
        height: auto !important;
        width: auto !important;
        z-index: 500;
    }
    
    .slide-title-yellow, .slide-title, .slide-title-green, .slide-title-blue {
        display: none;
    }
    
    .slide-content {
        background: url("graphics/images/slide-content.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        color: #FFFFFF;
        float: none;
        display: block;
        font-size: 0.867em;
        height: 197px;
        line-height: 1.333em;
        margin: 0 auto;
        padding: 15px 20px 30px;
        width: 270px;
    }
    
    .slide-content-yellow {
        background: url("graphics/images/slide-content.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        color: #FFFFFF;
        float: none;
        display: block;
        font-size: 0.867em;
        height: 197px;
        line-height: 1.333em;
        margin: 0 auto;
        padding: 15px 20px 30px;
        width: 270px;
    }
    
    .slide-content-green {
        background: url("graphics/images/slide-content-small.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        bottom: auto;
        color: #FFFFFF;
        font-size: 0.867em;
        height: 168px;
        left: auto;
        line-height: 1.333em;
        margin: 0 auto;
        display: block;
        padding: 15px 20px 30px;
        position: relative;
        width: 270px;
    }
    
    .slide-content-blue {
        background: url("graphics/images/slide-content-small.png") no-repeat scroll center top rgba(0, 0, 0, 0);
        bottom: auto;
        color: #FFFFFF;
        font-size: 0.867em;
        height: 168px;
        left: auto;
        line-height: 1.333em;
        margin: 0 auto;
        display: block;
        padding: 15px 20px 30px;
        position: relative;
        width: 270px;
    }
    
    /* ------------ Interior ------------ */
    
    #content-area {
        border-right: none;
        margin: 0;
        width: 100%;
        padding: 20px 10px;
        position: relative;
        display: block;
    }
    
    img {
        max-width: 100%;
    }
    
    #content-area img {
        max-width: 100%;
        display: block;
    }
    
    .webpage-wrapper img {
        float: none !important;
        display: block !important;
        max-width: 100% !important;
        margin: 0 auto 15px !important;
    }
    
    table.fifty {
        display: none;
    }
    
    .fifty td {
        width: 50%;
    }

    .webpage-wrapper {
        min-height: 0;
        padding: 0;
        position: relative;
        display: block;
        width: 100%;
    }   
    
    .module li a, .module li a:visited {
        padding: 2% 3%;
    }
    
    .module li li a, .module li li a:visited, .module li li a.current {
        padding: 2% 3% 2% 5.5%;
    }
    
    .blog-left {
        float: none;
        margin: 0 0 0px 0;
        min-height: 0px;
        padding: 0 0 0px;
        position: relative;
        width: 100%;
    }
    
    .blog-right {
        float: none;
        padding: 5px 0 0;
        width: 100%;
    }
    
    .blog-meta {
        bottom: auto;
        color: #41ABC7;
        font-style: italic;
        position: relative;
        margin: 20px 0 0 0;
        right: auto;
        text-align: right;
    }
    
    /* --------- Footer --------------- */
    
    footer {
        background: none repeat scroll 0 0 #F1F1F1;
        border-top: 1px solid #CFCFCF;
        clear: both;
        color: #6E6E6E;
        display: block;
        font-size: 0.8em;
        padding: 20px 0;
        width: 100%;
    }
    
    .facebook, .facebook:visited {
        background: url("graphics/images/social-sprite.png") no-repeat scroll left top rgba(0, 0, 0, 0);
        display: block;
        height: 33px;
        left: auto;
        float: left;
        margin: 0 5px 20px 25px;
        position: relative;
        top: auto;
        width: 33px;
    }
    
    .twitter, .twitter:visited {
        background: url("graphics/images/social-sprite.png") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block;
        height: 33px;
        left: auto;
        float: left;
        margin: 0 0 20px 0;
        position: relative;
        top: auto;
        width: 33px;
    }
    
    .footerMainNav {
        display: none;
    }
    
    .copyright {
        display: none;
    }
    
    .copyright-mobile {
        float: none;
        margin: 0;
        padding: 0 25px;
    }

}