
#accordion h3.ui-state-active {color:#fff;}
#banner {border-bottom:1px solid #ddd; margin:0; padding:.2em 18%;}
#banner img {float:left; height:6em;}
#banner .clear {clear:both; height:1px; margin:0; overflow:hidden;}
#banner .item {display:inline-block; float:right; margin:1.2em 0 0 1.5em;}
#banner .item > div {margin:0 0 0 4em;}
#banner .item a {color:#000; text-decoration:none;}
#banner .item a:visited {color:#000;}
#banner .item a:hover {color:#0095e5;}
#banner .item h5 {font-size:1.2em; margin:0 0 .2em 0;}
#content {margin:0; padding:3em 18%;}
#content a {color:#0095e5; text-decoration:none;}
#content a:visited {color:#0095e5;}
#content a:hover {color:#0095e5; text-decoration:underline;}
#content a.button {color:#fff; text-decoration:none;}
#content a.button:visited {color:#fff;}
#content a.button:hover {color:#fff; text-decoration:none;}
#content a.button span {background-color:#0095e5; border:1px solid #fff; border-radius:8px; box-shadow:2px 2px 2px #234e65; font-weight:bold; padding:.3em;}
#content a.button:hover span {background-color:#4eafe2;}
#content a.button:active span {background-color:#0095e3; box-shadow:none;}
#content h2 {color:#0095e5; font-size:1.7em;}
#content h3 {color:#0095e5; font-size:1.7em;}
#content h4 {color:#0095e5; font-size:1em;}
#content.center h3 {text-align:center;}
#content.center h4 {text-align:center;}
#content .indent {margin:0 2em;}
#content .picture-left img {float:left; margin:.5em .5em; width:25%;}
#content .picture-left div {margin-left:30%;}
#content .picture-left h3 {margin-left:30%;}
#content .picture-left h4 {margin-left:30%;}
#content .picture-left p {margin-left:30%;}
#content .service {margin-left:520px; min-width:200px;}
#content .services {margin:0; padding:3em 0; text-align:center;}
#content .services h3 {margin:0 0 1em 0;;}
#content .services .service {display:inline-block; margin:0 2% 0 0; vertical-align:top; width:22%;}
#content .services .service:last-child {margin:0;}
#content .services .service img {object-fit:contain; height:auto; width:100%;}
#content .video {float:left;}
#contact {margin:0 0 0 470px; min-width:200px; padding:2em 0;}
#contact li {list-style:none; margin:0; padding:.3em 0;}
#contact i.fa {border:.08em solid #0095e5; border-radius:50%; color:#0095e5; float:left; font-family:FontAwesome; font-size:.9em; padding:.15em .3em;}
#contact i.fa + a {margin-left:.4em;}
#contact i.fa + div {display:inline-block; margin-left:.4em;}
#contact i.fa-envelope {border-width:.13em; font-size:.8em; padding:.26em .3em;}
#contact i.fa-map-marker {padding:.15em .42em;}
#contact i.fa-download {padding:.15em .20em;}
#copyright {background-color:#2d2d2d; color:#fff; font-size:.6em; margin:0; padding:.4em 18%;}
#copyright a {color:#0095e5; text-decoration:none;}
#copyright a:visited {color:#0095e5;}
#copyright a:hover {color:#0095e5;}
#footer {background-color:#383838; color:#fff; font-size:.8em; margin:0; padding:2em 18% 0 18%;}
#footer a {color:#0095e5; text-decoration:none;}
#footer a:visited {color:#0095e5;}
#footer a:hover {color:#0095e5; text-decoration:underline;}
#footer dd {font-style:italic; font-weight:bold; margin:0 0 .3em 3em;}
#footer dl {margin:0; padding:0;}
#footer dt {clear:left; display:inline-block; float:left; font-style:italic; margin:0 0 .3em 0;text-align:right; width:2.2em;}
#footer h4 {font-size:1.2em; margin-top:0;}
#footer i.fa {border:.08em solid #0095e5; border-radius:50%; color:#0095e5; float:left; font-family:FontAwesome; font-size:.9em; padding:.15em .3em;}
#footer i.fa + a {margin-left:.3em;}
#footer i.fa + div {float:left; margin-left:.3em;}
#footer i.fa-envelope {border-width:.13em; font-size:.8em; padding:.26em .3em;}
#footer i.fa-map-marker {padding:.15em .42em;}
#footer li {list-style:none; padding:.3em .1em;}
#footer ul {margin:0; padding:0;}
#footer .column {display:inline-block; margin:0 0 2em 0; vertical-align:top; min-width:24%;}
#forms {margin:0 auto; width:auto;}
#forms td {padding:.4em;}
#forms h4 {text-align:center;}
#header h1 {background-color:#0095e5; color:#fff; margin:0; padding:.2em 0 .2em 18%;}
#header i.fa {border:.12em solid #0095e5; border-radius:50%; color:#0095e5; float:left; font-family:FontAwesome; font-size:1.8em; padding:.2em .3em;}
#header i.fa-map-marker {padding:.2em .43em;}
#header i.fa-angle-down {border:none; float:right; font-size:1.0em;}
#header i.fa-bars {border:none; font-size:1.0em;}
#hours {margin:0 0 2em 33%; width:33%;}
#hours th {text-align:left;}
#map {float:left; width:450px;}
#menu {border-bottom:1px solid #ddd; padding:.5em 18%;}
#menu dd {background-color:#fff; border:1px solid #ddd; box-shadow:2px 2px 4px #ccc; display:none; margin:0; position:absolute; visibility:hidden; z-index:10000;}
#menu dd a {color:#0095e5; text-decoration:none;}
#menu dd a:visited {color:#0095e5;}
#menu dd li {padding:.3em .6em;}
#menu dd li:hover {background:#ddd;}
#menu dd li:hover a {display:block; color:#0095e5;}
#menu dt {font-weight:bold;}
#menu li {list-style:none; padding:.2em;}
#menu li.top {color:#0095e5; display:inline-block; font-size:.95em; margin:0 1.1em 0 0; padding:0; vertical-align:top;}
#menu li.top:hover {cursor:pointer;}
#menu li.top:hover dd {display:block; visibility:visible;}
#menu li.top > a {color:#0095e5; font-weight:bold; text-decoration:none;}
#menu ul {margin:0; padding:0;}
#menu-icon {display:none;}

