@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|PT+Serif:400,700|Great+Vibes');
/*********************************************************************************/
/* Reset                                                                         */
/*********************************************************************************/
* {
	margin:0; padding:0;
	-webkit-overflow-scrolling: touch;
}
html {
	margin: 0;
}
html, body {
	width: 100%;
	height: 100%;
	/*overflow-x: hidden; /* Fix wider background */
}
body {
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Lato', sans-serif;
	background: #ECECEC;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased !important;
}
img {
	display:block;
} /* Resets images to avoid gap beneath when using Strict doctype */
h1, h2, h3, h4, p, li {
	font-weight: 300;
	font-size: 1rem;
}
a {
	text-decoration: none;
	color: #6A5833;
}
strong {
	font-weight: 700;
}
h1, h2, h3, h4 {
	font-family: 'PT Serif', serif;
}
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
.overflow {
	overflow: hidden;
}
.centre {
	text-align: center;
}
.sectionblock {
	margin: 0;
}
.largemargin {
	margin-top: 4em;
}
.halfwidth {
	float: left;
	width: 44%;
	margin: 3%;
}
.test {
	float: left;
	width: 100%;
	background: #DEB400;
}
#container {
	float: left;
	width: 100%;
	height: 100%;
}
#contentwrapper {
	float: left;
	width: 80%;
	height: 100%;
	margin-left: 20%;
	position: relative;
	background-color: #ECECEC;
}
/*********************************************************************************/
/* Colours                                                                       */
/*********************************************************************************/

/*********************************************************************************/
/* Navigation                                                                    */
/*********************************************************************************/
#leftnav {
	float: left;
	background: #000;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	width: 20%;
}
#leftnav #socialwrapper {
	position: absolute;
	bottom: 1em;
	width: 100%;
}
#leftnav #socialwrapper #social {
	width: 100%;
	text-align: center;
}
#leftnav #socialwrapper #social img {
	display: inline-block;
	margin: .5em;
}
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/
#header {
	float: left;
	width: 100%;
}
#header #logo {
	width: 100%;
	max-width: 300px;
	height: 190px;
	margin: 2em auto;
	background: url(_gfxlib/logo300.png) no-repeat center;
    background-size: 100%;
}
#header #logo a {
	display: block;
	width: 100%;
	height: 100%;
}
.headpromo {
	float: left;
	width: 90%;
	background: #FFFFFF;
	margin: 1rem 5%;
	padding: .5rem 0;
}
.headpromo p {
	font-family: 'PT Serif', serif;
	font-size: 1.25rem;
	text-align: center;
}
.headpromo p a {

}
/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/
#menuwrapper {
	float: left;
	width: 98%;
	margin: 0 1%;
}
#menu {
	padding: .5em auto;
}
#menu ul {
	padding:0;
	z-index: 999;
	text-align: center;
}
#menu ul li {
	list-style:none;
	font-size: 1.125em;
	font-family: 'PT Serif', serif;
	margin-bottom: 1.5em;
}
#menu ul li a {
	text-decoration: none;
	color: #FFF;
	padding-bottom: .25em;
	border-bottom: solid 1px #000;
}

