html, body, div, span, h1, h2, h3, h4, p, blockquote, a, em, img, strong, b, u, i, ol, ul, li, fieldset, form, label, legend, article, aside, footer, header, section, summary { margin: 0; padding: 0; border: 0; font-weight: 300; }
#center, #sets span, #emotional, #physical, #psychological, #spiritual, #freeform input[type="submit"], footer span, a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#center { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }
html { width: 100%; height: 100%; }
body { width: 100%; height: 100%; font: 20px/1.3 "kepler-std", Georgia, serif; color: #444;  background: #C9E9F7 url(/assets/oval.png) no-repeat center 30px; }
a, a:visited { color: #333; text-decoration: underline; outline: 0; }
a:hover, a:focus { color: #000; }
header, section, footer a, section.about article { width: 960px; margin: 0 auto; position: relative; display: block; }
header h5 { width: 100%; float: left; font-size: 45px; margin: 70px 0 0 0; }
section.about article { padding-bottom: 20px; }
section.about article img { float: left; display: block; margin: -45px 40px 0 80px; }
section.about article p { padding: 0 62px; }
section.about article p strong { text-transform: uppercase; font-size: 20px; font-weight: bold; }
p { margin: 0 0 15px 0;}
p.big { font-size: 24px; margin-bottom: 30px; }
header { position: relative; height: 380px; }
header p { float: left; margin: 32px 0 0 23px; width: 425px; font-size: 20px; }
#sets {position: relative; float: left; clear: left; width: 400px; height: 250px; }
.hide { display: none; }
h1, h2, h3, h4 { text-rendering: optimizeLegibility; }
h1 a { display: block; }
h1 { font-size: 80px; font-weight: 100; color: #000; float: left; width: 293px; height: 34px; background: url(/assets/logo.png) no-repeat; text-indent: -9999px; margin: 105px 0 0 60px; }
.thanks h1 { margin: 105px auto 0 auto; float: none;}
h2 { font-size: 26px; font-style: italic; float: left; margin: 116px 0 0 70px; }
h4 { margin: 92px 0 0 70px; color: #666; }
h5, h6 { font-family: "facitweb"; color: #666; text-align: center; margin: 0; font-size: 37px; }
h6 { font-size: 14px; margin: 8px 0 22px 0; }
#freeform { padding: 20px; }
#freeform label { display: block; font-family: "facitweb"; font-size: 12px; text-transform: uppercase; color: #777; }
#freeform input[type="text"], #freeform textarea { width: 300px; padding: 3px; border: 1px #CCC solid; font-size: 16px; font-family: Helvetica, Arial, sans-serif; }
#freeform input[type="submit"] { font-size: 18px; font-family: "facitweb"; color: #FFF; background: #999; border: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; display: block; width: 100px; margin: 0 auto; padding: 5px; }
#freeform input[type="submit"]:hover { cursor: pointer; background: #555; }
#freeform textarea { height: 150px; }

.disclaimer-contact a { font-family: "facitweb"; text-decoration: none; background: #F28042; color: #FFF; padding: 12px 24px; font-size: 20px; display: block; width: 340px; text-align: center; margin: 30px auto 20px auto; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.disclaimer-contact a:hover { background: #dd550b; color: #FFF; }
.quote { font-family: "facitweb"; }

.disclaimer-contact p { font-style: italic; font-size: 16px; width: 435px; margin: 20px auto; padding-top: 8px; position: relative; }
.disclaimer-contact span { font-size: 42px; float: left; display: block; position: absolute; right: 240px; top: 0; }
.disclaimer-contact span:first-child { left:240px; right: auto; }
section.closeup{ margin: -35px auto 0 auto; padding-bottom: 80px; }
section.about { background: #FFF; margin-top: -160px; width: 100%; }
div.bottom { background: url(/assets/bottom.png) no-repeat center top; height: 190px; margin: -100px 0 0 0; }
section.quote { margin: 0 auto; padding: 40px 0 260px 0;  overflow: hidden;  }
.testimonial { overflow: hidden; margin: 0 0 20px 0; }
.testimonial.item1 blockquote { background: #AFD9B3; }
.testimonial.item2 blockquote { background: #CAC5E1; }
.testimonial.item3 blockquote { background: #97CAE2; }
.testimonial blockquote { float: left; width: 620px; font-size: 18px; line-height: 24px; color: #333; text-align: left; margin: 0 0 0 25px; }
.testimonial h6 strong { display: block; color: #000; }
.testimonial h6 { text-align: left; font-size: 15px; line-height: 22px; margin: 25px 0 0 20px; float: left; width: 200px; color: #999; }
blockquote { width: 480px; position: relative; padding: 25px 35px; margin: 0 auto; font-size: 24px; line-height: 30px; background: #F9BB94; text-align: center; }

cite { font-size: 20px; font-style: normal; margin-left: 550px; }
cite a { color: #666; text-decoration: none; text-transform: uppercase; font-size: 13px; }
blockquote span:first-child {  position: absolute; top: 24px; left: 5px; }
blockquote span { position: absolute; bottom: 0; right: 10px; width: 20px; font-weight: normal; font-size: 48px; line-height: 11px; color: #777; }

section.columns { margin: 30px auto; overflow: hidden;  }
section.columns p { font-size: 17px; font-weight: 500; line-height: 23px; margin: 0; }
section.columns div { width: 445px; float: left; display: block; }
section.columns h3 { margin: 0 0 10px 0; font-size: 27px; font-style: italic; text-align: center;  }
section.columns div:first-child { border-right: 1px #999 solid; padding-right: 28px; margin-right: 28px; }

#center, #emotional, #physical, #psychological, #spiritual { position: absolute; width: auto; height: auto; -moz-border-radius: 10px; border-radius: 10px; line-height: auto; font-style: italic; }
#emotional:hover a, #physical:hover a, #psychological:hover a, #spiritual:hover a { padding: 10px 20px; color: #FFF; }
#center { -moz-border-radius: 30px; border-radius: 30px; width: 30px; height: 30px; top: 87px; left: 190px; background-color: #FFF; -webkit-box-shadow: #555 0 0 20px; -moz-box-shadow: #000 0 0 20px; box-shadow: #000 0 0 20px; padding: 0; }
#center:hover, #center.glow { box-shadow: #AAA 0 0 20px; }
#center:hover { -webkit-animation: none;animation: none;-moz-animation: none;-ms-animation: none; box-shadow: #444 0 0 20px; width: 40px; height: 40px; top: 82px; left: 185px; }

@-webkit-keyframes glow {
    0%   { box-shadow: #444 0 0 20px; }
    100% { box-shadow: #CCC 0 0 20px; }
}
@-moz-keyframes glow  {
    0%   { box-shadow: #444 0 0 20px; }
    100% { box-shadow: #CCC 0 0 20px; }
}
@-ms-keyframes glow  {
    0%   { box-shadow: #444 0 0 20px; }
    100% { box-shadow: #CCC 0 0 20px; }
}
#center{ -webkit-animation: glow 2s alternate infinite; -moz-animation: glow 2s alternate infinite; -ms-animation: glow 2s alternate infinite; }

#sets a { text-decoration: none; display: block; padding: 6px 15px; }
#sets a:hover { color: #FFF; }
#sets span { display: block; position: absolute; top: 37px; left: 0; font-size: 15px; background: #FFF; color: #333; 
padding: 50px 30px 20px 30px; width: 160px; background: #EEE; text-align: center; z-index: 100; visibility: hidden; opacity: 0; -moz-border-radius: 210px; border-radius: 210px; box-shadow: inset #888 3px 3px 12px; height: 150px; }

#sets #physical span { top: 15px; left: -185px; height: 151px; width: 156px; }
#sets #spiritual span { left: -188px; top: -177px; width: 154px; height: 145px; }
#sets #emotional span { top: 25px; left: 81px; }
#sets #psychological span { top: -152px; left: 139px; width: 175px; height: 164px; }
#sets div:hover span { visibility: visible; top: 52px; opacity: 1; }


#emotional:hover { background-color: #ae3226; }
#physical:hover { background-color: #187faf; }
#psychological:hover { background-color: #1b8725; }
#spiritual:hover { background-color: #4d37b7; }

#emotional { top: 36px; left: 74px; background-color: #F8BEB8; }
#physical { top: 55px; left: 255px; background-color: #97CAE2; }
#psychological {  top: 112px; left: 23px; background-color: #AFD9B3; }
#spiritual { top: 135px; left: 224px; background-color: #CAC5E1; }
header:hover #emotional { top: 30px; left: 68px; }
header:hover #physical { top: 50px; left: 260px; }
header:hover #psychological { top: 119px; left: 20px; }
header:hover #spiritual { top: 140px; left: 230px; }

.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -220px; }
footer a img { position: absolute; top: 0; right: 200px; }
footer span { background: #666; display: block; width: 180px; position: absolute; right: 0; top: 120px; font-family: "facitweb"; color: #FFF; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font-size: 13px; padding: 6px 12px; }
footer:hover span { background: #000; }
footer a { text-decoration: none; width: 960px; font-size: 18px; overflow: hidden; padding-bottom: 80px; }
footer { background: url(/assets/blob.png) no-repeat center 30px; height: 220px; width: 100%; overflow: hidden; }
footer p.lead { float:left; margin: 110px 0 0 40px; font-size: 18px; display: block; }
footer p { float: left; margin: 15px 0 0 40px; width: 500px; font-size: 15px; display: none; }
footer strong { text-transform: uppercase; font-size: 15px; font-weight: 900; }