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

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

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

    html {}
    body {
         width: 100%;
         background: url(graphics/mobile/mobi-bg.png) repeat left top;
         color: #C3C4C4;
         font-size: 14px;
    }
    
    .utilityNav { display: none; }
    #utility p { display: none; }
    
    .container_12, .container_16 { width: 100%; }
    .grid_16, .grid_15, .grid_14, .grid_13, .grid_12, .grid_11, .grid_10, .grid_9, .grid_8, .grid_7, .grid_6, .grid_5, .grid_4, .grid_3, .grid_2, .grid_1 { width: 100%; clear: both; float: none; }
    
    .mobile-hide {display: none;}
    .desktop-hide {display: block;}
    
    a, a:visited {
        color: #fff;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
    
    a:active {
        color: #fff;
        text-decoration: none;
    }
    
    a.button, #form input[type="submit"], form input[type="submit"] {
        font-style: italic;
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        text-align: center;
        padding: 4px 10px;
        border: none;
        text-shadow: 1px 1px 2px #222;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: #e72935; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3MjkzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NDE1MWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #e72935 0%, #84151e 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e72935), color-stop(100%,#84151e)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #e72935 0%,#84151e 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #e72935 0%,#84151e 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #e72935 0%,#84151e 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #e72935 0%,#84151e 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e72935', endColorstr='#84151e',GradientType=0 ); /* IE6-8 */
    }

    a.button:hover, #form input[type="submit"]:hover, form input[type="submit"]:hover {
        background: #2D2D2D;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        border: none;
    }

    
    .site-wrap {
        background: none;
        width: 100%;
        padding: 0;
    }
    
    header {
        width: 100%;
        float: none;
        display: block;
        position: relative;
        background: none;
        margin: 0 0 2px 0;
    }
    
    .mobi-header-wrap {
        background: #E31E30;
        padding: 0px 0 20px 0;
        margin: 0 1%;
    }
    
    .mobile-phone {
        color: #fff;
        text-align: right;
        margin: 0 3% 1% 0;
        padding: 1% 0 0 0;
    }
    
    .mobi-logo-wrap {
        background: #000;
        padding: 2% 0% 3%;
        width: 102%;
        margin: 0 0 0 -1%;
    }
    
    .mobi-logo {
        float: left;
        margin: 3% 0 0% 5%;
    }
    
    .mobi-utility {
        float: right;
        list-style-type: none;
        padding: 0;
        margin: 10% 3% 0 0;
    }
    
    .mobi-utility li {
        float: left;
        padding: 0;
        margin: 0;
    }
    
    .mobi-utility li a {
        display: block;
        float: left;
        margin: 0 9px;
        padding: 0;
        color: #fff;
    }
    
    .mobi-nav {
        background: url(graphics/mobile/mobi-content-bg.png) repeat left top;
        height: 45px;
        width: 102%;
        margin: 0 0 0 -1%;
        box-shadow: 0px 1px 6px #181818;
        border-bottom: 1px solid #111;
    }
    
    .mobi-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .mobi-nav li {
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 25%;
    }
    
    .mobi-nav li a, .mobi-nav li a:visited {
        background: url(graphics/mobile/mobi-nav-divider.png) no-repeat right top;
        height: 45px;
        font-size: 0.929em;
        line-height: 45px;
        padding: 0;
        text-align: center;
        width: 100%;
        float: left;
        display: block;
        color: #B8B8B8;
    }
    
    .mobi-nav li a:active {
        background: #5A5B59;
        color: #fff;
        font-weight: 500;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    
    .mobi-nav li a.last {
        background: none;
    }
    
    header nav ul ul, .mobi-nav ul ul {
        display: none;
    }
    
    /* ----------------- Home Page Content -------------- */
    
    .mobi-wrapper {
        padding: 0 0 100px 0;
        position: relative;
    }
    
    .mobi-banner {
        margin: 0 0 0 1%;
        position: relative;
        z-index: 90;
    }
    
    .mobi-content {
        padding: 5% 5%;
        border-radius: 15px;
        background: url(graphics/mobile/mobi-content-bg.png) repeat left top;
        border: 1px solid #111011;
        margin: -2% 1% 0 1%;
        position: relative;
        z-index: 300;
    }
    
    .mobi-bottom {
        position: absolute;
        bottom: 0;
    }
    
    h2, .mobi-welcome h2 {
        font-weight: 400;
        color: #fff;
        background: url(graphics/images/border-h1-int.gif) no-repeat scroll left bottom transparent;
        padding: 0 0 7px 0;
    }
    
    .mobi-welcome .button {
        display: none;
    }
    
    .mobileNav {
        list-style-type: none;
        margin: 10% 0;
        padding: 0;
    }
    
    .mobiSubNav {
        list-style-type: none;
        margin: 5% 0 15% 0;
        padding: 0;
    }
    
    .mobileNav li, .mobiSubNav li {
        display: block;
        padding: 0;
    }
    
    .mobileNav a, .mobileNav a:visited, .mobiSubNav a, .mobiSubNav a:visited {
        padding: 4% 5%;
        display: block;
        border-top: 1px solid #232323;
        color: #B2B2B2;
        background: url(graphics/mobile/mobi-nav-arrow.png) no-repeat 95% -29%;
    }
    
    .mobileNav a:active, .mobiSubNav a:active {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        text-decoration: none;
        color: #fff;
        background: url(graphics/mobile/mobi-nav-arrow.png) no-repeat 95% 128% #515150;
    }
    
    .mobileNav a.last, .mobiSubNav a.last {
        border-bottom: 1px solid #232323;
    }
    
    .social {
        float: left;
        margin: 0 0 5% 33%;
        border-bottom: 1px solid #565757;
        border-top: 2px solid #272727;
    }
    
    
    /* ------------- Interior -------------- */
    
    .webpage-wrapper img {
        xmax-width: 100%;
        xwidth: 100%;
        margin: 0 0 15px 0;
    }
    
    .webpage-wrapper {
        min-height: 5px;
    }
    
    .page-content img, .page-content a img {
        width: 100%;
    }
    
    hr {
        color: #232323;
        background-color: #232323;
    }
    
    .mobi-page-heading {
        padding: 0;
    }
    
    .mobi-page-heading h2 {
        text-align: center;
        font-style: italic;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 2.143em;
        line-height: 1.133em;
        color: #fff;
        margin: 0;
        padding: 3% 0 5% 0;
        background: none;
    }
    
    .heading {
        font-weight: 400;
        color: #fff;
        font-size: 1.429em;
        background: url(graphics/images/border-h1-int.gif) no-repeat scroll left bottom transparent;
        padding: 0 0 7px 0;
    }
    
    .sub-heading {
        font-weight: 300;
        color: #fff;
        font-size: 1.286em;
        background: url(graphics/images/border-h1-int.gif) no-repeat scroll left bottom transparent;
        padding: 0 0 7px 0;
    }
    
    .webpage-wrapper a.button {
        display: block;
    }
    
    .webpage-wrapper #form a.button {
        display: block;
    }
    
    .mobi-contact {
        width: 220px;
        margin: 5% auto 3%;
        display: none;
    }
    
    #form textarea {
        width: 96%;
    }
    
    table {
        width: 100%;
    }
    
    .sectBlog li {
        background: none;
        border-radius: 0;
        height: auto;
        margin: 0 0 1% 0;
        padding: 0;
    }
    
    .sectBlog li img.right {
        float: none;
        width: 100%;
    }
    
    .sectBlog li .left-li {
        padding: 0 0 20px 0;
        height: auto;
    }
    
    .meta-blog {
        display: none;
    }
    
    .more-blog {
        margin: 0 0 0px 0;
    }
    
    
    /* ------------- Footer -------------- */
    
    footer {
        position: relative;
        border-top: 7px solid #E31E30;
        background: #000;
        padding: 0% 0;
        width: 100%;
        margin: 0;
        font-size: 1em;
    }
    
    .mobi-footer-logo {
        position: absolute;
        left: 45%;
        top: -31%;
    }
    
    .copyright {
        text-align: center;
        float: none;
        margin: 7% 0 0 0;
    }
    
    
}


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

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

    html {}
    body {
         width: 100%;
         background: url(graphics/mobile/mobi-bg.png) repeat left top;
         color: #C3C4C4;
         font-size: 14px;
    }
    
    .utilityNav { display: none; }
    #utility p { display: none; }
    
    .container_12, .container_16 { width: 100%; }
    .grid_16, .grid_15, .grid_14, .grid_13, .grid_12, .grid_11, .grid_10, .grid_9, .grid_8, .grid_7, .grid_6, .grid_5, .grid_4, .grid_3, .grid_2, .grid_1 { width: 100%; clear: both; float: none; }
    
    .mobile-hide {display: none;}
    .desktop-hide {display: block;}
    
    a, a:visited {
        color: #fff;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
    
    a:active {
        color: #fff;
        text-decoration: none;
    }
    
    .site-wrap {
        background: none;
        width: 100%;
        padding: 0;
    }
    
    header {
        width: 100%;
        float: none;
        display: block;
        position: relative;
        background: none;
        margin: 0 0 2px 0;
    }
    
    .mobi-header-wrap {
        background: #E31E30;
        padding: 0px 0 20px 0;
        margin: 0 1%;
    }
    
    .mobile-phone {
        color: #fff;
        text-align: right;
        margin: 0 3% 1% 0;
        padding: 1% 0 0 0;
    }
    
    .mobi-logo-wrap {
        background: #000;
        padding: 1% 0% 2%;
        width: 102%;
        margin: 0 0 0 -1%;
    }
    
    .mobi-logo {
        float: left;
        margin: 3% 0 0% 5%;
    }
    
    .mobi-utility {
        float: right;
        list-style-type: none;
        padding: 0;
        margin: 7% 3% 0 0;
    }
    
    .mobi-utility li {
        float: left;
        padding: 0;
        margin: 0;
    }
    
    .mobi-utility li a {
        display: block;
        float: left;
        margin: 0 9px;
        padding: 0;
        color: #fff;
    }
    
    .mobi-nav {
        background: url(graphics/mobile/mobi-content-bg.png) repeat left top;
        height: 45px;
        width: 102%;
        margin: 0 0 0 -1%;
        box-shadow: 0px 1px 6px #181818;
        border-bottom: 1px solid #111;
    }
    
    .mobi-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .mobi-nav li {
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 25%;
    }
    
    .mobi-nav li a, .mobi-nav li a:visited {
        background: url(graphics/mobile/mobi-nav-divider.png) no-repeat right top;
        height: 45px;
        font-size: 0.929em;
        line-height: 45px;
        padding: 0;
        text-align: center;
        width: 100%;
        float: left;
        display: block;
        color: #B8B8B8;
    }
    
    .mobi-nav li a:active {
        background: #5A5B59;
        color: #fff;
        font-weight: 500;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    
    .mobi-nav li a.last {
        background: none;
    }
    
    header nav ul ul, .mobi-nav ul ul {
        display: none;
    }
    
    /* ----------------- Home Page Content -------------- */
    
    .mobi-wrapper {
        padding: 0 0 100px 0;
        position: relative;
    }
    
    .mobi-banner {
        margin: 0 0 0 1%;
        position: relative;
        z-index: 90;
        width: 98%;
    }
    
    .mobi-content {
        padding: 5% 5%;
        border-radius: 15px;
        background: url(graphics/mobile/mobi-content-bg.png) repeat left top;
        border: 1px solid #111011;
        margin: -2% 1% 0 1%;
        position: relative;
        z-index: 300;
    }
    
    .mobi-bottom {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    
    h2, .mobi-welcome h2 {
        font-weight: 400;
        color: #fff;
        background: url(graphics/images/border-h1-int.gif) no-repeat scroll left bottom transparent;
        padding: 0 0 7px 0;
    }
    
    .mobi-welcome .button {
        display: none;
    }
    
    .mobileNav {
        list-style-type: none;
        margin: 10% 0;
        padding: 0;
    }
    
    .mobiSubNav {
        list-style-type: none;
        margin: 5% 0 15% 0;
        padding: 0;
    }
    
    .mobileNav li, .mobiSubNav li {
        display: block;
        padding: 0;
    }
    
    .mobileNav a, .mobileNav a:visited, .mobiSubNav a, .mobiSubNav a:visited {
        padding: 3% 5%;
        display: block;
        border-top: 1px solid #232323;
        color: #B2B2B2;
        background: url(graphics/mobile/mobi-nav-arrow.png) no-repeat 95% -31%;
    }
    
    .mobileNav a:active, .mobiSubNav a:active {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        text-decoration: none;
        color: #fff;
        background: url(graphics/mobile/mobi-nav-arrow.png) no-repeat 95% 136% #515150;
    }
    
    .mobileNav a.last, .mobiSubNav a.last {
        border-bottom: 1px solid #232323;
    }
    
    .social {
        float: left;
        margin: 0 0 5% 38%;
        border-bottom: 1px solid #565757;
        border-top: 2px solid #272727;
    }
    
    
    /* ------------- Interior -------------- */
    
    .webpage-wrapper img {
        max-width: 100%;
        width: 100%;
        margin: 0 0 15px 0;
    }
    
    .webpage-wrapper {
        min-height: 5px;
    }
    
    .page-content img, .page-content a img {
        width: 100%;
    }
    
    hr {
        color: #232323;
        background-color: #232323;
    }
    
    .mobi-page-heading {
        padding: 0;
    }
    
    .mobi-page-heading h2 {
        text-align: center;
        font-style: italic;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 2.143em;
        line-height: 1.133em;
        color: #fff;
        margin: 0;
        padding: 3% 0 5% 0;
        background: none;
    }
    
    .heading {
        font-weight: 400;
        color: #fff;
        font-size: 1.429em;
        background: url(graphics/images/border-h1-int.gif) no-repeat scroll left bottom transparent;
        padding: 0 0 7px 0;
    }
    
    .sub-heading {
        font-weight: 300;
        color: #fff;
        font-size: 1.286em;
        background: url(graphics/images/border-h1-int.gif) no-repeat scroll left bottom transparent;
        padding: 0 0 7px 0;
    }
    
    .webpage-wrapper a.button {
        display: block;
    }
    
    .webpaeg-wrapper #form a.button {
        display: block;
    }
    
    .mobi-contact {
        width: 220px;
        margin: 5% auto 3%;
        display: none;
    }
    
    #form textarea {
        width: 96%;
    }
    
    table {
        width: 100%;
    }
    
    .sectBlog li {
        background: none;
        border-radius: 0;
        height: auto;
        margin: 0 0 1% 0;
        padding: 0;
    }
    
    .sectBlog li img.right {
        float: none;
        width: 100%;
    }
    
    .sectBlog li .left-li {
        padding: 0 0 20px 0;
        height: auto;
    }
    
    .meta-blog {
        display: none;
    }
    
    .more-blog {
        margin: 0 0 0px 0;
    }
    
    /* ------------- Footer -------------- */
    
    footer {
        position: relative;
        border-top: 7px solid #E31E30;
        background: #000;
        padding: 0% 0;
        width: 100%;
        margin: 0;
        font-size: 1em;
    }
    
    .mobi-footer-logo {
        position: absolute;
        left: 45%;
        top: -31%;
    }
    
    .copyright {
        text-align: center;
        float: none;
        margin: 7% 0 0 0;
    }
    
}


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

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

    html {}
    body {
         width: 100%;
    }
    
    .utilityNav { display: none; }
    #utility p { display: none; }
    
    .container_12, .container_16 { width: 100%; }
    .grid_16, .grid_15, .grid_14, .grid_13, .grid_12, .grid_11, .grid_10, .grid_9, .grid_8, .grid_7, .grid_6, .grid_5, .grid_4, .grid_3, .grid_2, .grid_1 { width: 100%; clear: both; float: none; }
    
    .mobile-hide {display:none;}
    .desktop-hide {display: block;}
    
}