#menu ul li a.selected,
#menu ul li a:hover {
	border-bottom: solid 1px #FFF;
}
.slicknav_menu {
	display:none;
}
/*********************************************************************************/
/* Home Page                                                                     */
/*********************************************************************************/
#home,
#home2,
#home3 {
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
	background: #FFFFFF;
}
#home {
	background: url(_static/overlay-dark.png), url(_static/home-bg.jpg);
	background-size: cover;
	background-position: center;
}
#home #strap {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
#home #strap h1 {
	font-family: 'Great Vibes', cursive;
	color: #FFF;
	font-size: 6em;
	text-align: center;
}
#home #strap #scroll {
	display: inline-block;
	margin: 3em 0 0 0;
	text-align: center;
	width: 100%;
}
#home #strap #scroll a {
	display: inline-block;
}
.halfblock {
	width: 50%;
	height: 50%;
	float: left;
}
#home2 .img1,
#home2 .img2,
#home3 .img1,
#home3 .img2 {
	background-size: cover;
	background-position: center;
}
#home2 .img1 {
	background-image: url(_static/home-nails.jpg);
}
#home2 .img2 {
	background-image: url(_static/home-mind-body.jpg);
	float: right;
}
#home3 .img1 {
	background-image: url(_static/home-bridal-makeup.jpg);
}
#home3 .img2 {
	background-image: url(_static/home-about.jpg);
	float: right;
}
.halfblock .text {
	float: left;
	width: 90%;
	padding: 0 5%;
	margin: 2em 0;
}
.halfblock .text h1 {
	font-size: 3em;
	text-align: center;
	margin-bottom: 1em;
}
.halfblock .text p {
	font-size: 1.25em;
	margin-bottom: 1em;
}
.halfblock .text a {
	font-weight: 400;
	color: #666;
}
.halfblock .text a:hover {
	text-decoration: underline;
}
/*********************************************************************************/
/* Main Banner                                                                   */
/*********************************************************************************/
#banner {
	float: left;
	width: 100%;
	position: relative;
}
#banner img {
	float: left;
	width: 100%;
}
/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/
#content {
	float: left;
	width: 96%;
	padding: 3em 2%;
	background: #FFFFFF;
}
#content h1 {
	font-size: 2.5em;
	margin-bottom: 1em;
}
#content h2 {
	font-size: 1.75em;
	margin-bottom: 1em;
}
#content p {
	font-size: 1.125rem;
	margin-bottom: 1.125rem;
	line-height: 145%;
}
#content p a {
	color: #666;
	font-weight: 400;
}
#content p a:hover {
	text-decoration: underline;
}
#content p.standfirst {
	font-size: 125%;
	font-weight: 400;
}
#content .pricelist {
	margin: 0 0 1em 0;
	width: 90%;
}
#content .pricelist td {
	padding: .25em;
	vertical-align: top;
}
#content .pricelist td h1 {
	font-size: 1.5em;
	margin-bottom: 0;
	margin-top: .5em;
}
#content .pricelist td p {
	font-size: 1em;
}
#content .pricelist td ul {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}
#content .contentlist {
	float: left;
	width: 100%;
	margin-bottom: 1.5em;
}
#content .pricelist td ul li:before,
#content .contentlist li:before {
    content: "\25A0  ";
	font-family:"Arial Black";
    color: #333;
	padding-right: .5em;
}
#content .pricelist td li {
	margin: 0 3em .875em 2em;
	font-size: 1em;
}
#content .contentlist li {
	margin: 0 3em 1em 2em;
	font-size: 1.125em;
}
#content .pricelist td ul li,
#content .contentlist li {
	list-style-type: none;
}
#content .pricelist .price p {
	font-weight: bold;
	text-align: right;
	margin-left: 2em;
}
.shade {
	background: #F2F2F2;
}
#vrwrapper {
	float: left;
	width: 100%;
}
#vrwrapper #main {
	float: left;
	width: 70%;
}
#vrwrapper #main p {
	margin: .5em 0;
	font-size: .875em;
	font-weight: bold;
}
#vrwrapper #thumbs {
	float: left;
	width: 25%;
	margin-left: 5%;
}
#vrwrapper #thumbs ul {
	list-style-type: none;
}
#vrwrapper #thumbs ul li img {
	float: left;
	width: 100%;
	height: auto;
	max-width: 400px;
	border: solid 1px #000;
	margin-bottom: 2em;
}
#vr02,
#vr02caption {
	display: none;
}
.iframewrapper {
    position: relative;
    padding-bottom: 56.25%; /* Sets the height ratio */
    padding-top: 35px;
    height: 0;
    overflow: hidden;
	border: solid 1px #000;
	width: 100%;
}
.iframewrapper iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
#specialoffers,
#specialoffers .pseudobuttonwrapper {
	float: left;
	width: 100%;
}
#specialoffers {
	margin-bottom: 2em;
}
#specialoffers .pseudobuttonwrapper .pseudobutton {
	color: #FFF;
	background: #000;
	padding: .5em;
	width: auto !important;
	font-family: 'PT Serif', serif;
	font-size: 1.5em;
	float: left;
}
#specialoffers .pseudobuttonwrapper .pseudobutton .small {
	font-size: .65em;
}
#specialoffers .pseudobuttonwrapper .pseudobutton a {
	color: #FFF;
}
#specialoffers #offers p {
	font-weight: 400;
	font-family: 'PT Serif', serif;
	font-size: 1.25em;
}
#specialoffers #offers  {
	float: left;
	max-width: 90%;
	padding: 1em 5%;
	background: #F2F2F2;
}
#specialoffers #offers ul {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}
#specialoffers #offers li {
	margin: 0 0 .875em 0;
	font-size: 1.125em;
	font-family: 'PT Serif', serif;
}
#specialoffers #offers ul li {
	list-style-type: none;
}
#specialoffers #offers img {
	max-width: 100%;
	height: auto;
}
/*********************************************************************************/
/* Map                                                                           */
/*********************************************************************************/
.mapwrapper {
	float: left;
	width: 100%;
	height: auto;
	min-height: 500px;
	margin: 2em auto;
}
#content .mapwrapper h2 {
	margin-bottom: 0;
}
.mapwrapper p {
	font-size: 1em;
	margin: .25em 0 0 1%;
}
.mapwrapper p a:hover {
	text-decoration: underline;
}
#googleMap {
	margin: 1em 1%;
	float: left;
	width: 98%;
	height: 50%;
	min-height: 310px;
	border: solid .0625em #999;
}
#googleMap iframe {
	width: 100%;
	height: auto;
	min-height: 310px;
}
/*********************************************************************************/
/* Gallery                                                                       */
/*********************************************************************************/
.gallerythumbholder {
	float: left;
	width: 100%;
	margin-top: 1em;
}
.gallerythumbholder h2 {
	font-size: 1.125em;
	color: #333;
}
.gallerythumbwrapper {
	float: left;
	width: 90%;
	background: #F2F2F2;
	padding: 1em 5%;
	margin: 1em 0;
}
.gallerythumbwrapper #gallerythumbs {
	float: left;
	width: 100%;
	margin: 0;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
