@media (max-width: 480px)
{
    body
    {
        min-width: 320px;
    }
    .main
    {
        width: 320px;
        padding: 0;
        margin: 0 auto;
    }
    .grid_12, #img_logo
    {
        display: none;
        visibility: hidden;
    }
    header
    {
        margin: 0 auto;
        position: relative;
        margin-bottom: 10px;
    }

    input, textarea, select
    {
        width: 230px;
    }

    header, footer, #content, .container_12
    {
        width: 100%;
    }
    footer
    {
        display: block;
        text-align: center;
    }
    .icons
    {
        margin: auto;
        display: block;
    }

    .wrapper3
    {
        top: 47px;
        position: absolute;
    }
    .wrapper2
    {
        position: relative;
    }
    .page-1-col-1
    {
        padding-left: 0px;
        width: 100%;
    }

    #img_name
    {
        background: url(../images/logo_name_x320.png) no-repeat;
        width: 300px;
        height: 130px;
    }

    .sf-menu a, .sf-menu li
    {
        width: 100%;
        height: 25px;
    }

    .sf-menu > li:first-child a
    {
        /*background:url(../images/m-1-border.gif) left 0 repeat-y;*/
        background: none;
    }
    .sf-menu > li
    {
        /*background:url(../images/m-1-border.gif) right 0 repeat-y;*/
        background: none;
        padding-right: 2px;
        height: 25px;
    }

    ul.sf-menu > li > a
    {
        font-family: 'Oswald' , sans-serif;
        text-transform: uppercase;
        height: 25px;
        line-height: 22px;
        white-space: nowrap;
        color: #e0e0e0;
        text-decoration: none;
        padding: 0px 0px 0px 5px;
        background: transparent;
    }
    ul.sf-menu li a span
    {
        padding: 0px 5px 0 0;
        display: block;
        background: transparent;
    }
    ul.sf-menu li a span span
    {
        display: block;
        padding: 0px 0px 0 0px;
        background: transparent;
    }


    ul.sf-menu > li.current > a, ul.sf-menu > li.sfHover > a, ul.sf-menu > li > a:hover
    {
        font-family: 'Oswald' , sans-serif;
        height: 25px;
        line-height: 22px;
        white-space: nowrap;
        color: #ff0000;
        text-decoration: none;
        padding: 0px 0px 0px 5px;
        background: url(../images/m-1-lr.jpg) left bottom no-repeat;
    }
    ul.sf-menu li.current a span, ul.sf-menu li.sfHover a span, ul.sf-menu li a:hover span
    {
        padding: 0px 5px 0 0;
        background: url(../images/m-1-lr.jpg) right top no-repeat;
        display: block;
    }
    ul.sf-menu li.current a span span, ul.sf-menu li.sfHover a span span, ul.sf-menu li a:hover span span
    {
        background: url(../images/m-1.jpg) left top repeat-x;
        display: block;
        padding: 0px 0px 3px 0px;
    }

    ul.sf-menu li li a
    {
        background: none !important;
        color: #afa69c !important;
        font-size: 12px;
        line-height: 5px;
        width: 165px;
        padding: 4px 0px 4px 5px;
        font-family: Arial, Helvetica, sans-serif;
        display: inline-block;
    }

    ul.sf-menu li.sfHover ul
    {
        width: 186px;
        border: #312e2b 1px solid;
        border-top: none;
    }
    ul.sf-menu li.sfHover ul li
    {
        background: url(../images/m-2.gif) 7px 10px no-repeat #3d3935;
        border-top: #312e2b 1px solid;
        display: block;
        float: none;
    }
    ul.sf-menu li.sfHover ul li:hover
    {
        background: url(../images/m-2.gif) 7px 10px no-repeat #57514b;
    }
    ul.sf-menu li.sfHover ul li:hover a
    {
        color: #fff !important;
    }

    .tdImg
    {
        width: 120px;
    }
    .tdImgImage
    {
        width: 110px;
    }

    #map_canvas
    {
        width: 90%;
        height: 400px;
        text-align: center;
    }
    #ctl00_mainContents_propMap
    {
        width: 90%;
    }

    #mainpic
    {
        width: 200px;
    }
    .thumbpic
    {
        width: 60px;
    }

}