/* -------- iPhone 4 Portrait ----------- */

@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-width : 640px) and (orientation : portrait), 
       only screen and (min-device-pixel-ratio : 1.5) and (max-width : 640px) and (orientation : portrait) {
    
    html {}
    body {
         width: 100%;
         background: url(graphics/mobile/mobi-bg.png) repeat left top;
         color: #C3C4C4;
         font-size: 14px;
    }
    
    .utilityNav { display: none; }
    #utility p { display: none; }
    
    .container_12, .container_16 { width: 100%; }
    .grid_16, .grid_15, .grid_14, .grid_13, .grid_12, .grid_11, .grid_10, .grid_9, .grid_8, .grid_7, .grid_6, .grid_5, .grid_4, .grid_3, .grid_2, .grid_1 { width: 100%; clear: both; float: none; }
    
    .mobile-hide {display: none;}
    .desktop-hide {display: block;}
    
    a, a:visited {
        color: #fff;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
    
    a:active {
        color: #fff;
        text-decoration: none;
    }
    
    a.button, #form input[type="submit"], form input[type="submit"] {
        font-style: italic;
        text-transform: uppercase;
        color: #fff;
        display: block;
        font-weight: bold;
        text-align: center;
        padding: 4px 10px;
        border: none;
        text-shadow: 1px 1px 2px #222;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: #e72935; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3MjkzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NDE1MWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #e72935 0%, #84151e 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e72935), color-stop(100%,#84151e)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #e72935 0%,#84151e 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #e72935 0%,#84151e 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #e72935 0%,#84151e 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #e72935 0%,#84151e 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e72935', endColorstr='#84151e',GradientType=0 ); /* IE6-8 */
    }

    a.button:hover, #form input[type="submit"]:hover, form input[type="submit"]:hover {
        background: #2D2D2D;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        border: none;
    }
    
    .site-wrap {
        background: none;
        width: 100%;
        padding: 0;
    }
    
    header {
        width: 100%;
        float: none;
        display: block;
        position: relative;
        background: none;
        margin: 0 0 2px 0;
    }
    
    .mobi-header-wrap {
        background: #E31E30;
        padding: 0px 0 20px 0;
        margin: 0 1%;
    }
    
    .mobile-phone {
        color: #fff;
        text-align: right;
        margin: 0 3% 1% 0;
        padding: 1% 0 0 0;
    }
    
    .mobi-logo-wrap {
        background: #000;
        padding: 2% 0% 3%;
        width: 102%;
        margin: 0 0 0 -1%;
    }
    
    .mobi-logo {
        float: left;
        margin: 3% 0 0% 5%;
    }
    
    .mobi-utility {
        float: right;
        list-style-type: none;
        padding: 0;
        margin: 10% 3% 0 0;
    }
    
    .mobi-utility li {
        float: left;
        padding: 0;
        margin: 0;
    }
    
    .mobi-utility li a {
        display: block;
        float: left;
        margin: 0 9px;
        padding: 0;
        color: #fff;
    }
    
    .mobi-nav {
        background: url(graphics/mobile/mobi-content-bg.png) repeat left top;
        height: 45px;
        width: 102%;
        margin: 0 0 0 -1%;
        box-shadow: 0px 1px 6px #181818;
        border-bottom: 1px solid #111;
    }
    
    .mobi-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .mobi-nav li {
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 25%;
    }
    
    .mobi-nav li a, .mobi-nav li a:visited {
        background: url(graphics/mobile/mobi-nav-divider.png) no-repeat right top;
        height: 45px;
        font-size: 0.929em;
        line-height: 45px;
        padding: 0;
        text-align: center;
        width: 100%;
        float: left;
        display: block;
        color: #B8B8B8;
    }
    
    .mobi-nav li a:active {
        background: #5A5B59;
        color: #fff;
        font-weight: 500;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    
    .mobi-nav li a.last {
        background: none;
    }
    
    header nav ul ul, .mobi-nav ul ul {
        display: none;
    }
    
    /* ----------------- Home Page Content -------------- */
    
    .mobi-wrapper {
        padding: 0 0 100px 0;
        position: relative;
    }
    
    .mobi-banner {
        margin: 0 0 0 1%;
        position: relative;
        z-index: 90;
    }
    
    .mobi-content {
        padding: 5% 5%;
        border-radius: 15px;
        background: url(graphics/mobile/mobi-content-bg.png) repeat left top;
        border: 1px solid #111011;
        margin: -2% 1% 0 1%;
        position: relative;
        z-index: 300;
    }
    
    .mobi-bottom {
        position: absolute;
        bottom: 0;
    }
    
    h2, .mobi-welcome h2 {
        font-weight: 400;
        color: #fff;
        background: url(graphics/images/border-h1-int.gif) no-repeat scroll left bottom transparent;
        padding: 0 0 7px 0;
    }
    
    .mobi-welcome .button {
        display: none;
    }
    
    .mobileNav {
        list-style-type: none;
        margin: 10% 0;
        padding: 0;
    }
    
    .mobiSubNav {
        list-style-type: none;
        margin: 5% 0 15% 0;
        padding: 0;
    }
    
    .mobileNav li, .mobiSubNav li {
        display: block;
        padding: 0;
    }
    
    .mobileNav a, .mobileNav a:visited, .mobiSubNav a, .mobiSubNav a:visited {
        padding: 4% 5%;
        display: block;
        border-top: 1px solid #232323;
        color: #B2B2B2;
        background: url(graphics/mobile/mobi-nav-arrow.png) no-repeat 95% -29%;
    }
    
    .mobileNav a:active, .mobiSubNav a:active {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        text-decoration: none;
        color: #fff;
        background: url(graphics/mobile/mobi-nav-arrow.png) no-repeat 95% 128% #515150;
    }
    
    .mobileNav a.last, .mobiSubNav a.last {
        border-bottom: 1px solid #232323;
    }
    
    .social {
        float: left;
        margin: 0 0 5% 33%;
        border-bottom: 1px solid #565757;
        border-top: 2px solid #272727;
    }
    
    
    /* ------------- Interior -------------- */
    
    .webpage-wrapper img {
        max-width: 100%;
        width: 100%;
        margin: 0 0 15px 0;
    }
    
    .webpage-wrapper {
        min-height: 5px;
    }
    
    .page-content img, .page-content a img  {
        width: 100%;
    }
    
    hr {
        color: #232323;
        background-color: #232323;
    }
    
    .mobi-page-heading {
        padding: 0;
    }
    
    .mobi-page-heading h2 {
        text-align: center;
        font-style: italic;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 2.143em;
        line-height: 1.133em;
        color: #fff;
        margin: 0;
        padding: 3% 0 5% 0;
        background: none;
    }
    
    .heading {
        font-weight: 400;
        color: #fff;
        font-size: 1.429em;
        background: url(graphics/images/border-h1-int.gif) no-repeat scroll left bottom transparent;
        padding: 0 0 7px 0;
    }
    
    .sub-heading {
        font-weight: 300;
        color: #fff;
        font-size: 1.286em;
        background: url(graphics/images/border-h1-int.gif) no-repeat scroll left bottom transparent;
        padding: 0 0 7px 0;
    }
    
    .webpage-wrapper a.button {
        display: block;
    } 
    
    .webpaeg-wrapper #form a.button {
        display: block;
    }
    
    .mobi-contact {
        width: 220px;
        margin: 5% auto 3%;
        display: none;
    }
    
    #form textarea {
        width: 96%;
    }
    
    table {
        width: 100%;
    }
    
    .sectBlog li {
        background: none;
        border-radius: 0;
        height: auto;
        margin: 0 0 1% 0;
        padding: 0;
    }
    
    .sectBlog li img.right {
        float: none;
        width: 100%;
    }
    
    .sectBlog li .left-li {
        padding: 0 0 20px 0;
        height: auto;
    }
    
    .meta-blog {
        display: none;
    }
    
    .more-blog {
        margin: 0 0 0px 0;
    }
    
    /* ------------- Footer -------------- */
    
    footer {
        position: relative;
        border-top: 7px solid #E31E30;
        background: #000;
        padding: 0% 0;
        width: 100%;
        margin: 0;
        font-size: 1em;
    }
    
    .mobi-footer-logo {
        position: absolute;
        left: 45%;
        top: -31%;
    }
    
    .copyright {
        text-align: center;
        float: none;
        margin: 7% 0 0 0;
    }
    
}



