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 {
	margin: 0; padding: 0; border: 0; vertical-align: baseline; }

html, body { position:relative; top:0; left:0; font-family:helvetica,verdana,sans-serif; font-size:100%; }
body { }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration:none; }
h1, h2, h3 { font-family: sans-serif; }
h1 { font-size:2.2em; }

.limitWidth { margin:0 auto; width:96%; min-width:318px; max-width:1260px; }

#wrapper { position:relative; top:0; left:0;  margin:0 auto; padding:0px; max-width:1280px; background:transparent; /* #CD853F CDAA7D orange3 #CD950C #CD6600; */
	 }

#headerBox { position:relative; top:0; left:0; background-color:#c0392b; } /* CD853F DEB887 #F7F5E7 #ffffeb */

nav { position:relative; top:0; left:0; }
#navBarBox { position:relative; margin:0; padding-right:0px; color:#fff; line-height:1.4em; z-index:1;
	font-family: sans-serif; font-size:1.4em; text-align:right; }
#navBarBox a { color:#fff; display:inline-block; margin-right:4px; padding:6px 4px; white-space:nowrap;
		transition:all 0.5s; text-shadow:1px 1px 0 #444; }
#navBarBox a:hover { color:#fff; text-decoration:underline; background-color:#00AEEF; }

#navLinks { padding-right:4px; }
/*Style 'show menu' label button and hide it by default*/
.show-menu {
	display: none; padding: 4px 0; background: #0046a0; width:auto; margin:0;
	font-family: Helvetica,Arial,sans-serif; font-size:1.5em; color: #fff;
	text-decoration: none; text-align: center;
}

/*Hide checkbox*/
input[type=checkbox] { display: none; }

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #navLinks { display: block; }



#showBox { position:relative; top:0; left:0; margin:0px auto; padding:0; 
	max-height:324px; border-bottom:solid 2px gold;
	background-color:gold; z-index:0;
}
#titleBox { position:relative; z-index:2; }
#showBox1 { position:relative; width:100%; z-index:1; min-height:220px; overflow:hidden; }
#showBox1 img { margin:0; padding:0; width:100%; min-height:220px; max-height:300px; }
#showBox h2 { position:absolute; top:180px; left:20px; margin:0; padding:8px 12px 0px 12px; z-index:2; width:36%; max-width:600px;
	      display:inline-block; background-color:#fff; border:solid 4px #c00000; box-shadow:3px 3px 6px rgba(48, 48, 128, .8); }
#showBox h2 img { width:100%; }
.externalTitle { position:absolute; top:25px; right:20px; width:560px; height:210px; text-align:right;
		  font-family:'trebuchet ms',sans-serif; font-size:1.5em; color:#fff; text-shadow:1px 1px 0 #800;
		font-variant:small-caps; font-weight:normal; line-height:1.2em; }
.externalTitle:first-line { font-family:'garamond',times,serif; font-size:1.8em; color:gold; text-shadow:none; font-weight:bold; }


#mainContent { margin-top:1em; padding:0; background-color:#fff; }

