﻿@media(max-width:480px)
{

#main {
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
}

#logo {
    background:none!important;
    height: 50px!important;
    margin-top:20px!important;
    margin-left:7px;
}
#page1 #logo {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 139px!important;
    margin-top: 60px;
}   
.res_image
{
    width:100%;
    height:auto;
    margin:0 auto;
    display:block;
    text-align:center;
}
#top_links
{
    display:none!important;
}
#res_menu
{
   width:100%;
    padding: 29px 0 22px;
    height:100%;
    font-size:12px;
    color:#cccccc;
    text-align:right;
    text-transform:uppercase;
    display:block!important;
}
#res_menu ul
{
    margin:0;
    padding:0;
}

#res_menu li
{
    
    float:none!important;
    width:93%;
    text-align:center;
    background:#464646;
    margin-bottom:5px;
    /*margin-left:7px;*/
    padding:10px;
    list-style:none;
    border-radius:5px;
}
#res_menu li:hover 
{
   background:#FCE6B8;
}
#res_menu li.active
{
    background:#FCE6B8;
    color:#000!important; 
}

#res_menu li a{
   
    text-decoration:none;
    outline:none;
}

#res_menu li a:hover
{
    color:#000; 
    text-decoration:none;
}

#res_menu li:first-child
{
    margin-right:0;
}

#res_menu li a.active
{
    color:#000;
    text-decoration:none;
}

#page1 #content {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 0;
    width:100%;
}

#page1 #menu_bar {
    border-bottom: 3px solid #262626;
    border-top: 0 solid #464646;   
    margin: 0 auto;
    width:100%;
    height:273px!important;
}
#page1 #menu_bar li {
    background:#FCE6B8!important;
    display: block;
    float:none!important;
    height: 20px;
    list-style-type: none;
    padding:8px!important;   
    text-transform: uppercase;
    width: 95%!important;
    text-align:center;
    margin-bottom:5px!important;
    border-radius:5px;
}
#page1 #menu_bar li:hover
{
     background:#262626!important;
     color:#fff!important;
}
#page1 #menu_bar li a:hover
{
    color:#fff!important;
}

#page1 #menu_bar li a {
    background: none!important;    
    font-family: inherit !important;
    font-size: 11px !important;
    padding: 3px;
    text-decoration: none;
    color:#000!important;
}
#menu_bar li {
    background:none!important;
    display: block;
    float:none!important;
    height: 16px;
    list-style-type: none;
    padding: 20px 40px 20px 10px;
    text-transform: uppercase;
    width: 100%!important;
    text-align:center;
}
#page2 #menu_bar {
    border-bottom: 3px solid #262626;
    border-top: 0 solid #464646;   
    margin: 7px auto;
    width:100%;
    height:75px!important;
}
#page6 #menu_bar {
    border-bottom: 3px solid #262626;
    border-top: 0 solid #464646;   
    margin: 7px auto;
    width:100%;
    height:75px!important;
}
#page5 #menu_bar {
    border-bottom: 3px solid #262626;
    border-top: 0 solid #464646;   
    margin: 7px auto;
    width:100%;
    height:75px!important;
}
#page4 #menu_bar {
    border-bottom: 3px solid #262626;
    border-top: 0 solid #464646;   
    margin: 7px auto;
    width:100%;
    height:75px!important;
}
#page3 #menu_bar {
    border-bottom: 3px solid #262626;
    border-top: 0 solid #464646;   
    margin: 7px auto;
    width:100%;
    height:75px!important;
}

#page2 #menu_bar li {
    background:none!important;  
    float:left!important;  
    padding:5px!important;
    text-transform:uppercase!important;   
    text-align:center!important;
    width:auto!important;
}
#page3 #menu_bar li {
    background:none!important;  
    float:left!important;  
    padding:5px!important;
    text-transform:uppercase!important;   
    text-align:center!important;
    width:auto!important;
}
#page4 #menu_bar li {
    background:none!important;  
    float:left!important;  
    padding:5px!important;
    text-transform:uppercase!important;   
    text-align:center!important;
    width:auto!important;
}
#page5 #menu_bar li {
    background:none!important;  
    float:left!important;  
    padding:5px!important;
    text-transform:uppercase!important;   
    text-align:center!important;
    width:auto!important;
}
#page6 #menu_bar li {
    background:none!important;  
    float:left!important;  
    padding:5px!important;
    text-transform:uppercase!important;   
    text-align:center!important;
    width:auto!important;
}
#footer {
    color: #999999;
    font-size: 11px;
    line-height:22px;
    height: 40px;
    padding: 8px;
    width:100%;
}
.aligncenter
{
    text-align:center;
    margin:0 auto;
    display:block;
    float:none!important
}
#page2 #main
{
       margin: 0 auto;
    width: 100%; 
}
#page3 #main
{
       margin: 0 auto;
    width: 100%!important; 
}
#page4 #main
{
       margin: 0 auto;
    width: 100%!important; 
}
#page5 #main
{
       margin: 0 auto;
    width: 100%!important; 
}
#page6 #main
{
       margin: 0 auto;
    width: 100%!important; 
}
#content {
    background-color: #7c1f2a;
    overflow: hidden;
    padding: 20px;
    width:90%!important;
    height:100%!important;
}
.left_img {
    float:none!important;
    margin:0 auto!important;
    display:block!important;
    text-align:center!important;
    width:260px!important;
    height:305px!important;  
}

