/** BASIC */

* {margin:0;padding:0;}
html {overflow-y:scroll;}
body {margin:0;padding:0;background:#fff;font-size:100%;word-wrap:break-word !important;}

.clearfix::after {content:"";clear:both;display:table;}


/** MISC **/

/* For the Show More links in content */
.show {width:100%}
/*#show1, #hide1, #show2, #hide2, #show3, #hide3, #show4, #hide4, #show5, #hide5, #show6, #hide6, #show7, #hide7 {font-size:1.2em;background:#1f1313;border:solid 1px #863c21;padding:5px 0 5px 0;margin:0 0 10px 0;text-align:center;width:99.5%;text-align:center;display:none;}*/

#showp, #hidep {font-size:1.1em;background:#1f1313;border:solid 1px #863c21;padding:0;margin:0 auto 30px auto;text-align:center;display:none;}
#showp a, #hidep a, #show1 a, #hide1 a, #show2 a, #hide2 a, #show3 a, #hide3 a, #show4 a, #hide4 a, #show5 a, #hide5 a, #show6 a, #hide6 a, #show7 a, #hide7 a {color:#fff;text-decoration:none;}
#fade {background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);height:50px;margin:-65px 0 0 0;position:relative;display:none;}

.dotline {border-bottom:dotted;border-width:2px;border-bottom-color:#1f1313;width:auto;padding-top:15px;margin-bottom:15px}

/** HEADINGS */

/*h1 {text-transform:none;font-family:'Montserrat',sans-serif;font-weight:normal;}*/
h1, h2, h3 {text-transform:none;font-family:'Roboto', sans-serif;font-weight:normal;}
h1 {font-size:2.1em;margin:30px 0 10px 0;color:#863c21;}
h2 {font-size:1.8em;margin:30px 0 10px 0;color:#382c2c;}
h3 {font-size:1.5em;margin:20px 0 10px 0;color:#c0afa6;}

h2 a:link {color:#863c21;font-weight:normal;text-decoration:none;}
h2 a:visited {color:#c0afa6;font-weight:normal;text-decoration:none;}
h2 a:hover {color:#d6c8bb;font-weight:normal;text-decoration:none;}
h2 a:active {color:#d6c8bb;font-weight:normal;text-decoration:none;}

h3 a:link {color:#c0afa6;font-weight:normal;text-decoration:none;}
h3 a:visited {color:#c0afa6;font-weight:normal;text-decoration:none;}
h3 a:hover {color:#d6d0d0;font-weight:normal;text-decoration:none;}
h3 a:active {color:#d6d0d0;font-weight:normal;text-decoration:none;}


/** TEXT */

body, th, td, input, textarea, select {font-family:'Roboto',sans-serif;font-size:100%;color:#6f6f6f;}

p {font-size:1em;font-family:'Roboto',sans-serif;line-height:1.5em;margin:1em 0 1em 0;}
p a:link {color:#863c21;font-weight:bold;text-decoration:none;}
p a:visited {color:#863c21;font-weight:bold;text-decoration:none;}
p a:hover {color:#d6c8bb;font-weight:bold;text-decoration:none;}
p a:active {color:#d6c8bb;font-weight:bold;text-decoration:none;}

.textlink a:link {color:#863c21;font-weight:bold;text-decoration:none;}
.textlink a:visited {color:#863c21;font-weight:bold;text-decoration:none;}
.textlink a:hover {color:#d6c8bb;font-weight:bold;text-decoration:none;}
.textlink a:active {color:#d6c8bb;font-weight:bold;text-decoration:none;}

#poem {padding:15px 0}
#poem p {font-size:1em;letter-spacing:1px;line-height:1.5em;margin:18px 0;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.largetext {font-size:1.2em}
.vlargetext {font-size:1.5em}
.copper {color:#863c21}
.center {text-align:center;}
.paddbott {padding-bottom:20px}
.small {font-size:75%}

h1.home {font-size:2.4em;color:#fff;font-family:'Roboto', sans-serif;font-weight:normal;line-height:90px;text-shadow:2px 2px 6px #353535;padding:0;margin:0;white-space:nowrap;letter-spacing:2px;}
h2.home {font-size:1.6em;color:#d6d0d0;font-family:'Roboto', sans-serif;font-weight:normal;line-height:40px;text-shadow:2px 2px 6px #353535;padding:0;margin:0;white-space:nowrap;letter-spacing:1px;}
p.home {width:80%;margin:20px auto;text-align:justify;}



/** MAIN **/

.bgd1 {width:100%;height:auto;min-height:320px;background-image:url('/images/poppy-fields.jpg');background-size:cover;background-repeat:no-repeat;text-align:center center;margin:0;padding:0}
#bgdtitle {display:inline;text-align:center;}

.bgdcontainer {width:89%;margin:0 auto;padding:20px 0;}

.header1 {width:100%;height:150px;background-image:url('/images/header1.jpg');background-size:100% 100%;background-repeat:no-repeat;text-align:center center;margin:0;padding:24px 0 0 0}
.header1 img {width:100%;}

.portrait img {width:150px;height:180px;border:solid 1px #382c2c;}

#title {width:1280px;margin:0 auto;text-align:center;padding:20px 0}
#title a:link {color:#fff;text-decoration:none;}
#title a:visited {color:#fff;text-decoration:none;}
#title a:hover {color:#fff;text-decoration:none;}
#title a:active {color:#fff;text-decoration:none;}

.maintitle {font-size:2.4em;text-transform:none;font-family:'Roboto Condensed', sans-serif;font-weight:normal;color:#fff;}

.subtitle {font-size:1em;color:#d6c8bb}
#main {width:1280px;margin:0 auto 20px auto;padding:0}

.gallery {background-image:url('/images/kodak-wallet.jpg');background-repeat: no-repeat;}
.gallerypics img {border:none;margin:0 0 20px 0;max-width:100%}
.gallerypics {display:inline-block;width:100%;padding:0;margin:0;text-align:center;}
.galleryitem {display:inline-block;text-align:center;width:24%;vertical-align:middle;padding:20px 0 20px 0;}
.galleryitem2 {display:inline-block;text-align:center;width:32%;vertical-align:middle;padding:20px 0 20px 0;}
.blankitem {width:24%}

.booklinks {display:inline-block;width:100%;padding:0;margin:0}
.bookitem {display:inline-block;text-align:center;vertical-align:top;width:22%;padding:0 10px 20px 10px}
.bookitem img {height:250px;width:auto;border:none;margin:0 0 20px 0;}
.bookitem a:link {color:#863c21;text-decoration:none;}
.bookitem a:visited {color:#863c21;text-decoration:none;}
.bookitem a:hover {color:#d6c8bb;text-decoration:none;}
.bookitem a:active {color:#d6c8bb;text-decoration:none;}

/* PULL QUOTE on Home page */
#quote {width:auto;padding-bottom:20px}
.quotela {font-family:Arial,Verdana,'Arial Narrow';font-size:20pt;font-style:italic;color:#863c21;text-align:center;margin:30px 0 10px 0;}
.quotesm {font-family:Arial,Verdana,'Arial Narrow';font-size:11pt;font-style:italic;color:#863c21;}

#testimonial {display:inline-block;width:100%;margin:0;padding:10px 0 0 0;}
#testimonial h2 {font-size:2em;padding:0;margin:0}
#testimonial h2 a:link {color:#863c21;text-decoration:none;}
#testimonial h2 a:visited {color:#863c21;text-decoration:none;}
#testimonial h2 a:hover {color:#fff;text-decoration:none;}
#testimonial h2 a:active {color:#fff;text-decoration:none;}
/*#testimonial .quote {font-size:4em;color:#58c0d8;vertical-align:top;}*/
#testimonial .comment {display:inline-block;width:45%;margin:20px;padding:0px;vertical-align:top;color:#863c21;border:1px solid #c0afa6; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden;}
/*#testimonial .client {text-align:right;color:#58c0d8;font-weight:normal;}*/
#testimonial .name {display:table;width:100%;padding:5px 0;background-color:#d6c8bb;height:40px;}

.bullpriv1 li {margin:3px 0 0 20px;padding:5px 0 5px 0;line-height:1.4em;}
.bullpriv2 li {margin:3px 0 0 0;padding:5px 0 5px 0;line-height:1.4em;list-style:disc inside}
.bullpriv3 li {margin:3px 0 0 0;padding:5px 0 5px 0;line-height:1.4em;list-style:none inside}

.bullul li {margin:3px 0 0 10px;padding:5px 0 5px 0;line-height:1.4em;font-size:1.2em;list-style:disc inside;color:#382c2c}

/* Error pages */
/*#content {width:100%;padding:20px 0;}*/
/*#margin {width:100%;margin:0 auto;padding:0}*/
#error {margin:3em 0 0 0;text-align:center;font-size:1.4em;line-height:1.8em}
/* Used on error pages only to stop title being hiidden behind fixed header */
.error {margin-top:50px}

/*.imgcontainer {max-width:100%}*/
.imgleft {float:left;padding:0 40px 30px 0;}
.imgright {float:right;padding:0 0 30px 40px;}

.nobreak {white-space:nowrap;}

#button{margin:30px 0}
button[type=button].flat-button {padding:15px 40px;min-width:0;min-height:50px;border-width:1px;border-style:none;background-color:#1f1313;background-image:none;color:#fff;text-shadow:none;font-weight:300;font-size:1.5em;font-family:'Roboto Condensed',sans-serif;}

/*a.link-button.flat-button {padding:12px 40px;background-color:#382c2c;color:#fff;font-weight:300;font-size:1.5em;font-family:'Roboto Condensed',sans-serif;text-decoration:none;}*/
a.link-button, a.flat-button {padding:12px 40px;background-color:#1f1313;color:#fff;font-weight:300;font-size:1.5em;font-family:'Roboto Condensed',sans-serif;text-decoration:none;}

a:hover.link-button {background-color:#56adc2}

.link-button, a.link-button-glyph, a.link-button-image, button {display:inline-block;padding:10px 30px;border-width:0;background-color:#14a839;background-image:none;text-shadow:none;-webkit-border-radius:4px;border-radius:4px;line-height:1.6;}

.email img {width:302px;height:22px}

.colleft {width:100%;display:inline-block;padding:0;vertical-align:top;}
.colright {width:0;}

/* Height and margin-top set to same height as header, needed to offset sticky header */
.anchor {display:block;height:70px;margin-top:-70px;visibility:hidden;}


/** NAVIGATION **/

/* colours the dropdown menu items and top level menu item too */
.navtext {color:#fff;}

/** sets width and centers menu block **/
#nav {float:right;padding:10px 0;max-width:840px;height:30px;position:relative;z-index:100;}
#nav .menulite {display:block}
/*#nav .menufull {display:block;}*/

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

/*.toggle1, [id^=drop] {display:none;}*/

/* Giving a background-color to the nav container. */
nav {margin:0;padding:0;background-color:#1f1313;width:100%;font-size:0.95em;border-bottom:solid 5px;border-color:#863c21;}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */
nav:after {content:"";display:table;clear:both;}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:relative" */
nav ul {padding:0;margin:0;list-style:none;position:relative;}

/* Positioning the navigation items inline */
nav ul li {margin:0;display:inline-block;float:left;background-color:#1f1313;color:#fff;line-height:24px}

/* Styling the links */
nav li a {display:block;padding:8px 20px;color:#fff;text-decoration:none;line-height:24px}
nav ul li ul li:hover {background-color:#382c2c;}

/* Background color change on Hover */
nav li a:hover {background-color:#382c2c;}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {display:none;position:absolute;
/* has to be the same number as the "line-height" of "nav li a" */
top:40px;}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {display:inherit;}
	
/* First Tier Dropdown */
nav ul ul li {width:390px;float:none;display:list-item;position:relative;}
nav ul ul {border:1px solid #1f1313;border-top:0}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.*/
 
/*nav ul ul ul li {position:relative;top:-60px;*/
/* has to be the same number as the "width" of "nav ul ul li" */ 
/*left:240px;}*/

/* Change '' in order to change the Dropdown symbol eg ' +' */
nav li > a:after {content: '';}
nav li > a:only-child:after {content: '';}

/** end of main nav **/


/** CSS for cookie consent script from cookiescript.info **/

/* Start of dark-bottom */

.cc_banner-wrapper {
	z-index:9001;
	position:relative
}
.cc_container .cc_btn {
	cursor:pointer;
	text-align:center;
	font-size:0.6em;
	transition:font-size 200ms;
	line-height:1em
}
.cc_container .cc_message {
	font-size:0.6em;
	transition:font-size 200ms;
	margin:0;
	padding:0;
	line-height:1.5em
}
.cc_container .cc_logo {
	display:none;
/*    display:block;
    position:absolute;
	bottom:-3px;
	left:calc(100% - 100px);
	text-indent:-1000px;
	overflow:hidden;
	width:100px;
	height:22px;
	background-size:cover;
	background-image:url(//cdn.cookiescript.info/libs/logo.png);
	opacity:0.9;
	transition:opacity 200ms*/
}
/*.cc_container .cc_logo:hover,.cc_container .cc_logo:active {
	opacity:1
}*/

@media screen and (min-width: 500px) {
	.cc_container .cc_btn {
		font-size:0.8em
	}
	.cc_container .cc_message {
		font-size:0.8em
	}
}
@media screen and (min-width: 768px) {
	.cc_container .cc_btn {
		font-size:1em
	}
	.cc_container .cc_message {
		font-size:1em;
		line-height:1em
	}
}
@media screen and (min-width: 992px) {
	.cc_container .cc_message {
		font-size:1em
	}
}
@media print {
	.cc_banner-wrapper,.cc_container {
		display:none
	}
}
.cc_container {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	padding:8px
}
.cc_container .cc_btn {
	padding:8px 10px;
	background-color:#f1d600;
	cursor:pointer;
	transition:font-size 200ms;
	text-align:center;
	font-size:0.8em;
	display:block;
	width:33%;
	margin-left:10px;
	float:right;
	max-width:120px
}
.cc_container .cc_message {
	transition:font-size 200ms;
	font-size:0.8em;
	display:block
}
@media screen and (min-width: 500px) {
	.cc_container .cc_btn {
		font-size:0.9em
	}
	.cc_container .cc_message {
		margin-top:0;
		font-size:0.9em
	}
}
@media screen and (min-width: 768px) {
	.cc_container {
		padding:10px 30px 10px
	}
	.cc_container .cc_btn {
		font-size:1em;
		padding:8px 15px
	}
	.cc_container .cc_message {
		font-size:1em;
        padding-top:8px;
	}
}
@media screen and (min-width: 992px) {
	.cc_container .cc_message {
		font-size:1em;
        padding-top:8px;
	}
}
.cc_container {
	/* footer background */
	background:#c0afa6;
	/* footer text */
	color:#fff;
	font-size:1em;
/*	font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial; */
	font-family:'Roboto',sans-serif;
	box-sizing:border-box;
}
.cc_container ::-moz-selection {
	background:#c0afa6;
	color:#fff;
	text-shadow:none
}
.cc_container .cc_btn,.cc_container .cc_btn:visited {
	color:#fff;
    font-weight:normal;
	background-color:#382c2c;
    border:solid 1px white;
	transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
	-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
	/*border-radius:5px;
	-webkit-border-radius:5px */
}
.cc_container .cc_btn:hover,.cc_container .cc_btn:active {
	background-color:#d6c8bb;
	color:#382c2c;
}
.cc_container a,.cc_container a:visited {
	text-decoration:none;
	color:#799fb7;
	/*transition:100ms color*/
}
.cc_container a:hover,.cc_container a:active {
	color:#fff;
}
.cc_message a:hover,.cc_message a:active {
	color:#fff;
}
.cc_container p a, .cc_container a:visited {
	color:#382c2c;
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform:translateY(66px);
		transform:translateY(66px)
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
}
@keyframes slideUp {
	0% {
		-webkit-transform:translateY(66px);
		-ms-transform:translateY(66px);
		transform:translateY(66px)
	}
	100% {
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0)
	}
}
.cc_container,.cc_message,.cc_btn {
	animation-duration:0.8s;
	-webkit-animation-duration:0.8s;
	-moz-animation-duration:0.8s;
	-o-animation-duration:0.8s;
	-webkit-animation-name:slideUp;
	animation-name:slideUp
}
/** End of cookie consent styling **/



/** HEADER **/

/*header {padding:5px 0 0 0;width:100%;background:#1f1313}*/
/*header {border-bottom:solid;border-bottom-width:5px;border-bottom-color:#863c21}*/

/* Fixes nav and header at top of page */
.topnav {position:fixed;z-index:100;width:100%;}
.navmargin {padding:50px 0 0 0;}

#iconcontainer {width:960px;margin:0 auto;}
.icons {display:inline-block;margin:0;width:30px;height:30px;vertical-align:top}
#icons {display:inline-block;width:140px;float:right;}
.iconmargin {display:inline-block;margin:10px 10px 15px 10px}

/*#logo {clear:right;width:176px;height:28px;padding:10px 0 0 10px;float:left;}*/
#logo {clear:right;padding:0 0 0 20px;position:absolute;z-index:101}
#logo img {width:300px;height:50px;border:0}
#logo a:link {color:#fff;text-decoration:none;}
#logo a:visited {color:#fff;text-decoration:none;}
#logo a:hover {color:#fff;text-decoration:none;}
#logo a:active {color:#fff;text-decoration:none;}


/** FOOTER **/

footer {background-color:#382c2c;color:#c0afa6;padding:0 0 30px 0;text-align:center}
#footer {width:1000px;margin:0 auto;}
footer a:link {color:#c0afa6;text-decoration:none;}
footer a:visited {color:#c0afa6;text-decoration:none;}
footer a:hover {color:#d6d0d0;text-decoration:none;}
footer a:active {color:#d6d0d0;text-decoration:none;}
/** icon spacing controlled by .iconmargin **/
#footer .icons {display:inline;margin:0}

/*#footer .about {display:inline-block;width:28%;padding:0 10px 0 0;vertical-align:top;}*/
#footer p {margin:.25em 0 0 0}
/*#nominet {width:100%;text-align:center;margin:20px 0 0 0;}*/
/*#mid {display:inline-block;width:25%;text-align:center;vertical-align:top;}*/
#tel {display:block;text-align:center;vertical-align:top;}
#footericons {display:inline;width:100%;}
#footertext {display:inline-block;width:100%;padding:0;word-break:keep-all;}
#footernav {padding:30px 0 25px 0;}
#footernav a {font-size:1.1em;margin:0 15px;}
.footersm {font-size:0.9em;color:#c0afa6;line-height:1.2em;clear:left;}

.about p {line-height:1.3em}

.footerla {font-size:1.3em;color:#c0afa6;padding:0 0 10px 0}

#poppy {background-color:#fff;padding:0;}
#poppy .dedicated {color:#863c21;font-size:.9em;font-style:italic;padding:5px 0 30px 0}

#copyright {padding-bottom:5px;line-height:1.5em;display:inline-block;}
#copyright .line1 {display:inline-block;}
#copyright .line2 {display:inline-block;}
#copyright a {font-weight:bold;}



/* MEDIA QUERIES */

/*@media screen and (max-width:385px){*/
@media screen and (max-width:499px){
/*nav {background-color:darkgreen}*/

/*a.back-to-top {width:33px;height:33px;bottom:10px;right:10px}*/
a.back-to-top {width:30px;height:30px;bottom:10px;right:10px}

.show {display:inline;}
#fade, #showp, #show1, #show2, #show3, #show4, #show5, #show6, #show7 {display:block}
#showp, #hidep {width:35%}
#show1, #hide1, #show2, #hide2, #show3, #hide3, #show4, #hide4, #show5, #hide5, #show6, #hide6, #show7, #hide7 {width:99.5%;}
#s1, #hide1, #s2, #hide2, #s3, #hide3, #s4, #hide4, #s5, #hide5, #s6, #hide6, #s7, #hide7 {display:none;}

/*.cookies {width:100%;font-size:.8em}
.column {padding:3px}*/

#table1 {width:100%;}
#table1 .column1 {padding:4px;width:100%;}
#table1 .column2 {padding:4px;width:76%;}
#table1 .column3 {padding:4px;vertical-align:top;}

#table2 {width:100%;}
#table2 .column1 {width:48%;padding:4px 0;}
#table2 .column2 {width:35%;padding:4px 0;}
#table2 .column3 {padding:4px 0;}

#horizblock .item {width:100%;margin:14px 0;padding:24px 0 14px 0;font-size:1.1em;}
#horizblock img {width:92%;height:auto;padding:0 0 10px 0}

#poem {padding:0}
#poem p {letter-spacing:normal;margin:24px 0;}

.gallery {background-position:-40px 40px;background-size:120%}
.galleryitem {width:100%;padding:10px 0;}
.galleryitem2 {width:100%;padding:10px 0;}
.blankitem {width:0}

.bookitem {width:48%;padding:0 0 20px 0;font-size:.9em}
.bookitem img {height:200px;width:auto;margin:0 0 10px 0;}

#testimonial {padding-bottom:0}
#testimonial .name {height:30px;}
#testimonial .comment {width:100%;margin:0 0 20px 0;padding:0;}
#testimonial h2 {font-size:1.5em;}
#testimonial p {padding:0 8px}
/*#testimonial .client {padding:0 15px 10px 0}*/

#treatments {margin-top:-20px;}
#treatments .coupon {width:100%;margin:20px 0 0 0;}
#treatments .name {padding:8px 0;height:50px;}
#treatments h3 {font-size:1.3em;}
#treatments .desc {padding:0 10px 10px 10px;height:auto;}

#title {width:96%;}
#main {width:94%;margin-bottom:20px}

.header1 {height:120px}
.maintitle {font-size:1.5em}
.subtitle {font-size:.75em;}

.bgdtext {margin:0;padding:0}
.bgdcontainer {width:94%;padding:15px 0}

.bullul li {margin:3px 0 0 10px;padding:5px 0 5px 0;line-height:1.2em;font-size:1.2em;}

/* Sizes contact form width for smaller viewports */
#docContainer {width:100%;max-width:800px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.portrait {margin:20px 0 10px 0;padding:0;}
.portrait img {width:120px;height:144px;}

h1.home {font-size:1.4em;line-height:1.5em;padding:0;margin:0;letter-spacing:1px;white-space:normal;}
h2.home {font-size:1.2em;line-height:1.3em;padding:0;margin:0;letter-spacing:1px;white-space:normal;}

#quote {width:auto;padding:20px 0;}
.quotela {font-size:19pt;margin:0 0 10px 0;}
.quotesm {font-size:11pt;}

#faq ul {margin:0;}
#q1a, #q2a, #q3a, #q4a, #q5a, #q6a, #q7a {margin:0;padding:2px 8px;}

.imgleft {float:none;padding:0 0 20px 0;max-width:100%;}
.imgright {float:none;padding:0 0 20px 0;max-width:100%;}
.imgcontainer {width:100%;text-align:center;}

/*a.link-button.flat-button {padding:10px 40px;font-size:1.2em;}*/
a.link-button, a.flat-button {padding:10px 40px;font-size:1.2em;}

h1 {font-size:1.5em;margin:15px 0 25px 0;}
h2 {font-size:1.3em;margin:25px 0 10px 0;}
h3 {font-size:1.2em;margin:20px 0 10px 0;}

p {font-size:1em;line-height:1.35em;margin:.6em 0 .6em 0;}

.largetext {font-size:1.1em}
.vlargetext {font-size:1.2em}

#types ul li {width:100%;margin:0 0 40px 0;}
#types .images {line-height:normal;}
#types img {vertical-align:middle;max-width:100%;}

#suppliers ul li {width:100%;margin:0 0 5px 0;}
#suppliers .name {font-size:1.2em;padding-bottom:5px}

#error {margin:1.5em 0 0 0;font-size:1.2em;line-height:1.6em}

/*#logo {clear:left;padding-left:10px;}*/

#logo {padding:5px 0 0 10px}
#logo img {width:260px;height:43px;border:0}

.email img {width:250px;height:18px}

.colleft {width:96%;display:block;padding:0;}
.colright {width:96%;display:block;}

footer {padding:0;}
#footer {width:96%;}
#footertext {padding:0;margin-bottom:25px}
#footernav {margin:0 auto;padding:15px 0 20px 0;line-height:2em;}
#footernav a {margin:0 10px 0 10px;font-size:1.2em}
#footer .icons {width:24px;height:24px;}
.footersm {font-size:0.85em;line-height:1.2em;clear:left;}
.footerla {font-size:1.2em;padding:0 0 6px 0;margin:0;}
#copyright {padding-bottom:5px;line-height:1.5em;display:inline-block;}
#copyright .line1 {display:inline-block;}
#copyright .line2 {display:inline-block;}

/* Hide dropdown menu for small screens */
#nav .menulite {display:none;}

/*nav {margin: 0;}*/
/* Hide the navigation menu by default */
/* Also hide the  */
.toggle + a, .menu {display:none;}

/* Styling the toggle label */
.toggle {display:block;background-color:#1f1313;text-align:center;padding:8px 30px;font-size:1em;text-decoration:none;border:none;}
/*.toggle:hover {background-image: url('/images/menu-hover.jpg')}*/
.toggle:hover {background-color:#382c2c;}
.menuicon {background-color:#382c2c;background-image: url('/images/menu.jpg');height:30px;width:30px;padding:0;margin:0 10px;}
.menuicon:hover {background-image: url('/images/menu-hover.jpg')}

.menuicon {float:right;margin-bottom:10px}

/* Display Dropdown when clicked on Parent Label */
[id^=drop]:checked + ul {display:block;}

nav {font-size:1.1em;}

nav li a {padding:12px 30px;}

/* Change menu item's width to 100% */
nav ul li {display:block;width:100%;text-align:center;}

nav ul ul .toggle, nav ul ul a {padding:0 40px;}
/*nav ul ul ul a {padding:0 80px;}*/
/*nav a:hover, nav ul ul ul a {background-color: #433f62;}*/
nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a {padding:8px 10px;color:#fff;}
/*nav ul li ul li .toggle, nav ul ul a {background-color:#56517f;}*/

/* Hide Dropdowns by Default */
nav ul ul {float:none;position:static;color:#fff; 
/* has to be the same number as the "line-height" of "nav a" */
}
		
/* Hide menus on hover */
nav ul ul li:hover > ul, nav ul li:hover > ul {display:none;}
		
/* First Tier Dropdown */
/*nav ul ul li {display:block;width:100%;}*/
nav ul ul li {display:none;width:100%;}

/*nav ul ul ul li {position:static;*/
	/* has to be the same number as the "width" of "nav ul ul li" */ 
/*}*/

}


@media only screen and (min-width:386px) and (max-width:500px){
/*body {background-color:lightblue}*/

/* brownbgd is only in use with narrow devices */
/*.brownbgd {width:100%;background-color:#382c2c;margin:0 0 30px 0;padding:0;line-height:2.4em}
.brownbgd h2 {color:#fff}*/
}


/*@media only screen and (min-width:386px) and (max-width:767px){*/
@media only screen and (min-width:500px) and (max-width:767px){
/*nav {background-color:yellow}*/
	
a.back-to-top {width:33px;height:33px;bottom:10px;right:10px}

.show {display:inline;}
#fade, #showp, #show1, #show2, #show3, #show4, #show5, #show6, #show7 {display:block;}
#showp, #hidep {width:25%}
#s1, #hide1, #s2, #hide2, #s3, #hide3, #s4, #hide4, #s5, #hide5, #s6, #hide6, s7, #hide7 {display:none;}

#table1 {width:100%;}
#table1 .column1, #table1 .column2, #table1 .column3 {padding:3px}
#table1 .column1 {padding:4px;width:100%;}
#table1 .column2 {padding:4px;width:76%;}

#table2 {width:90%;}

#horizblock .item {width:40%;margin:8px;padding:12px;font-size:1.2em;}

#poem {padding:0 0 5px 0}
#poem p {letter-spacing:normal;margin:24px 0;}

.gallery {background-position:0 40px;}
.galleryitem {width:47%;padding:10px 0;}
.galleryitem2 {width:47%;padding:10px 0;}
.blankitem {width:47%}

.bookitem {width:32%;padding:0 0 20px 0;font-size:.9em}
.bookitem img {height:200px;width:auto;border:none;margin:0 0 10px 0;}

/*#testimonial .comment {width:100%;margin:10px 0;padding:0;}
#testimonial p {padding:10px 10px 0 10px}
#testimonial .client {padding:0 15px 10px 0}*/
#testimonial {padding-bottom:0}
#testimonial .name {height:30px;}
#testimonial .comment {width:100%;margin:0 0 20px 0;padding:0;}
#testimonial h2 {font-size:1.5em;}
#testimonial p {padding:0 10px}

#treatments {margin-top:-20px;}
#treatments .coupon {width:80%;margin:20px 0 10px 0;}
#treatments .name {padding:8px 0;height:50px;}
#treatments h3 {font-size:1.3em;}
#treatments .desc {padding:0 10px 10px 10px;height:auto;}


/*.dkslatebgd {width:100%;padding:10px 0}
.slatebgd {width:100%;padding:10px 0}*/

#title {width:96%;padding:13px 0 8px 0}
#main {width:96%;margin-bottom:20px}

.header1 {height:110px}
.maintitle {font-size:1.8em}
.subtitle {font-size:.85em}

.bgdtext {margin:0;padding:0}
.bgdcontainer {width:96%;padding:10px 0}

.portrait {margin:10px 0 10px 0;padding:0;}

h1.home {font-size:1.6em;line-height:1.8em;padding:0;margin:0;letter-spacing:1px;white-space:normal;}
h2.home {font-size:1.3em;line-height:1.3em;padding:0;margin:0;letter-spacing:1px;white-space:normal;}

.quote {width:auto;padding:20px 0;}
.quotela {font-size:19pt;margin:10px 0 10px 0;}
.quotesm {font-size:11pt;}

#faq ul {margin:0;}
#q1a, #q2a, #q3a, #q4a, #q5a, #q6a, #q7a {margin:10px;padding:2px 8px;}

.imgleft {float:none;padding:0 0 20px 0;max-width:100%;}
.imgright {float:none;padding:0 0 20px 0;max-width:100%;}
.imgcontainer {width:100%;text-align:center;}

/*a.link-button.flat-button {padding:10px 40px;font-size:1.2em;}*/
a.link-button, a.flat-button {padding:10px 40px;font-size:1.2em;}

h1 {font-size:1.6em;margin:15px 0 25px 0;}
h2 {font-size:1.4em;margin:25px 0 10px 0;}
h3 {font-size:1.2em;margin:15px 0 10px 0;}

p {font-size:1em;line-height:1.35em;margin:1em 0 1em 0;}

.vlargetext {font-size:1.3em}

/*h2.home {width:95%;margin:15px auto;}
p.home {width:90%;margin:15px auto;}*/

#types ul li {width:48%;margin:0 0 30px 0;vertical-align:top;}
#types .images {line-height:250px;vertical-align:middle;}
#types img {max-width:100%;}

#suppliers ul li {width:48%;margin:0 0 5px 5px;}
#suppliers .name {font-size:1.2em;padding-bottom:5px}

#logo {clear:left;padding-left:15px}

.colleft {width:96%;display:block;padding:0;}
.colright {width:96%;display:block;}

footer {padding:0}
#footer {width:96%;}
#footertext {padding:0;margin-bottom:20px}
#footernav {margin:0 auto;padding:15px 0 20px 0;line-height:2em;}
#footernav a {margin:0 10px 0 10px;font-size:1.2em}
#footer .icons {width:26px;height:26px;}
.footersm {font-size:0.85em;line-height:1.2em;clear:left;}
.footerla {font-size:1.3em;padding:0 0 6px 0;margin:0;}
#copyright {padding-bottom:5px;line-height:1.5em;display:inline-block;}
#copyright .line1 {display:inline-block;}
#copyright .line2 {display:inline-block;}

/*nav {margin: 0;}*/

#nav {width:100%}

/* Hide dropdown menu for small screens */
#nav .menulite {display:none;}

/* Hide the navigation menu by default */
/* Also hide the  */
.toggle + a, .menu {display:none;}

/* Styling the toggle label */
.toggle {display:block;background-color:#1f1313;text-align:center;padding:8px 30px;font-size:1em;text-decoration:none;border:none;}
/*.toggle:hover {background-image: url('/images/menu-hover.jpg')}*/
.toggle:hover {background-color:#382c2c;}
.menuicon {background-color:#382c2c;background-image: url('/images/menu.jpg');height:30px;width:30px;padding:0;margin:0 10px;}
.menuicon:hover {background-image: url('/images/menu-hover.jpg')}

.menuicon {float:right;margin-bottom:10px}

/* Display Dropdown when clicked on Parent Label */
[id^=drop]:checked + ul {display:block;}

nav {font-size:1.1em;}

nav li a {padding:12px 30px;}

/* Change menu item's width to 100% */
nav ul li {display:block;width:100%;text-align:center;}
/*ul li {display:block;width:100%;text-align:center;}*/

nav ul ul .toggle, nav ul ul a {padding:0 40px;}
/*nav ul ul ul a {padding:0 80px;}*/
/*nav a:hover, nav ul ul ul a {background-color: #433f62;}*/
nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a {padding:8px 30px;}
/*nav ul li ul li .toggle, nav ul ul a {background-color:#56517f;}*/

/* Hide Dropdowns by Default */
nav ul ul {float:none;position:static; 
/* has to be the same number as the "line-height" of "nav a" */
}
		
/* Hide menus on hover */
nav ul ul li:hover > ul, nav ul li:hover > ul {display:none;}
		
/* First Tier Dropdown */
nav ul ul li {display:block;width:100%;}
/*nav ul ul ul li {position:static;*/
	/* has to be the same number as the "width" of "nav ul ul li" */ 
/*}*/

}

/*@media only screen and (min-width:481px) and (max-width:767px){
nav {background-color:red}
	
	
}*/

@media only screen and (min-width:768px) and (max-width:1000px){
/*nav {background-color:orange}*/

/*a.back-to-top {width:36px;height:36px;bottom:10px;right:10px}*/

/*#show2, #show3, #show4, #show5, #show6, #show7 {display:block;}
#show2, #hide2, #show3, #hide3, #show4, #hide4, #show5, #hide5, #show6, #hide6, #show7, #hide7 {width:99.5%;}
#s2, #hide2, #s3, #hide3, #s4, #hide4, #s5, #hide5, #s6, #hide6, #s7, #hide7 {display:none;}*/

#table1 {width:100%;}
#table2 {width:80%;}

#horizblock .item {display:inline-block;width:40%;margin:8px;padding:12px;font-size:1.2em;}

#poem {padding:0 0 5px 0}

.galleryitem img {max-width:98%}
.galleryitem {width:32%;padding:10px 0;}
.galleryitem2 {width:32%;padding:10px 0;}
.blankitem {width:32%}

.bookitem {width:21.5%}
.bookitem img {height:200px;width:auto;}

/*#testimonial .comment {width:100%;margin:10px 0;padding:0;}
#testimonial p {padding:10px 10px 0 10px}
#testimonial .client {padding:0 15px 10px 0}*/

#testimonial {padding-bottom:0}
#testimonial .name {height:30px;}
#testimonial .comment {width:100%;margin:0 0 20px 0;padding:0;}
#testimonial h2 {font-size:1.5em;}
#testimonial p {padding:4px 12px}

#treatments .coupon {width:30%;margin:0 1%}
#treatments .name {padding:8px 0;height:50px;}
#treatments h3 {font-size:1.1em;}
#treatments .desc {padding:0 10px 10px 10px;}
#treatments .tall {height:350px;}
#treatments .med {height:260px;}
#treatments .short {height:214px;}
#treatments .price {font-size:1.3em}

#title {width:96%;}
#main {width:96%;margin-bottom:25px;}

.header1 {height:120px}
.maintitle {font-size:2em}
.subtitle {font-size:.9em}

.bgdtext {margin:0;padding:0}
.bgdcontainer {width:96%;padding:20px 0}

.portrait {margin:10px 0 10px 0;padding:0;}

h1.home {font-size:1.6em;line-height:2em;padding:0;margin:0;letter-spacing:1px;white-space:normal;}
h2.home {font-size:1.3em;line-height:1.3em;padding:0;margin:0;letter-spacing:1px;white-space:normal;}

#faq ul {margin:0;}

.imgleft {padding:0 20px 20px 0;}
.imgright {padding:0 0 20px 20px;}

h1 {font-size:1.6em;margin:15px 0 25px 0;}
h2 {font-size:1.4em;margin:25px 0 10px 0;}
h3 {font-size:1.2em;margin:25px 0 10px 0;}

#logo {clear:left;padding-left:15px}

.colleft {width:100%;}
.colright {width:0;}

footer {padding:0}
#footer {width:96%;}
#footertext {padding:0;margin-bottom:20px}
#footernav {margin:0 auto;padding:15px 0 20px 0;line-height:2em;}
#footernav a {margin:0 10px 0 10px;}
#footer .icons {width:28px;height:28px;}
.footersm {font-size:0.85em;line-height:1.2em;clear:left;}
.footerla {font-size:1.4em;padding:0 0 6px 0;margin:0;}
#tel {width:100%}
#copyright {width:96%;padding-bottom:5px;line-height:1.5em;display:inline-block;}
#copyright .line1 {display:inline-block;}
#copyright .line2 {display:inline-block;}

/* Hide dropdown menu for small screens */
#nav .menulite {display:none;}

/*nav {font-size:0.75em;}*/
#nav {max-width:100%;width:100%}
/*#nav {max-width:100%}*/

/* Hide the navigation menu by default */
/* Also hide the  */
.toggle + a, .menu {display:none;}

/* Styling the toggle label */
.toggle {display:block;background-color:#1f1313;text-align:center;padding:8px 30px;font-size:1em;text-decoration:none;border:none;}
/*.toggle:hover {background-image: url('/images/menu-hover.jpg')}*/
.toggle:hover {background-color:#382c2c;}
.menuicon {background-color:#382c2c;background-image: url('/images/menu.jpg');height:30px;width:30px;padding:0;margin:0 10px;}
.menuicon:hover {background-image: url('/images/menu-hover.jpg')}

.menuicon {float:right;margin-bottom:10px}

/* Display Dropdown when clicked on Parent Label */
[id^=drop]:checked + ul {display:block;}

nav {font-size:1.05em;}

/* Change menu item's width to 100% */
nav ul li {display:block;width:100%;text-align:center;}
/*ul li {display:block;width:100%;text-align:center;}*/

nav ul ul .toggle, nav ul ul a {padding:0 40px;}
/*nav ul ul ul a {padding:0 80px;}*/
/*nav a:hover, nav ul ul ul a {background-color: #433f62;}*/
nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a {padding:8px 30px;}
/*nav ul li ul li .toggle, nav ul ul a {background-color:#56517f;}*/

/* Hide Dropdowns by Default */
nav ul ul {float:none;position:static; 
/* has to be the same number as the "line-height" of "nav a" */
}
		
/* Hide menus on hover */
nav ul ul li:hover > ul, nav ul li:hover > ul {display:none;}
		
/* First Tier Dropdown */
nav ul ul li {display:block;width:100%;}
/*nav ul ul ul li {position:static;*/
	/* has to be the same number as the "width" of "nav ul ul li" */ 
/*}*/

}


@media only screen and (min-width:1001px) and (max-width:1340px){

a.back-to-top {display:none;width:40px;height:40px;}

#horizblock .item {width:36%;margin:14px;padding:18px;}

#poem {padding:0 0 5px 0}

.bookitem img {height:200px;width:auto;border:none;margin:0 0 20px 0;}

/*.galleryitem {display:inline-block;text-align:center;width:21%;vertical-align:middle;padding:20px 0 20px 0;}*/
/*.galleryitem2 {display:inline-block;text-align:center;width:32%;vertical-align:middle;padding:20px 0 20px 0;}*/
/*.blankitem {width:21%}*/

#testimonial {padding-bottom:0}
#testimonial .name {height:30px;}
#testimonial .comment {width:46%;margin:10px 10px;padding:0;}
#testimonial h2 {font-size:1.6em;}
#testimonial p {padding:4px 12px}

#title {width:96%;}
#main {width:96%;}
#footer {width:96%;}
#copyright {width:96%}

#logo {padding:5px 0 0 10px}
#logo img {width:260px;height:43px;border:0}

.header1 {height:130px}

.maintitle {font-size:2em}
.subtitle {font-size:.9em}

.bgdtext {margin:0;padding:0}
.bgdcontainer {width:96%;padding:20px 0}

.galleryitem img {max-width:98%}

.portrait {margin:10px 0 10px 0;padding:0;}

h1.home {font-size:1.8em;line-height:2em;padding:0;margin:0;letter-spacing:1px;white-space:normal;}
h2.home {font-size:1.4em;line-height:1.4em;padding:0;margin:0;letter-spacing:1px;white-space:normal;}

h1 {font-size:1.8em;margin:20px 0 25px 0;}
h2 {font-size:1.5em;margin:30px 0 10px 0;}
h3 {font-size:1.3em;margin:15px 0 10px 0;}

#nav .menulite {display:block;}

nav {font-size:.9em;}
nav li a {padding:8px 14px;}
nav ul ul li {width:360px;

#main {margin-bottom:25px;}

}