body {background-color:#fff; border:none; font-family:Arial,Helvetica; font-size:14pt; margin:0; padding:0;}
div.clear {clear:both;}

@media screen and (max-width:1280px) {
  #banner {padding:.2em 10%;}
  #content {padding:.4em 10%;}
  #copyright {padding:.4em 10%;}
  #footer {padding:1em 10% 0 10%;}
  #header h1 {padding:.2em 0 .2em 10%;}
  #menu {padding:.5em 10%;}
  #menu li.top {font-size:.85em;}

  body {font-size:12pt;}
}

@media screen and (max-width:1024px) {
  #banner {padding:.2em 5%;}
  #content {padding:.4em 5%;}
  #copyright {padding:.4em 5%;}
  #footer {padding:1em 5% 1em 5%;}
  #header h1 {padding:.2em 0 .2em 5%;}
  #menu {padding:.5em 5%;}

  body {font-size:10pt;}
}

@media only screen and (max-device-width:800px) {
  a.button {font-size:18pt !important;}
  h2 {font-size:22pt !important;}
  h3 {font-size:20pt !important;}
  h4 {font-size:18pt !important;}
  p {font-size:20pt !important;}
  #accordion {display:none;}
  #content .service {clear:left; margin:0; padding:2em 0;}
  #content ul {font-size:18pt !important;}
  #copyright {font-size:14pt;}
  #footer .column {font-size:28pt; min-width:80%;}
  #header {font-size:16pt !important; min-width:80%;}
  #hours {font-size:24pt; margin:0 0 2em 25%; width:50%;}
  #menu dd {border:none; box-shadow:none; display:block; font-size:14pt; position:static; visibility:visible;}
  #menu ul {font-size:3em;}
  #menu li.top {display:none; margin:0; padding:.2em 0 .2em 1em;}
  #menu li.top .fa {display:none}
  #menu-icon {display:block;}
}