.img_border {
    border: 2px solid #ffffff;
   margin-bottom:10px!important;
}

.img_full-row {
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}
.img_col {
    float: none !important;
    height: 153px;
    margin: 5px 10px;
    width:91%;
}

.img_col img {
    border: 2px solid #ffffff;
    height: 149px;
    width: 216px;
}
.contact_col {
    float: left;
    width:98%;
}

#ContactForm input.txtfield {
    background-color: #77141f;
    border: 1px solid #660000;
    color: #dad7c6;
    display: block;
    height: 20px;
    padding: 2px;
    width:97%!important;
}
.contact_col.lr_margin {
    margin: 0 2px;
}
#ContactForm textarea.txtarea {
    background-color: #77141f;
    border: 1px solid #660000;
    color: #dad7c6;
    display: block;
    font-family: Verdana,Tahoma,sans-serif;
    font-size: 12px;
    height: 140px;
    overflow: auto;
    padding: 2px;
    resize: none;
    width: 97%!important;
}
#page2 #footer {
    color: #999999;
    font-size: 11px;
    line-height:22px;
    height: 40px;
    padding: 8px;
    width:100%;
}
#page4 #footer {
    color: #999999;
    font-size: 11px;
    line-height:22px;
    height: 40px;
    padding: 8px;
    width:100%;
}
#menu_bar li a {
    color: #000!important;  
    font-size: 11px!important;
    text-decoration: none;
    font-family:inherit!important;
    background:#FCE6B8;
    padding:3px;
}
}
@media only screen and (min-width: 481px) and (max-width: 640px)
{
   #main {
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
}

#logo {
    background:none!important;
    height: 75px!important;
    margin-top:20px!important;
    margin-left:7px;
}
#page1 #logo {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 139px!important;
    margin-top: 60px;
}   
.res_image
{
    width:100%;
    height:auto;
    margin:0 auto;
    display:block;
    text-align:center;
}
#top_links
{
    display:none!important;
}
#res_menu
{
   width:100%;
    padding: 29px 0 22px;
    height:100%;
    font-size:12px;
    color:#cccccc;
    text-align:right;
    text-transform:uppercase;
    display:block!important;
}
#res_menu ul
{
    margin:0;
    padding:0;
}

#res_menu li
{
    
    float:none!important;
    width:97%;
    text-align:center;
    background:#464646;
    margin-bottom:5px;
    /*margin-left:7px;*/
    padding:10px;
    list-style:none;
    border-radius:5px;
}
#res_menu li:hover 
{
   background:#FCE6B8;
}
#res_menu li.active
{
    background:#FCE6B8;
    color:#000!important; 
}

#res_menu li a{
   
    text-decoration:none;
    outline:none;
}

#res_menu li a:hover
{
    color:#000; 
    text-decoration:none;
}

#res_menu li:first-child
{
    margin-right:0;
}

#res_menu li a.active
{
    color:#000;
    text-decoration:none;
}

#page1 #content {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 0;
    width:100%;
}

#page1 #menu_bar {
    border-bottom: 3px solid #262626;
    border-top: 0 solid #464646;   
    margin: 0 auto;
    width:100%;
    height:273px!important;
}
#page1 #menu_bar li {
    background:#FCE6B8!important;
    display: block;
    float:none!important;
    height: 20px;
    list-style-type: none;
    padding:8px!important;   
    text-transform: uppercase;
    width: 95%!important;
    text-align:center;
    margin-bottom:5px!important;
    border-radius:5px;
}
#page1 #menu_bar li:hover
{
     background:#262626!important;
     color:#fff!important;
}
#page1 #menu_bar li a:hover
{
    color:#fff!important;
}

