html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { padding:0; box-sizing:border-box; }

html { position:relative; top:0; left:0; margin:0; padding:0; width:100%; z-index:0; }
body {
	margin: 0;
	padding:0;
	width:auto;
	font-family:Arial,sans-serif;
	font-size:18px;
	color:#000;
}

a { text-decoration:none; }
h1 { margin:0 0 .5em 0; color:#000; font-family:Times, Times New Roman, serif; font-size:2.2em; font-weight:500; }
h2 { margin:0 0 .3em 0; color:#008; font-family:arial,sans-serif; }

p { margin:0 0 .5em 0; }
img, a img { border:none; max-width:98%; }
table { border-collapse:collapse; }
li { margin-left:2em; }

#wrapper { position:relative; top:0; left:0; margin:0 auto; }

header { width:auto; height:380px; overflow:hidden; color:#fff;
 background-position:60px 20px, center center; background-repeat:no-repeat, no-repeat; background-size:10%, cover; background-color:transparent;
 background-image:url('images/gapWORX-logo-sq.jpg'), url('images/bg1.jpg');
 }
header h1 { margin-top:.3em; font-family:Arial,sans-serif; font-family:Arial,sans-serif;  font-size:56px; color:#eee; font-weight:700; font-variant: small-caps;
            text-shadow:2px 3px 3px #444; }
#logoBox { margin:.5em 3em; padding-top:.4em; width:460px; text-align:center; overflow:hidden; color:#fff; }
#logoBox img { width:450px; }

#mainContent { position:relative; top:0; left:0; margin-top:.2em; background-color:#fff; }
#mainContent a:active, #mainContent a:visited, #mainContent a:link { color:#008; } /* #3498db; */

#banner { font-size:24px; color:#1b2e5b; font-weight:900; text-align:center; } /* #265893 */
#main { margin:0; padding:1em; }
#example { padding:1em 0; background-color:LightYellow; }
#intro { padding:1em 0; }
#intro img { margin-bottom:1em; }


footer { padding:1em 0; min-height:5em; font-size:.8em; background-color:#1171bb; color:#fff; overflow:hidden; }
footer a { color:#fff; text-decoration:none; }
#cards img { max-width:200px; }
#socialLinks { line-height:82px; text-align:center; }
#socialLinks img { margin-right:1em; max-width:130px; vertical-align:middle; }

#copyright:first-line { font-size:larger; font-weight:bold; }


.stdtext { margin-bottom:.5em; font-size:1em; line-height:1.3em; }
.righttext, .rightText { margin-bottom:1em; font-size:1em; font-weight:bold; line-height:1.3em; text-align:right; }
.smalltext, .smallText { margin-bottom:.3em; font-size:.7em; }
.boldtext, .boldText, .strongText, .strongtext { font-weight:bold !important; }
.normaltext { font-weight:normal !important; }
.blacktext, .blackText { color:#000 !important; font-weight:bold; }
.blueText { color:#1172b9; }
.orangetext { color:#f39c12; }
.source { margin:-.2em 0 .5em 0; font-weight:bold; text-align:right; }
.centered { text-align:center; }
.center50 { width:50%; margin:0 auto; overflow:hidden; }
.center60 { width:60%; margin:0 auto; overflow:hidden; }
.center70 { width:70%; margin:0 auto; overflow:hidden; }
.center80 { width:80%; margin:0 auto; overflow:hidden; }
.narrow { margin:0 6em; }
.comment { color:#006; }
.box { padding:.8em; border:solid 1px #000; }
.shadowed { box-shadow:4px 6px 6px #444; }
.reg { text-decoration:underline; }
.limitWidth { position:relative; top:0; left:0; margin:0 auto; width:auto; max-width:1080px; }
.gapworx { font-size:1.2em; font-variant:small-caps; font-weight:700; }
.gap { font-size:.8em; font-variant:small-caps; }
.dacContainer { margin:2px auto; width:320px; }
.dacBox { float:left; width:40px; font-size:1.6em; text-align:left; }
.dacText { margin-bottom:.5em; font-weight:bold; }
.leftImageBox { float:left !important; width:28%; margin:0 1em .5em 0em; text-align:center; overflow:hidden; }
.leftImageBox img { width:98%; }
.rightImageBox { float:right !important; width:28%; margin:0 0 .5em 1em; text-align:center; }
.rightImageBox img { width:98%; }
.centerImageBox { text-align:center; }
.centerImageBox img { width:98%; }
.leftThirdBox { float:left; margin-right:2em; width:33%; }
.rightThirdBox { float:right; margin-left:2em; width:33%; }
.halfBox { float:left; width:47%; margin:0 3% 0 0;  overflow:hidden; }
.thirdBox { float:left; width:33%; margin:0; padding:1em; overflow:hidden; }
.imgBox { text-align:center; }
.imgBox img { width:98%; }
.dropcapparagraph  { text-indent:.5em; text-align:justify; }
.dropcapparagraph:first-letter { font-family:serif; font-size:300%; color:#006bcc; font-weight:bold; background-color:transparent; line-height:.8em; }
.nobr { white-space:nowrap; }
.noOverflow { overflow:hidden; }
.noDesktop { display:none; }
.infoBeige { background-color:#ecf0f1; }
.contactButton { padding:.5em 2em; width:auto; background-color:#008; color:#fff !important; font-weight:bold; text-decoration:none; border-radius:8px; border:solid 2px skyblue; }

.clearleft, .clearLeft { clear:left; height:0; line-height:0; }
.clearright { clear:right; height:0; line-height:0; }
.clearBoth, .clearboth { clear:both; height:0; line-height:0; }
.clearFix:after, .boxRow:after {
	content:' ';
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
	line-height:0;
}
.quoteBox { margin-bottom:1em; padding:1em 2em; border-radius:1em; border:solid 2px #008; }
.quoteBox p:first-child { font-style:italic; font-weight:normal; }
.quoteBox p { font-weight:bold; }


/* ====================================================
     Drop-down Nav Bar  #E3ECF6 - 7ten #13688e  nqlawn #1a3665 265893
*/

.toggle, [id^=drop] { display: none; }

nav { background-color:#265893; }

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index:10;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
}

nav a {
  display: block;
  padding: 0 20px;
  color: #fff !important;
  font-size: 20px;
  line-height: 40px;
  text-decoration: none;
  background-color:#265893;
}

nav ul li ul li:hover { color:#ffd; background: #fff; }

nav a:hover { color:#000 !important; background-color: #fff; }

nav ul ul {
  display: none;
  position: absolute;
  top: 40px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  padding-bottom:6px;
  width: 230px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul li a {
  line-height:24px;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ' +'; }

li > a:only-child:after { content: ''; }

/* ==================== End Menu ========================*/

/* ================================
      Media Queries
   ================================ */

@media print {
nav { display:none; }
}

/* Smartphone Landscape */
@media screen and (max-width:640px) {

body { font-size:16px; }
h1 { font-size:1.6em; }

header, #header { height:200px; background-position:bottom center, center center; background-size:70%, cover; }
header h1 { margin-top:.2em; font-size:1.4em; }
#banner { margin-top:.1em; font-size:larger; }

#home header, #services header, #contact header { background-image:url('images/gapWORX-logo-sq.jpg'), url('images/bg2.jpg');
 }
#snow header { background-image:url('images/logo_med2.png'), url('images/bg4.jpg'); }

#cards img { width:90%; }

.noDesktop { display:initial; }
.noMobile { display:none !important; width:0; height:0; line-height:0; overflow:hidden; }
.limitWidth { width:auto; margin:0 1em; }
.leftThirdBox { float:none; width:auto; margin:0 .5em; }
.rightThirdBox { float:none; width:auto; margin:0 .5em; }
.halfBox, .thirdBox { float:none; width:auto; }
.center80, .center60 { width:auto; }
.contactButton { font-size:16px; }
}

/* Media Queries */

@media screen and (max-width:768px) {

a[href^="tel:"] { color: orange; text-decoration: none; }
a[href^="tel:"]:before { content: "\260e"; margin-right: 0.5em; }
header { width:auto; height:200px; overflow:hidden; color:#fff;
 background-position:bottom center, center center; background-repeat:no-repeat, no-repeat; background-size:60%, cover; background-color:transparent;
 }
#home header, #services header, #contact header { background-image:url('images/logo_med2.png'), url('images/bg2.jpg');
 }
#snow header { background-image:url('images/logo_med2.png'), url('images/bg4.jpg'); }

/* =======  Menu ========== */
nav #logo { display:block; padding: 4px 0 0 0; width: 100%; text-align: center; float: none; }
nav #logo a { margin:0; font-size:.8em; line-height:1em; }
nav #logo img { margin:0; width:80%; }

nav { margin: 0; }

.toggle + a, .menu { display: none; }
label[for=drop] { text-align:center; }

.toggle {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 40px;
  text-decoration: none;
  border: none;
}

.toggle:hover { background-color: #000000; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover { color:#fff; }

nav a:hover,
 nav ul ul ul a { color:#fff; background-color: #000000; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #212121; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static; }
/* =============  End Menu =================== */


}  /* end max-width:768px */