/*Main CSS File - Desktops min-width: 769px;*/
/* Clear Floats - http://css-tricks.com/snippets/css/clear-fix/ */
.group:before,
.group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

/* END Clear Float */
/* tel: links enabled in mobile browsers only */
@media only screen and (max-device-width: 480px) {
  a[href^="tel:"] {
    cursor: auto !important; } }
/* Layout styles */
html {
  margin-bottom: 1px;
  width: 100%;
  height: 101%;
  background: #c0ecfa;
  font-size: 62.5%; }

body {
  width: 100%;
  height: auto;
  margin: 0;
  background: transparent;
  color: #000;
  text-align: left;
  font-family: "Helvetica Neue", "Trebuchet MS", Tahoma, sans-serif; }

#wrapper {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0 0 10px;
  padding: 0 0 1rem;
  min-width: 320px;
  min-width: 32rem;
  max-width: 960px;
  max-width: 96rem;
  width: auto;
  height: auto;
  background: transparent; }

header {
  position: relative;
  margin: 0 30px;
  margin: 0 3rem;
  width: auto;
  height: 80px;
  height: 8.0rem;
  background: transparent;
  padding-bottom: 30px;
  border-bottom: 5px solid #E46406;
}

#siteLogo {
  position: absolute;
  top: 15px;
  top: 1.5rem;
  left: 0px;
  display: block;
  width: 267px;
  width: 26.7rem;
  height: 50px;
  height: 5rem;
  background: url("../assets/images/wco_site_logo_267x45.png") 0 0 no-repeat;
}

#top5problems {
  position: absolute;
  display: none;
  top: 10px;
  top: 4rem;
  right: 20px;
  right: 4rem;
  width: 303px;
  width: 30.3rem;
  height: 184px;
  height: 18.4rem;
  background: url("../assets/images/theme/top-five.png") 0 0 no-repeat;
}

#container {
  position: relative;
  margin: 0px 30px 20px 30px;
  margin: 0rem 3rem 2rem 3rem;
  padding-bottom: 5px;
  padding-bottom: .5rem;
  width: auto;
  height: auto;
  background: transparent;
}

#content {
  position: relative;
  margin: 0 0 20px 0;
  margin: 0 0 2rem 0;
  padding-bottom: 30px;
  padding-bottom: 3rem;
  width: 100%;
  height: auto;
}

#main {
  position: relative;
  margin: 20px auto;
  margin: 2rem auto;
  padding-top: 20px;
  padding-top: 2rem;
  min-height: 275px;
  min-height: 27.5rem;
  width: 90%;
  height: auto;
}

/* !Nav Main */
#navMain {
  position: absolute;
  width: auto;
  height: 45px;
  height: 4.5rem;
  top: 65px;
  top: 6.5rem;
  right: 35px;
  right: 3.5rem;
  background: transparent;
}

#navM {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%; }

#navM li {
  position: relative;
  display: inline-block;
  float: left;
  text-align: center; }

#navM a {
  display: block;
  padding: 14px 0px 12px 15px;
  padding: 1.3rem 0px 1.2rem 1.5rem;
  text-decoration: none;
  font-size: 20px;
  font-size: 2.0rem;
}

#navM a:link,
#navM a:visited,
#navM a:active {
  color: #000;
  text-shadow: 1px 1px 2px #168222;
  text-shadow: .1rem .1rem 2rem #168222;
}

#navM a:focus,
#navM a:hover {
  text-shadow: 0 0 10px #E46406;
  text-shadow: 0 0 1rem #E46406;
}

#about #mAbout,
#services #mServices,
#seo #mSEO,
#problems #mProblems,
#portfolio #mPortfolio,
#apps #mApps,
#clients #mClients,
#contact #mContact {
  text-shadow: 0 0 10px #E46406;
  text-shadow: 0 0 1rem #E46406;
}

/* !Nav Footer */
#navFooter {
  position: absolute;
  bottom: 12px;
  bottom: 1.2rem;
  left: 10%;
  width: 80%;
  height: 30px;
  height: 3rem; }

#navF {
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  padding: 0 1rem;
  max-width: 616px;
  max-width: 61.6rem;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

#navF li {
  position: relative;
  display: inline-block;
  float: left;
  text-align: center; }

#navF a {
  display: block;
  padding: 7px 10px 3px;
  padding: .7rem 1rem .3rem;
  text-decoration: none;
  text-transform: capitalize;
  letter-spacing: 1px;
  letter-spacing: .1rem;
  font-size: 16px;
  font-size: 1.6rem; }

#navF a:link,
#navF a:visited,
#navF a:active {
  color: #aba5a5; }

#navF a:focus,
#navF a:hover {
  color: #108030; }

#copyright #sCopyright,
#terms #sTerms,
#privacy #sPrivacy,
#contact #sContact {
  color: #108030; }

/* !Typography */
h1, h2, h3, h4, h5 {
  font-weight: 600;
/*   margin-bottom: 5px; */
/*   margin-bottom: 0.5rem */;
   }

h1.pageTitle {
  margin: 0 0 10px;
  margin: 0 0 1rem;
  font-size: 22px;
  font-size: 2.2rem; }

h2 {
  font-size: 20px;
  font-size: 2rem; }

#main h2.pageSubTitle {
  margin: -10px 0 5px;
  margin: -.5rem 0 0.5rem;
  padding-bottom: .5em;
  color: #108030;
  font-style: italic;
  font-variant: small-caps;
  opacity: .85; }

h3 {
  font-size: 18px;
  font-size: 1.8rem; }

h4 {
  font-size: 16px;
  font-size: 1.6rem; }

h5 {
  font-size: 14px;
  font-size: 1.4rem; }

#main {
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25; }

#main ul,
#main ol,
#main dl,
#main p,
#main blockquote,
#main span,
#main table,
#main legend {
  margin: 8px 0;
  margin: .8rem 0; }

figure.inline {
  margin: 1em 0;
  padding: 1em 2em;
  border-top: 1px dotted #8C0717;
  border-top: .1rem dotted #8C0717;
  border-bottom: 1px dotted #8C0717;
  border-bottom: .1rem dotted #8C0717;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: fantasy;
  line-height: 1.4; }

figure.inline figcaption {
  padding-top: 7px;
  padding-top: .7rem;
  color: #000;
  text-align: right;
  letter-spacing: .5px;
  letter-spacing: .05rem; }

.emphasize {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem; }

.rule {
  display: block;
  clear: both;
  margin: 0 auto;
  padding: 20px 0;
  padding: 2rem 0;
  width: 80%;
  height: 1px;
  height: .1rem; }

.rule hr {
  margin: 0; }

/* !Links */
a {
  white-space: nowrap;
  font-style: normal; }

a:link,
a:visited,
a:active {
  color: #107E2F; }

a:focus,
a:hover {
  color: #8C0717; }

/* !Misc */
.offscreen {
  position: absolute;
  top: 0;
  left: -9999px;
}

/* For Chistmas Lights */
/*
#content {
  background: url("../assets/images/xmas_lights.gif") center top repeat-x;
}

#main {
  margin-top: 40px; margin-top: 4rem;
}
*/