#page1 #menu_bar li a {
    background: none!important;    
    font-family: inherit !important;
    font-size: 11px !important;
    padding: 3px;
    text-decoration: none;
    color:#000!important;
}
#menu_bar li {
    background:none!important;
    display: block;
    float:none!important;
    height: 16px;
    list-style-type: none;
    padding: 20px 40px 20px 10px;
    text-transform: uppercase;
    width: 100%!important;
    text-align:center;
}
#page2 #menu_bar {
    border-bottom: 3px solid #262626;
    border-top: 0 solid #464646;   
    margin: 10px!important;
    width:98%;
    height:40px!important;
}
#page6 #menu_bar {
    border-bottom: 3px solid #262626;
    border-top: 0 solid #464646;   
    margin: 10px!important;
    width:98%;
    height:40px!important;
}
#page5 #menu_bar {
    border-bottom: 3px solid #262626;
    border-top: 0 solid #464646;   
    margin: 10px!important;
    width:98%;
    height:40px!important;
}
#page4 #menu_bar {
    border-bottom: 3px solid #262626;
    border-top: 0 solid #464646;   
    margin: 10px!important;
    width:98%;
    height:40px!important;
}
#page3 #menu_bar {
    border-bottom: 3px solid #262626;
    border-top: 0 solid #464646;   
    margin: 10px!important;
    width:98%;
    height:40px!important;
}

#page2 #menu_bar li {
    background:none!important;  
    float:left!important;  
    padding:5px!important;
    text-transform:uppercase!important;   
    text-align:center!important;
    width:auto!important;
}
#page3 #menu_bar li {
    background:none!important;  
    float:left!important;  
    padding:5px!important;
    text-transform:uppercase!important;   
    text-align:center!important;
    width:auto!important;
}
#page4 #menu_bar li {
    background:none!important;  
    float:left!important;  
    padding:5px!important;
    text-transform:uppercase!important;   
    text-align:center!important;
    width:auto!important;
}
#page5 #menu_bar li {
    background:none!important;  
    float:left!important;  
    padding:5px!important;
    text-transform:uppercase!important;   
    text-align:center!important;
    width:auto!important;
}
#page6 #menu_bar li {
    background:none!important;  
    float:left!important;  
    padding:5px!important;
    text-transform:uppercase!important;   
    text-align:center!important;
    width:auto!important;
}
#footer {
    color: #999999;
    font-size: 11px;
    line-height:22px;
    height: 40px;
    padding: 8px;
    width:100%;
}
.aligncenter
{
    text-align:center;
    margin:0 auto;
    display:block;
    float:none!important
}
#page2 #main
{
       margin: 0 auto;
    width: 100%; 
}
#page3 #main
{
       margin: 0 auto;
    width: 100%!important; 
}
#page4 #main
{
       margin: 0 auto;
    width: 100%!important; 
}
#page5 #main
{
       margin: 0 auto;
    width: 100%!important; 
}
#page6 #main
{
       margin: 0 auto;
    width: 100%!important; 
}
#content {
    background-color: #7c1f2a;
    overflow: hidden;
    padding: 20px;
    width:94%!important;
    height:100%!important;
}
.left_img {
    float:none!important;
    margin:0 auto!important;
    display:block!important;
    text-align:center!important;
    width:260px!important;
    height:305px!important;  
}

.img_border {
    border: 2px solid #ffffff;
   margin-bottom:10px!important;
}

.img_full-row {
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}
.img_col {
    float: none !important;
    height: 153px;
    margin: 5px 10px;
    width:91%;
}

.img_col img {
    border: 2px solid #ffffff;
    height: 149px;
    width: 216px;
}
.contact_col {
    float: left;
    width:98%;
}

#ContactForm input.txtfield {
    background-color: #77141f;
    border: 1px solid #660000;
    color: #dad7c6;
    display: block;
    height: 20px;
    padding: 2px;
    width:97%!important;
}
.contact_col.lr_margin {
    margin: 0 2px;
}
#ContactForm textarea.txtarea {
    background-color: #77141f;
    border: 1px solid #660000;
    color: #dad7c6;
    display: block;
    font-family: Verdana,Tahoma,sans-serif;
    font-size: 12px;
    height: 140px;
    overflow: auto;
    padding: 2px;
    resize: none;
    width: 97%!important;
}
#page2 #footer {
    color: #999999;
    font-size: 11px;
    line-height:22px;
    height: 40px;
    padding: 8px;
    width:100%;
}
#page4 #footer {
    color: #999999;
    font-size: 11px;
    line-height:22px;
    height: 40px;
    padding: 8px;
    width:100%;
}
#menu_bar li a {
    color: #000!important;  
    font-size: 11px!important;
    text-decoration: none;
    font-family:inherit!important;
    background:#FCE6B8;
    padding:3px;
} 
}
@media only screen and (min-width: 641px) and (max-width: 768px)
{
    #main {
    margin: 0 auto;
    width:100%!important;
    overflow:hidden;
    min-height:500px!important;
}

#content {
    background-color: #7c1f2a;
    overflow: hidden;
    padding: 20px;
    width: 95%!important;
    height:100%!important;
}

.img_col {
    float: left;
    height: 153px;
    margin: 0 10px;
    width: 212px!important;
}
.contact_col {
    float: left;
    width: 212px!important;
}
#footer {
    color: #999999;
    font-size: 11px;
    height: 10px;
    padding: 20px;
    width: 97%!important;
}
}