#topBox { margin:.5em auto 0 auto; width:90%; }
.firstparagraph { margin:4px 0 6px 0; font-size:1em; text-align:justify; font-family:georgia,times,times new roman,serif; color:#000; line-height:1.3em; }
.firstparagraphx span { font-family:'Gill Sans Ultra Bold', serif; font-size:1.4em; color:#c00; }
#topBox .stdtext { margin-bottom:.5em; }

#home #principles { margin:1em auto; padding:1em 1em 1em 0; width:50%; color:navy; background-color:#ffffd0; }
#home #principles h2 { margin:.5em 0; }
#home #principlesList { margin:.5em auto 1em auto; }
#home #principlesList li { margin-bottom:.5em; }
#home #recovery-coaching-membership { float:left; width:16%; margin:2px 1em .5em .5em; text-align:center; }
#home #recovery-coaching-membership img { width:98%; }

/* WMW light purple #dee2f0 */
#servicesBox { position:relative; top:0; left:0; margin:1em auto 0 auto; padding:.5em 1em; width:80%; max-width:1000px;
	       border:solid 1px #aaa; box-shadow:2px 2px 3px #444; background-color:#dee2f0; }
#servicesBox a, #servicesBox a:active, #servicesBox a:visited { color:#000; }
#servicesBox h2 a, #servicesBox h2 a:active, #servicesBox h2 a:visited { color:#fff; font-weight:normal; }
#servicesBox a:hover { color:#444; text-decoration:underline; }
#me { float:left; position:relative; margin:6px 1em 1em 0; padding:0; width:180px; overflow:hidden; box-shadow:4px 4px 3px #444; }
#recovery-coaching-membership { float:right; width:24%; margin:2px 6px .5em 1em; text-align:center; }
#recovery-coaching-membership img { width:98%; }

#processBox { float:right; position:relative; margin:.6em 0 1em 2em; width:200px; background-color:#2980b9; border-radius:.8em;
	      background-image:linear-gradient(to bottom, #61addf, #2980b9); box-shadow:3px 4px 5px #000; }
#processBox h2 { margin:.8em 0 .2em 0; font-family:georgia,times,serif; font-size:1.6em; color:#fff; text-align:center; text-shadow:1px 1px 0 #000; }
#processBox ul { margin:0 0 1.5em 0; color:#fff; }
#processBox ul li { color:gold; text-shadow:1px 1px 0 #000; line-height:1.4em; }
#processBox ul li span { color:#fff; }

#tagline, #tagline2 { margin:.5em 0; font-family:georgia,serif; font-size:1.4em; color:#800000;
           font-style:italic; text-align:center; text-shadow:-1px -1px 0 #fff, 2px 2px 1px #fff; }
#tagline2 { margin-top:.5em; }

#services { width:auto; margin:1.5em auto 0 auto; background-color:#fff; font-family:'Arial Narrow',arial,sans-serif; color:#444; }
#services ul { float:left; margin-left:2%; padding:0; width:23%; min-width:220px; list-style:disc inside; font-size:1em; font-weight:800; color:#008; }
#services a { color:#008; }
#services a:visited { color:#008; }
#services a:hover { text-decoration:underline; background-color:#ffffd8; }
#servicesTagline { padding:4px 0; font-size:1.2em; font-weight:bold; color:#fff; text-align:center; text-shadow:2px 1px 0 #000; background-color:#8e44ad;  }
#services:after {
	display: block;
	content: "";
	clear: both;
	height: 12px;
	}

#events #eventsContainer { width:90%; margin:.5em auto; }
.eventBox { margin:.5em 0; border:solid 1px #000; }
.eventBoxHeader { padding:4px 8px; background-color:#ffffe0; border-bottom:solid 1px #000; }
.eventDesc { padding:4px 8px; }

.leftImgBox { float:left; width:26%; margin:0 1% 6px 0; text-align:center; }
.rightImgBox { float:right; width:26%; margin:0 0 6px 1%; text-align:center; }
.leftImgBox img, .rightImgBox img { width:96%; box-shadow:3px 3px 4px #444; }

#worksBox { margin-top:1.5em; padding:4px 1em; background-color:#ffffd8; box-shadow:3px 3px 4px #444; }
#worksBox h2 { margin-bottom:1em; }
#worksBox ul { font-family:arial,sans-serif; color:navy; }
#worksBox ul li { margin-bottom:.5em; }

#mainFooter { margin-top:1em; padding:4px 0; font-family:sans-serif; font-size:1em; background-color:#F7F5E7; border-top:solid 1px #000; }
#mainFooter p { padding-top:10px; text-align:center; }
#mainFooter #localBox { font-family:georgia,serif; text-align:center; font-weight:bold; }

.stdtext { text-indent:1.2em; margin-bottom:.8em; font-family:georgia,times,times new roman,serif; font-size:1em; line-height:1.3em; text-align:justify; }
.stdtext b { font-weight:bold; }
.smalltext { font-size:.7em; }
.boldText, .strongText { font-weight:bold; }
.centered { text-align:center; }
.center80 { width:80%; margin-left:auto; margin-right:auto; }
.center90 { width:90%; margin-left:auto; margin-right:auto; }
.textBlock { white-space:nowrap; }
.clearLeft { clear:left; }
.clearFix { }  /* for IE/Mac */
.clearFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.nobr { white-space:nowrap; }
.imageInset { float:left; width:200px; margin:0px 18px 2px 12px; font-size:.7em; text-align:center; }
.imageInset img { margin:4px auto; width:200px; box-shadow:6px 6px 2px #404040; }

@media screen and (max-width:768px) {
.externalTitle { top:5px; right:0; width:95%; }
#showBox h1 { left:0; bottom:5px; width:90%; text-align:center; }
#topBox { margin-top:0; }
}

/* Media Queries */
@media screen and (max-width:640px) {
.noMobile { display:none; }
#showBox h2 { width:280px; }
#navBarBox { line-height:1.2em; text-align:center; }

/*Display 'show menu' link*/
.show-menu { display:block; }
#navLinks { display:none; }
#navBarBox #navLinks a { display:block; width:auto; }

.externalTitle, .externalTitle:first-line { width:99%; font-size:1.2em; }

#home #mainContent { margin-top:0; padding:.5em 0px; width:auto; }
.firstparagraph { font-size:.9em; }
#topBox { padding:0 4px; width:auto; }
#home #principles { margin:1em auto; padding:1em 1em 1em 0; width:auto; }
#home #principlesList { width:auto; }

#servicesBox { width:auto; }
#servicesBox div { margin-left:0; padding:0 4px; width:auto; }
#services ul { margin:0 0 0 20px; }
#services ul li { margin-top:6px; margin-bottom:8px; }
}


@media screen and (max-width:490px) {
h1 { font-size:1.6em; }
#showBox h2 { left:5px; bottom:0; }
#showBox h2 img { width:270px; }
#processBox { display:none; }
#me { width:30%; }

}