﻿@media screen and (max-device-width: 480px)		{

html								{ font-size: 100%; }
body 								{ background: #e5dbb8; width: 100%; min-width: 320px; -webkit-text-size-adjust:none; font-family:Helvetica, Arial, Verdana, sans-serif; }
body * 								{ text-shadow: none !important; }

div									{ clear:both!important; display:block!important; width:100%!important; float:none!important; }

h1, h2, h3, h4						{ font-size: 100%; }

#body 								{ font-size: 100%; background: none; width: 100%; }

.no-mobile,
#sitelogo,
.nav								{ display: none !important; }

strong 								{ font-weight: bold; font-size: 100%; }

#container							{ width: 100%; }
#sitelogo							{ display: none;  }
/*
#sitemenu 							{ background: url(bg_mobile_header.png) 0 0 repeat-x scroll transparent; }
#sitemenu #mainmenu h1.menu,
#sitemenu #submenu .menu			{ margin: 0; }
#sitemenu #submenu .menu a span 	{ padding: 15px 4px 0; font-size: 65%; font-family:Helvetica, Arial, Verdana, sans-serif; }
*/

#sitemenu										{ background: url(bg_mobile_header.png) 0 0 repeat-x scroll #5d453b; }
#h1 #mainmenu									{ margin: 0; position: relative; width: 100%; }
#h1 #mainmenu a									{ height: 65px; color: #3b220f; margin: 0 8px; margin: 0; width: 25%; text-align: center; }
#h1 #mainmenu a span							{ display: block; padding: 20px 0 0; font-size: 65%; text-align: center; position: relative; width: 100%; }
#h1 #mainmenu a.active span						{ padding: 20px 10px 0; padding: 20px 0 0; }
#h1 #submenu 									{ margin: 0; width: 100%; text-align: center;  }
#h1 #submenu a									{ padding: 0; margin-left: 5px; margin-right: 5px; }
#h1 #submenu a span								{ padding: 15px 0 0; margin: 0; font-size: 65%; }


#body #container #content 			{ height: auto; background: #5d453b; }
#body #container #content h2		{ font-size: 1.5em !important; }
#body #container #content .text		{ padding: 20px 0; width: auto; }
#body #container #content .text h2,
#body #container #content .text p,
#body #container #content .text ul	{ padding-left: 10px; padding-right: 10px; }
#body #container #content .text a	{ color: #FC886D !important; }

#mobilelogo							{ display: block; position: relative; visibility: visible; text-align: center;}

#content .photoset 					{ position: relative; top: 0; right: 0; width: 300px; padding: 20px 0; min-height: 400px; background: none; text-align: center; }

#sitefooter							{ background: url(bg_mobile_footer.png) 0 0 repeat-x scroll transparent; }
#sitefooter #mainfooter				{ padding: 40px 0 0; }
.footer_column 						{ margin: 0 0 25px; clear: both; width: 100%; font-size: 100%; line-height: 120%; }
.footer_column h3, .footer_column p	{ padding-left: 10px; padding-right: 10px; }
.footer_column h3					{ font-size: 1.2em !important; }
.footer_column h3 img				{ display: none; }

#mobile-info						{ visibility: visible; background: #3B220F; color: #fff; clear: both; padding: 10px 0; margin: 20px auto; width: 80% !important; text-align: center; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }

#contact 							{ position: relative; bottom: 0; left: 0; padding: 20px 0; width: 100%; height: auto; background:none; }
#contact * 							{ color: #fff !important; }
#copy 								{ float: left; clear: both !important; margin: 0 0 15px; }
#copy span.copy						{ float: left !important; clear: both !important; padding: 0 10px 20px; color: #fff; }
#copy a								{ color: #fff !important; }

#contact_form 						{  }
#contact_form .input_text 			{ width: 90% !important; }

}