#wrapper {width:100%; margin:auto; border:0px; padding:0px}
	#frame {padding:2px}
  #logo {display:block}
  #logo img {max-width:100%}
  #mobile-logo {display:none}
  #mainnav {display:none}
  #mobilenav {display:block}
  #welcome {display:none}
  .resources .left, .resources .right, .sitemap .left, .sitemap .right {float:none; width:100%}
  .contact-map {float:none; width:100%}
  .web-only {display:none}
  .mobile-only{display:inherit}
  aside.sidebar {width:100%; float: none; display:none}
  aside.smartlinks {width:100%; float: none; display:none}
  aside.glossary {width:120px}
  article {margin-left:0px}
  #brochure-image {margin-right: 3px;; max-width:160px}
  #brochure-image .image {width:100%}
  #smartlink_table {width:100%;height:100%;border:0;padding:0;margin:auto;border-radius:7px;margin-top:0px}

@media only screen and (min-width: 480px) {
  /* 480 =================================================== */
  #logo {display:block}
  #mobile-logo {display:none}
  #mainnav {display:block}
  #mobilenav {display:none}
  #welcome {display:block}
  .resources .left, .sitemap .left {float:left; width:50%}
  .resources .right, .sitemap .right {float:right; width:50%}
  .contact-map {float:right; width:50%}
  .web-only {display:inherit}
  .mobile-only{display:none}
  aside.sidebar {width:35%; float:left; display:block}
  aside.smartlinks {width:30%; float:left; display:block}
  aside.glossary {width:30%}
  article.home {margin-left:35%; padding-left:4px}
  article.brochure {margin-left:30%; padding-left:4px}
  #brochure-image {width:38%; max-width:100%;}
  #brochure-main {margin-left:39%}
  #smartlink_table {width:95%;height:97%;margin-top:8px}
}