.gallerythumbwrapper #gallerythumbs li {
	display: inline-block;
	width: 15%;
	margin: 0 3% 1em 0;
}
.gallerythumbwrapper #gallerythumbs li img {
	width: 100%;
	height: auto;
	border: 1px #666 solid;
}
/*********************************************************************************/
/* Form                                                                          */
/*********************************************************************************/
#contentform {
	float: left;
	width: 100%;
	margin: 1em 0;
}
#contentform #ajaxform .formlayout {
	float: left;
	width: 100%;
}
#contentform #ajaxform .formlayout.halfwidth {
	width: 50%;
}
#contentform h3 {
	font-size: 1.125em;
	color: #666;
	font-weight: 400;
}
#contentform #ajaxform .formlayout li:before {
	content: "";
	padding: 0;
	margin: 0;
}
#contentform #ajaxform .formlayout li {
	width: 98%;
	margin: .5em 1% .75em 1%;
	list-style-type: none;
}
#contentform #ajaxform label {
	font-size: 1em;
	font-weight: 400;
}
#contentform #ajaxform .formobject,
#contentform #ajaxform textarea {
	width: 75%;
	border: 1px solid #cccccc;
	font-size: 1em;
	padding: .25em;
	margin: .25em 0;
	font-family: 'Lato', sans-serif;
}
#contentform #ajaxform textarea {
	resize: none; /* disables resizability */
}
#contentform #ajaxform .formbutton {
	display: inline-block;
	background: #666666;
	text-decoration: none;
	color: #FFFFFF;
	padding: .5em 2em;
	margin: 1em 0;
	border: 0;
	font-size: 1.125em;
}
#contentform #ajaxform .successmsg,
#contentform #ajaxform .errormsg {
	font-weight: 400;
	font-size: 1.125em;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
#footer {
	float: left;
    width: 96%;
	padding: 1em 2% 0 2%;
	background: #ECECEC;
}
#footermenu {
	float: left;
	margin: 0 0 2em 0;
	width: 100%;
}
#footermenu ul {
	text-align: center;
	padding:0;
	z-index: 999;
}
#footermenu ul li {
	display: inline-block;
	list-style:none;
	font-size: .75em;
}
#footermenu ul li a {
	text-decoration: none;
	color: #333;
	display: block;
	padding: .5em 1.5em;
	font-weight: 400;
}
#footermenu ul li a:hover {
	color: #333;
	text-decoration: underline;
}
#footer #address {
	float: left;
	width: 50%;
	font-size: .75em;
	color: #333;
}
#footer #address h1 {
	font-size: 2.5em;
	margin-bottom: .75em;
	font-family: 'Great Vibes', cursive;
}
#footer #address p {
	font-size: 1.125em;
	margin-bottom: .75em;
}
#footer #affiliate {
	float: left;
	width: 50%;
	margin: .75em 0;
}
#footer #affiliate img {
	margin: 0 .25em;
	float: right;
	width: auto;
	height: 100%;
	max-height: 93px;
}
#footer #social img {
	margin: .5em;
	float: right;
}
#footer #logos,
#footer #clients {
	float: left;
	text-align: center;
	width: 100%;
	margin: .5em 0 0 0;
}
#footer #logowrapper #logos img,
#footer #logowrapper #clients img {
	margin: 0 .25em;
	display: inline-block;
	width: auto;
	height: 100%;
	max-height: 50px;
}
#footer #creditswrapper #copyright,
#footer #creditswrapper a {
	color: #333;
}
#footer #creditswrapper {
	float: left;
	width: 100%;
	margin: .75em 0;
}
#footer #creditswrapper #copyright,
#footer #creditswrapper #webcredit {
	font-size: .7em;
	float: left;
}
#footer #creditswrapper #copyright {
	width: 65%;
}
#footer #creditswrapper #webcredit {
	width: 35%;
	text-align: right;
}
#footer #creditswrapper #copyright a:hover {
	text-decoration: underline;
}
#footer #creditswrapper #webcredit #beachshore:hover {
	color: #56D5FB;
}
#footer #creditswrapper #webcredit #beachshore #beachshorebold {
	font-weight: 700;
}