/* ----------- iPhone 4 landscape ------------ */

@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-width : 960px) and (orientation : landscape), 
       only screen and (min-device-pixel-ratio : 1.5) and (max-width : 960px) and (orientation : landscape) {

    html {}
    body {
         width: 100%;
         background: url(graphics/mobile/mobi-bg.png) repeat left top;
         color: #C3C4C4;
         font-size: 14px;
    }
    
    .utilityNav { display: none; }
    #utility p { display: none; }
    
    .container_12, .container_16 { width: 100%; }
    .grid_16, .grid_15, .grid_14, .grid_13, .grid_12, .grid_11, .grid_10, .grid_9, .grid_8, .grid_7, .grid_6, .grid_5, .grid_4, .grid_3, .grid_2, .grid_1 { width: 100%; clear: both; float: none; }
    
    .mobile-hide {display: none;}
    .desktop-hide {display: block;}
    
    a, a:visited {
        color: #fff;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
    
    a:active {
        color: #fff;
        text-decoration: none;
    }
    
    .site-wrap {
        background: none;
        width: 100%;
        padding: 0;
    }
    
    header {
        width: 100%;
        float: none;
        display: block;
        position: relative;
        background: none;
        margin: 0 0 2px 0;
    }
    
    .mobi-header-wrap {
        background: #E31E30;
        padding: 0px 0 20px 0;
        margin: 0 1%;
    }
    
    .mobile-phone {
        color: #fff;
        text-align: right;
        margin: 0 3% 1% 0;
        padding: 1% 0 0 0;
    }
    
    .mobi-logo-wrap {
        background: #000;
        padding: 0% 0% 2%;
        width: 102%;
        margin: 0 0 0 -1%;
    }
    
    .mobi-logo {
        float: left;
        margin: 3% 0 0% 5%;
    }
    
    .mobi-utility {
        float: right;
        list-style-type: none;
        padding: 0;
        margin: 7% 3% 0 0;
    }
    
    .mobi-utility li {
        float: left;
        padding: 0;
        margin: 0;
    }
    
    .mobi-utility li a {
        display: block;
        float: left;
        margin: 0 9px;
        padding: 0;
        color: #fff;
    }
    
    .mobi-nav {
        background: url(graphics/mobile/mobi-content-bg.png) repeat left top;
        height: 45px;
        width: 102%;
        margin: 0 0 0 -1%;
        box-shadow: 0px 1px 6px #181818;
        border-bottom: 1px solid #111;
    }
    
    .mobi-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .mobi-nav li {
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 25%;
    }
    
    .mobi-nav li a, .mobi-nav li a:visited {
        background: url(graphics/mobile/mobi-nav-divider.png) no-repeat right top;
        height: 45px;
        font-size: 0.929em;
        line-height: 45px;
        padding: 0;
        text-align: center;
        width: 100%;
        float: left;
        display: block;
        color: #B8B8B8;
    }
    
    .mobi-nav li a:active {
        background: #5A5B59;
        color: #fff;
        font-weight: 500;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    
    .mobi-nav li a.last {
        background: none;
    }
    
    header nav ul ul, .mobi-nav ul ul {
        display: none;
    }
    
    /* ----------------- Home Page Content -------------- */
    
    .mobi-wrapper {
        padding: 0 0 100px 0;
        position: relative;
    }
    
    .mobi-banner {
        margin: 0 0 0 1%;
        position: relative;
        z-index: 90;
        width: 98%;
    }
    
    .mobi-content {
        padding: 5% 5%;
        border-radius: 15px;
        background: url(graphics/mobile/mobi-content-bg.png) repeat left top;
        border: 1px solid #111011;
        margin: -2% 1% 0 1%;
        position: relative;
        z-index: 300;
    }
    
    .mobi-bottom {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    
    h2, .mobi-welcome h2 {
        font-weight: 400;
        color: #fff;
        background: url(graphics/images/border-h1-int.gif) no-repeat scroll left bottom transparent;
        padding: 0 0 7px 0;
    }
    
    .mobi-welcome .button {
        display: none;
    }
    
    .mobileNav {
        list-style-type: none;
        margin: 10% 0;
        padding: 0;
    }
    
    .mobiSubNav {
        list-style-type: none;
        margin: 5% 0 15% 0;
        padding: 0;
    }
    
    .mobileNav li, .mobiSubNav li {
        display: block;
        padding: 0;
    }
    
    .mobileNav a, .mobileNav a:visited, .mobiSubNav a, .mobiSubNav a:visited {
        padding: 3% 5%;
        display: block;
        border-top: 1px solid #232323;
        color: #B2B2B2;
        background: url(graphics/mobile/mobi-nav-arrow.png) no-repeat 95% -31%;
    }
    
    .mobileNav a:active, .mobiSubNav a:active {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        text-decoration: none;
        color: #fff;
        background: url(graphics/mobile/mobi-nav-arrow.png) no-repeat 95% 134% #515150;
    }
    
    .mobileNav a.last, .mobiSubNav a.last {
        border-bottom: 1px solid #232323;
    }
    
    .social {
        float: left;
        margin: 0 0 5% 38%;
        border-bottom: 1px solid #565757;
        border-top: 2px solid #272727;
    }
    
    
    /* ------------- Interior -------------- */
    
    .webpage-wrapper img {
        max-width: 100%;
        width: 100%;
        margin: 0 0 15px 0;
    }
    
    .webpage-wrapper {
        min-height: 5px;
    }
    
    .page-content img, .page-content a img {
        width: 100%;
    }
    
    hr {
        color: #232323;
        background-color: #232323;
    }
    
    .mobi-page-heading {
        padding: 0;
    }
    
    .mobi-page-heading h2 {
        text-align: center;
        font-style: italic;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 2.143em;
        line-height: 1.133em;
        color: #fff;
        margin: 0;
        padding: 3% 0 5% 0;
        background: none;
    }
    
    .heading {
        font-weight: 400;
        color: #fff;
        font-size: 1.429em;
        background: url(graphics/images/border-h1-int.gif) no-repeat scroll left bottom transparent;
        padding: 0 0 7px 0;
    }
    
    .sub-heading {
        font-weight: 300;
        color: #fff;
        font-size: 1.286em;
        background: url(graphics/images/border-h1-int.gif) no-repeat scroll left bottom transparent;
        padding: 0 0 7px 0;
    }
    
    .webpage-wrapper a.button {
        display: block;
    }
    
    .webpaeg-wrapper #form a.button {
        display: block;
    }
    
    .mobi-contact {
        width: 220px;
        margin: 5% auto 3%;
        display: none;
    }
    
    #form textarea {
        width: 96%;
    }
    
    table {
        width: 100%;
    }
    
    .sectBlog li {
        background: none;
        border-radius: 0;
        height: auto;
        margin: 0 0 1% 0;
        padding: 0;
    }
    
    .sectBlog li img.right {
        float: none;
        width: 100%;
    }
    
    .sectBlog li .left-li {
        padding: 0 0 20px 0;
        height: auto;
    }
    
    .meta-blog {
        display: none;
    }
    
    .more-blog {
        margin: 0 0 0px 0;
    }
    
    /* ------------- Footer -------------- */
    
    footer {
        position: relative;
        border-top: 7px solid #E31E30;
        background: #000;
        padding: 0% 0;
        width: 100%;
        margin: 0;
        font-size: 1em;
    }
    
    .mobi-footer-logo {
        position: absolute;
        left: 45%;
        top: -31%;
    }
    
    .copyright {
        text-align: center;
        float: none;
        margin: 7% 0 0 0;
    }


}