/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 768px) and (max-width: 1024px) {.container {min-width:720px; max-width:980px;}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 767px) {.top .header {background-image:none; padding:0;}/* realign logo for mobile devices */.logo.grid_4 {float: none;display: block;text-align: center;margin:10px 0;padding:0;width: 100%}/* realign navigation for mobile devices */nav.main-navigation {float: none;margin: 0 !important;width:100% !important;height: auto;background-color:#e9e9e9;line-height: 1}nav.main-navigation > ul {float:none;position: relative;padding: 0}nav.main-navigation ul li {display: block;position: relative;padding: 0 10px;margin: 0 1px}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader > span {font-size: 14px;color: #006225;line-height: 28px;}nav.main-navigation a:hover,nav.main-navigation a.current,nav.main-navigation li.sectionheader span:hover,nav.main-navigation li.sectionheader span.current,nav.main-navigation li.sectionheader span.parent,nav.main-navigation ul ul li a:hover,nav.main-navigation ul ul li a.current {color: #555;}/* second level navigation */nav.main-navigation ul li ul {top: -999em;left: -999em;width: 200px;position: absolute;}nav.main-navigation > ul > li:hover > ul {top: 28px;left: 0;right: auto}nav.main-navigation ul ul li {position: relative;background: #fff;line-height: 1;height: auto;margin: 0;padding: 0}nav.main-navigation > ul > li li a {line-height: 1}/* third level */nav.main-navigation > ul > li > ul > li:hover > ul {left: 0;top: 28px}/* close button (appended to dropdown with jquery) */.close-button {display: block;background: url(http://paintersoakpark.com/uploads/simplex/images/close_button.png) no-repeat;text-indent: -999em;position: absolute;bottom: -5px;right: -5px;width: 24px;height: 24px}/* hide banner text and size image area */.banner-text {display: none;width: 0}.banner-image {display: block;width: 100%;float:none;margin: 0;padding: 0}nav.main-navigation ul li {position: static}nav.main-navigation > ul > li > a.nav.main-navigation > ul > li.sectionheader > span {font-size: 10px}}/* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 320px) {.top .header {background-image:none;}.logo img {margin: 10px auto}nav.main-navigation {line-height: 1}nav.main-navigation > ul {float:none;}nav.main-navigation > ul > li:hover > ul {top: 58px;left: 2%;right: auto}nav.main-navigation ul li {float: none;position: relative;background: none;border-bottom: 1px dotted #f1f1f1;border-radius: 0;padding: 8px 0;margin: 0}nav.main-navigation > ul > li > a,nav.main-navigation > ul > li.sectionheader span {font-size: 20px}}
/* Stylesheet: Simplex: Mobile Modified On 2013-01-27 22:11:45 */