/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/* Corrects `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* Corrects `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for `hidden` attribute not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/* 1. Sets default font family to sans-serif. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/* Removes default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/* Addresses `h1` font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; }

/* Addresses styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/* Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/* Addresses styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/* Corrects font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Sets consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/* Addresses inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/* Removes border when inside `a` element in IE 8/9. */
img { border: 0; }

/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/* Addresses margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/* Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/* 1. Corrects font family not being inherited in all browsers. 2. Corrects font size not being inherited in all browsers. 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to `content-box` in IE 8/9. 2. Removes excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Removes inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE 8/9. 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/* Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

* html { font-size: 125%; }

html { font-size: 20px; line-height: 1.45em; }

body { color: black; -webkit-font-smoothing: antialiased; }

a { color: black; text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h4 { font-size: 1.5em; line-height: 1.305em; font-weight: 100; text-align: center; margin-top: 1.45em; }

h2 { text-align: center; margin-top: 1.45em; }

h3 { font-size: 2.5em; line-height: 0.87em; text-transform: uppercase; text-align: center; margin-bottom: 0.3625em; }

h4 { margin-top: 0.18125em; margin-bottom: 0.3625em; }

h5 { font-size: 1.2em; line-height: 1.20833em; margin-bottom: 1.0875em; }
h5.session-time { margin-top: 0.725em; margin-bottom: 1.45em; text-align: center; }

h6 { font-size: 0.9em; line-height: 1.61111em; }

.center ul.list, .page-footer p.disclaimer ul.list { font-size: 0.85em; line-height: 1.27941em; margin-bottom: 1.45em; list-style-image: url(../images/bullet.png); }
.center ul.list li, .page-footer p.disclaimer ul.list li { padding-left: 0.5em; margin-bottom: 0.5em; }
.center ul.list.large, .page-footer p.disclaimer ul.list.large { font-size: 0.95em; line-height: 1.52632em; margin-bottom: 1.0875em; }

.center .row ul.list, .page-footer p.disclaimer .row ul.list { font-size: 0.9em; line-height: 1.20833em; }

p.introduction { font-size: 1.15em; line-height: 1.45em; font-weight: 600; }

address { font-style: normal; }

.offerings { font-weight: 500; overflow: hidden; *zoom: 1; margin-bottom: 2.175em; }
.offerings ul { font-size: 0.9em; line-height: 1.20833em; margin: 0; margin-left: -20px; padding: 0; list-style: none; }
.offerings li { display: inline; padding: 0 !important; }
.offerings a { display: inline; float: left; width: 260px; height: 65px; padding: 0 20px; margin-left: 20px; margin-bottom: 20px; background: #f5e5d1; color: #2b2826; display: table; -webkit-transition: color 150ms, background-color 150ms; -moz-transition: color 150ms, background-color 150ms; -o-transition: color 150ms, background-color 150ms; transition: color 150ms, background-color 150ms; }
.offerings li.active a, .offerings a:hover { color: #f27a39; text-decoration: none; }
.offerings li.active a { background: #ffdcbb; }
.offerings span { display: table-cell; vertical-align: middle; text-align: center; }
.offerings li.center { position: static; width: auto; margin: 0; }
.offerings li.center a { float: none; margin-left: auto; margin-right: auto; position: relative; left: 10px; }

.shaded h3, .shaded h4 { color: white; }

.blue { color: white; }
.blue a { color: white; }

.page-footer p { font-size: 0.8em; line-height: 1.8125em; text-align: center; }
.page-footer p.disclaimer { font-size: 0.7em; line-height: 1.55357em; margin-top: 3em !important; text-align: left; }

body { background: #fef1e1; }

.center, .page-footer p.disclaimer { width: 940px; margin: 0 auto; position: relative; *zoom: 1; }

section { padding: 1px 0; }

.page { background: #fef1e1; position: relative; z-index: 5; }

.slides, .pages { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.slides > li, .pages > li { padding: 0; width: 100%; height: 100%; }
.slides .center, .slides .page-footer p.disclaimer, .page-footer .slides p.disclaimer, .pages .center, .pages .page-footer p.disclaimer, .page-footer .pages p.disclaimer { padding: 1.5em 0 2em; }

.slides > li > .center, .page-footer .slides > li > p.disclaimer { position: absolute; left: 50%; margin-left: -470px; }

#therapy-slides .center, #therapy-slides .page-footer p.disclaimer, .page-footer #therapy-slides p.disclaimer { padding-bottom: 5em; }

.pagination { position: absolute; bottom: 2.5em; left: 50%; width: 600px; margin-left: -300px; padding: 0; text-align: center; list-style: none; font-size: 0.75em; line-height: 1.93333em; font-weight: bold; }
.pagination li { display: inline; padding: 0; }
.pagination a { background: #a98f73; background: rgba(0, 0, 0, 0.1); color: #d8c6b2; color: rgba(254, 241, 225, 0.5); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 3px 8px; margin: 0 2px; }
.pagination a:hover { text-decoration: none; }
.pagination li.active a, .pagination a:hover { background: #9b866d; background: rgba(0, 0, 0, 0.2); color: #fef1e1; }

.next, .previous { background: #88755f no-repeat center; background: rgba(0, 0, 0, 0.25) no-repeat center; width: 90px; height: 93px; position: absolute; top: 300px; z-index: 15; text-indent: -119988px; overflow: hidden; text-align: left; }
.next:hover, .previous:hover { background-color: rgba(0, 0, 0, 0.35); }

.next { right: 0; background-image: url(../images/next.png); -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

.previous { left: 0; background-image: url(../images/previous.png); -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

.shaded { background: #c4a889 url(../images/backgrounds/brown.jpg); overflow: hidden; position: relative; }

.blue { background: #2383a0 url(../images/backgrounds/blue.jpg); }

.page-footer { padding: 100px 0 500px; }

.push { height: 570px; }

.row { overflow: hidden; *zoom: 1; margin-left: -30px; }
.row .column { display: inline; float: left; width: 440px; margin-left: 30px; }
.row ul { padding-left: 20px; }

.flair { position: absolute; z-index: 5; background-repeat: no-repeat; }

.flair-1 { width: 392px; height: 260px; top: -230px; right: -140px; background-image: url(../images/flair/1.png); }

.flair-2, .flair-4 { width: 381px; height: 226px; left: -275px; bottom: -125px; background-image: url(../images/flair/2.png); }

.flair-3 { width: 418px; height: 207px; top: -200px; left: -220px; background-image: url(../images/flair/3.png); }

.flair-4 { left: auto; top: auto; bottom: -165px; right: -130px; }

#therapies, #contact { overflow: hidden; }

#about { padding-top: 3em; padding-bottom: 3em; }

.about-christa { *zoom: 1; margin-top: 2.175em; }
.about-christa:after { content: ""; display: table; clear: both; }
.about-christa img { display: inline; float: left; position: relative; left: -70px; margin-right: -90px; }
.about-christa .text { position: relative; z-index: 2; overflow: hidden; }
.about-christa h4 { text-align: left; margin-top: 0.725em; margin-bottom: 0.725em; }
.about-christa p { font-size: 1.1em; line-height: 1.45em; font-weight: 600; }

#contact { padding: 0; }
#contact .center, #contact .page-footer p.disclaimer, .page-footer #contact p.disclaimer { padding-top: 60px; padding-bottom: 150px; position: relative; z-index: 1; }
#contact .center:after, #contact .page-footer p.disclaimer:after, .page-footer #contact p.disclaimer:after { content: ""; width: 675px; height: 449px; position: absolute; right: -275px; bottom: 0; z-index: -1; background: url(../images/backgrounds/contact.png) no-repeat bottom right; }
#contact p.introduction { font-size: 0.8em; line-height: 1.8125em; text-align: center; }

.clinic { position: absolute; left: -155px; bottom: 0; margin-right: -90px; }

.contact-details { margin-left: 450px; margin-top: 70px; overflow: hidden; *zoom: 1; }
.contact-details .column { width: 225px; display: inline; float: left; margin: 0; }
.contact-details address.column { display: inline; float: right; margin-right: 0; }

.page-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; background: #f5e5d1; background: rgba(245, 229, 209, 0.9); }
.page-header .center, .page-header .page-footer p.disclaimer, .page-footer .page-header p.disclaimer { padding: 0; }
.page-header .logo { position: absolute; top: 23px; left: 7px; }
.page-header .logo .small { display: none; }
.page-header .logo.small { top: 12px; left: -2px; }
.page-header .logo.small .large { display: none; }
.page-header .logo.small .small { display: block; }

.primary-nav { text-align: right; text-transform: uppercase; font-weight: bold; }
.primary-nav ul { font-size: 0.8em; line-height: 1.8125em; margin: 0; list-style: none; padding: 25px 0; }
.primary-nav li { display: inline; padding: 0; }
.primary-nav a { margin-left: 60px; -webkit-transition: color 150ms; -moz-transition: color 150ms; -o-transition: color 150ms; transition: color 150ms; }
.primary-nav a:hover { color: #0082b0; text-decoration: none; }

#slideshow { position: fixed; width: 100%; height: 648px; top: 0; }
#slideshow ul { margin: 0; padding: 0; list-style: none; }
#slideshow li { width: 100%; height: 648px; padding: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }

#massages { height: 78px; }

#polynesian-ka-huna-bodywork > .center, .page-footer #polynesian-ka-huna-bodywork > p.disclaimer, #polynesian-ka-huna-bodywork-with-seashell > .center, .page-footer #polynesian-ka-huna-bodywork-with-seashell > p.disclaimer, #lomi-lomi > .center, .page-footer #lomi-lomi > p.disclaimer, #kahi-loa > .center, .page-footer #kahi-loa > p.disclaimer, #island-pamper > .center, .page-footer #island-pamper > p.disclaimer, #absolute-bliss > .center, .page-footer #absolute-bliss > p.disclaimer, #reiki > .center, .page-footer #reiki > p.disclaimer { overflow: hidden; padding-left: 200px; padding-right: 200px; margin-left: -670px; }

#polynesian-ka-huna-bodywork > .center, .page-footer #polynesian-ka-huna-bodywork > p.disclaimer { background: url(../images/backgrounds/kahuna.png) no-repeat bottom right; }

#polynesian-ka-huna-bodywork-with-seashell > .center, .page-footer #polynesian-ka-huna-bodywork-with-seashell > p.disclaimer { padding-bottom: 100px; background: url(../images/backgrounds/seashell.png) no-repeat bottom right; }

#lomi-lomi > .center, .page-footer #lomi-lomi > p.disclaimer { background: url(../images/backgrounds/lomi-lomi.png) no-repeat bottom right; background-position: bottom 50px right 50px; }

#kahi-loa > .center, .page-footer #kahi-loa > p.disclaimer { background: url(../images/backgrounds/kahi-loa.png) no-repeat bottom right; }

#lomi-lomi-p2 > .center, .page-footer #lomi-lomi-p2 > p.disclaimer { padding-bottom: 300px; }

#special-pregnancy { background: url(../images/backgrounds/pregnancy.png) no-repeat bottom right; }

#infant-massage { background: url(../images/backgrounds/infant.png) no-repeat bottom right; }

#therapies > .center, .page-footer #therapies > p.disclaimer { padding-top: 60px; position: relative; }
#therapies > .center:after, .page-footer #therapies > p.disclaimer:after { content: ""; width: 226px; height: 409px; position: absolute; top: 20px; right: -200px; z-index: -1; background: url(../images/backgrounds/therapies.png) no-repeat; }

#dorn-method .center, #dorn-method .page-footer p.disclaimer, .page-footer #dorn-method p.disclaimer { overflow: hidden; padding-left: 200px; padding-right: 200px; background: url(../images/backgrounds/dorn.png) no-repeat top right; }

#dorn-method-children-and-mothers { background: url(../images/backgrounds/dorn-children.png) no-repeat bottom right; }

#hopi-ear-candle-therapy .center, #hopi-ear-candle-therapy .page-footer p.disclaimer, .page-footer #hopi-ear-candle-therapy p.disclaimer { overflow: hidden; padding-left: 200px; padding-right: 200px; background: url(../images/backgrounds/hopi.png) no-repeat bottom right; }

#island-pamper > .center, .page-footer #island-pamper > p.disclaimer { background: url(../images/backgrounds/island-pamper.png) no-repeat bottom right; }

#absolute-bliss > .center, .page-footer #absolute-bliss > p.disclaimer { background: url(../images/backgrounds/absolute-bliss.png) no-repeat bottom right; }

#reiki > .center, .page-footer #reiki > p.disclaimer { background: url(../images/backgrounds/reiki.png) no-repeat bottom right; padding-bottom: 200px; }