/*
Theme Name: Artisan Spa
Theme URI: http://www.artisanspa.com/
Description: Artisan Spa CSS design
Version: 1.0
Author: Concept 64, Inc.
Author URI: http://www.concept64.com/
*/
* {
	margin:0;
	padding:0;

}

body {
	font: 92%/1.5 Trebuchet MS, Georgia, Arial, Helvetica, sans-serif;
	color:#17651b;
	background: white url(images/bg/bg-repeat.jpg) repeat-x top left;
}


h2 {
	font-size:1.9em;
	padding: .5em 0 0;
	line-height: 1.2em;
	font-weight: normal;
}

h3 {
	font-size:1.2em;
	padding: .5em 0 0;
	font-weight: normal;
}

h4 {
	font-size: 1.1em;
	color: #f4a610;
	font-weight: bold;
}

h5 {
	font-size: 1.1em;
}

p {
	font-size:1em;
	text-align:left;
}

span.price {
	font-size: .9em;
	color: #f4a610;
	padding-left: 5px;
	font-weight: bold;
}

#content p {
	padding: .5em 0;
}

a, a:link, a:visited {
	color:#17651b;
	text-decoration:underline;
}

a:hover, a:active {
	color: #f4a610;
	text-decoration:none;
	border-bottom: 1px dashed #f4a610;
}

a img {
	vertical-align: middle;
	border: 0 !important;
}

#content ul {
	list-style: outside disc;
	padding: 0 0 .5em 27px;
}

#content ol {
	padding: 0 0 .5em 27px;
}

#content ul li {
	padding: .3em 0 0 0;
}

dl {
	float: left;
	width: 100%;
	padding: 10px 0;
}

dt {
	float: left;
	clear: left;
	width: 6%;
	padding-right: 10px;
	text-align: right;
	margin-bottom: 5px;
	color: #f4a610;
	font-weight: bold;
}

dd {
	float: left;
	width: 88%;
	margin-bottom: 5px;
}

blockquote {
	background: #FFEBC6;
	border: 2px solid #f4a610;
	padding: 10px 10px 10px 10px;
	margin: 10px 40px;
	width: 50%;
}

blockquote p {
	padding:0;
	font-size:1em;
}

fieldset {
	border: 0;
}

option {
	padding: 0 10px;
}

form {
	display:block;
	width: 45%;
	padding-left: 10%;
}

form div {
	padding:5px;
	text-align:left;
	clear: left;
}

form div#product-choice {
	padding-left: 140px;
	text-align: left;
}

form label {
	display:block;
	width:35%;
	padding-right:7px;
	text-align:right;
	float:left;
	font-weight: bold;
}

form textarea {
	width: 100%;
	float:left;
}

form .submit {
	clear: both;
	text-align:center;
}

#error_message {
	color: #c52c2c;
	font-weight: bold;
}

hr {
	margin: 1em auto;
	color: #17651b;
	background-color: #17651b;
	height: 1px;
	width: 75%;
}

#accessibility {
	display:none;
}
html, body {
	height: 100%;
}

.right {
	float:right;
	text-align:right;
	padding: 0 0 5px 5px;
	margin: 0 0 5px 10px;
	background: #FFF;
}

.left {
	float:left;
	text-align:left;
	padding: 0 5px 5px 0;
	margin: 0 10px 5px 0;
	background: #FFF;
}

.large-square a,.large-landscape a, .large-portrait a, .medium-landscape a, .medium-portrait a, .small-landscape a, .small-portrait a, .gallery a, .promo-image a, .product-square a {
	border: 0 !important;
}

.product-square img {
	background: transparent url(images/borders/products.png) no-repeat top left;
	padding: 15px 14px;
}

.large-square img {
	background: transparent url(images/borders/large-s.png) no-repeat top left;
	padding: 10px;
}

.large-landscape img {
	background: transparent url(images/borders/large-l.png) no-repeat top left;
	padding: 10px;
}

.large-portrait img {
	background: transparent url(images/borders/large-p.png) no-repeat top left;
	padding: 10px;
}

.medium-landscape img {
	background: transparent url(images/borders/med-l.png) no-repeat top left;
	padding: 16px 14px 12px 14px;
}

.medium-portrait img {
	background: transparent url(images/borders/med-p.png) no-repeat top left;
	padding: 14px 12px 14px 16px;
}

.small-landscape img {
	background: transparent url(images/borders/small-l.png) no-repeat top left;
	padding: 12px 11px 13px 14px;
}

.small-portrait img {
	background: transparent url(images/borders/small-p.png) no-repeat top left;
	padding: 14px 13px 11px 12px;
}




/* structure */

#container {
	min-width: 975px;
	max-width: 1100px;
	margin: 0 auto;
}

#main {
	clear: both;
	padding-top: 15px;
	width: 100%;
}

#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.products #content-wrapper, .gift-certificates #content-wrapper, .staff #content-wrapper, .openings #content-wrapper, .error404 #content-wrapper {
	padding: 0 25px;
}

.directions #content-wrapper {
	width: 65%;
	padding: 0 25px;
	margin: 0 auto;
}

/* header */

#header {
	position: relative;
}

#header #gallery-link a{
	position: absolute;
	top: 0;
	right: 10px;
	background: transparent url(images/bg/header.jpg) no-repeat top right;
	display: block;
	text-indent: -999em;
	width: 398px;
	height: 114px;
	text-decoration: none !important;
	border: 0 !important;
	overflow: hidden;
}

#header h1 {
	background: transparent url(images/bg/logo.jpg) no-repeat top left;
}

#header h1 a {
	width: 415px;
	height: 128px;
	display: block;
	text-indent: -999em;
	border-bottom: 0;
  overflow: hidden;
}

#header .contact {
	display: none;
}

/* navigation */

#navigation {
	margin-top: 28px;
	position:relative;
	width: 100%;
}

#navigation h4 {
	display: none;
}

#navigation ul#mainnav {
	list-style-type:none;
	text-align:center;
	margin-left: 10px;
}

#navigation ul li {
	display: inline;
}

#nav-home, #nav-specials, #nav-services, #nav-products, #nav-giftcerts, #nav-the-spa {
	float: left;
	display: block;
 	height: 27px;
 	background: transparent none no-repeat 0 -27px;
	text-indent: -999em;
}

#nav-home {
  background-image:	url(images/nav/home.png);
	width:84px;
}

#nav-specials {
  background-image:	url(images/nav/specials.png);
	width:94px;
}

#nav-services {
  background-image:	url(images/nav/services.png);
	width:93px;
}

#nav-products {
  background-image:	url(images/nav/products.png);
	width:108px;
}

#nav-giftcerts {
  background-image:	url(images/nav/giftcerts.png);
	width:155px;
}

#nav-the-spa {
  background-image:	url(images/nav/the-spa.png);
	width:97px;
}



#mainnav li a, #mainnav li a:link, #mainnav li a:visited,
#mainnav li a:hover, #mainnav li a:active {
 	display: block;
  overflow:hidden;
 	text-decoration:none;
	border: 0;
}

#nav-home a, #nav-home a:link, #nav-home a:visited {
	background: url(images/nav/home.png) no-repeat 0 0;
 	width: 84px;
 	height: 27px;
}

#nav-specials a, #nav-specials a:link, #nav-specials a:visited {
	background: url(images/nav/specials.png) no-repeat 0 0;
 	width: 94px;
 	height: 27px;
}

#nav-services a, #nav-services a:link, #nav-services a:visited {
	background: url(images/nav/services.png) no-repeat 0 0;
 	width: 93px;
 	height: 27px;
}

#nav-products a, #nav-products a:link, #nav-products a:visited {
	background: url(images/nav/products.png) no-repeat 0 0;
 	width: 108px;
 	height: 27px;
}

#nav-giftcerts a, #nav-giftcerts a:link, #nav-giftcerts a:visited {
	background: url(images/nav/giftcerts.png) no-repeat 0 0;
 	width: 155px;
 	height: 27px;
}

#nav-the-spa a, #nav-the-spa a:link, #nav-the-spa a:visited {
	background: url(images/nav/the-spa.png) no-repeat 0 0;
 	width: 97px;
 	height: 27px;
}


#nav-home a:hover, #nav-home a:active,
#nav-specials a:hover, #nav-specials a:active,
#nav-services a:hover, #nav-services a:active,
#nav-products a:hover, #nav-products a:active,
#nav-giftcerts a:hover, #nav-giftcerts a:active,
#nav-the-spa a:hover, #nav-the-spa a:active {	
	background-image: none;
}

#mainnav li.current a, #mainnav li.current a:link, #mainnav li.current a:visited, #mainnav li.current a:hover, #mainnav li.current a:active{
	background-image: none;
}

#subnav {
	position:absolute;
	top: -2.6em;
	right: 20px;
	list-style: inside none none;
}

#subnav li {
	padding: 0 1.1em;
	border-right: 1px solid #17651b;
	font-size: .95em;
	font-weight: bold;
}

#subnav li a {
	text-decoration: none;
	padding: 0;
}

#subnav li.last {
	border-right: 0;
}

#subnav li.current a {
	color: #f4a610;
	text-decoration:none;
	border-bottom: 1px dashed #f4a610;
}

#navigation .contact-info {
	position: absolute;
	right: 25px;
	background: transparent url(images/nav/phone.png) no-repeat 0 0;
	display: block;
	width: 179px;
	height: 27px;
	text-indent: -999em;
}

/* footer */

#footer {
	padding: 25px 0 15px 0;
  clear: both;
	font-size: .95em;
	text-align: center;
}

#footer a {
	color: #f4a610;
	font-weight: bold;
}

#footer-nav {
	position: relative;
	list-style: inside none none;
}

#footer-nav li {
	padding: 0 .7em;
	display: inline;
	border-right: 1px solid #17651b;
}

#footer-nav li a {
	text-decoration: none;
  color: #f4a610;
}

#footer-nav li.last {
	border-right: 0;
}

#footer-extras {
	padding-top: 7px;	
	text-align: center;
}

#footer a.c64 {
	padding: 15px 0;
	display: inline;
	background: transparent url(images/icons/c64-logo.png) no-repeat top center;
	border-bottom: 0;
  color: #f4a610;
}

/* home */

.home #content-wrapper {
	float: left;
	padding-left: 584px;
}

.home #secondary-wrapper {
	float: left;
	margin-left: -100%;
	width: 584px;
	background: transparent url(images/bg/home-side-repeat.jpg) repeat-y 0 0;
	font-size: .9em;
}

.home #secondary {
	background: transparent url(images/bg/home-side-top.jpg) no-repeat 0 0;
}

.home #secondary2 {
	background: transparent url(images/bg/home-side-footer.jpg) no-repeat bottom left;
	padding: 240px 19px 0 24px;
}


#secondary2 h3 {
	padding: 3px 0 0 0;
	font-size: 1.25em;
	color: #f4a610;
}

#promos {
	float: left;	
}

#latest-special, #gift-certificates {
	float: left;
	padding: 10px 0;
}

#latest-special {
	width: 276px;
}

#gift-certificates {
	width: 265px;
}

.promo-image {
	float: left;
	width: 102px;
	height: 103px;
	padding: 11px 9px 12px 13px;
	margin: 0;
	background: transparent url(images/borders/small-s.png) no-repeat top left;
}

#promos h3, #promos p {
	padding-left: 128px;
	padding-right: 5px;
}

#contact-us {
	clear: both;
	border-top:  3px solid #e8f5e8;
	padding: 5px 12px 30px 12px;
}

.home #content {
	padding: 0 35px 0 10px;
}

/* testimonial excerpt */

#main div.testimonial-excerpt {
	margin-top: 10px;
	background: transparent url(images/icons/testimonial-quote1.png) no-repeat 0 0;
	font-style: italic;
	color: #f4a610;
	padding: 0 0 .5em 45px;
}

#main div.testimonial-excerpt p {
	padding: 0.5em 0 0 0;
	background: transparent url(images/icons/testimonial-quote2.png) no-repeat bottom right;
	font-size: 1.5em;
 	line-height: 1.2em;
}

#main div.testimonial-excerpt p span {
	display: block;
	padding-right: 45px;
}

#main div.testimonial-excerpt p.source {
	background: none !important;
	font-size: .9em !important;
	text-align: right !important;
	padding: 0 !important;
	padding-right: 60px !important;
	font-weight: bold !important; 
}

.services #main div.testimonial-excerpt {
	margin-top: 25px;
}

.services #main div.testimonial-excerpt p{
	font-size: 1.3em;
 	line-height: 1.2em;
	background: transparent url(images/icons/testimonial-quote3.png) no-repeat bottom right;
	text-align: left;
	text-indent: -8px;
	padding-left: 8px;
}

/* specials */

.specials #main {
	width: 950px;
	margin: 0 auto;
	padding-top: 30px;
}	

.specials h2 {
	display: none;
}

.specials #content h3 {
	color: #17651b;
	font-size: 2em;
	text-align: left;
	padding-top: .5em;
}
.specials #content h3 span {
	display: block;
}


.specials #content h3 span.highlight {
	color: #c52c2c;
	display: inline;
}


.specials #content h3 span.line1 {
	font-size: 1.5em;
}

.specials #content h3 span.line2 {
	padding-left: 12px;
}
.specials #content h3 span.line3 {
	padding-left: 32px;
}
.specials #content h3 span.line4 {
	padding-left: 55px;
}
.specials #content h3 span.line5 {
	padding-left: 140px;
	font-size: 1.5em;
}

.specials #special {
	background: transparent url(images/borders/specials.png) no-repeat top left;
	display: block;
	float: right;
	height: 347px;
	width: 463px;
	overflow: visible;
	padding: 9px 13px 9px 15px;
	position: relative;
}

#special .sp-image {
	position: absolute;
	top: 9px;
	right: 14px;
	padding: 0 !important;
}

#special .sp-text {
	font-style: italic;
	font-size: 1em;
	padding-top: 1.2em;
	padding-left: 25px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#special p.sp1, #special p.sp2 {
	font-size: 1.1em;
}

#special p strong {
	font-size: 1.2em;
}

#special p.sp1 {
	color: #f5ab1e;
}
	
.specials .print {
	width: 45%;
}

.specials .print a {
	display: block;
	width: 50%;
	margin: 0 auto;
	padding: 10px 10px 10px 60px;
	background: transparent url(images/icons/printer.jpg) no-repeat center left;
	font-size: 1.1em;
	font-weight: bold;
	border: 0;
}

/* services */

.services #content-wrapper {
	float: left;
	width: 69%;
}

.services #secondary-wrapper {
	float: left;
	width: 268px;
	margin-top: 10px;
	padding-right: 15px;
}

#services-menu {
	background: transparent url(images/bg/menu-repeat.png) repeat-y top left;
	width: 268px;
}

#services-menu2 {
	background: transparent url(images/bg/menu-bottom.png) no-repeat bottom left;
}

#services-menu3 {
	background: transparent url(images/bg/menu-top.png) no-repeat top left;
	padding: 10px 0 18px 0;
}

#services-menu3 h3 {
	margin-top: 12px;
	padding: 0px 0 6px 0;
	color: white;
	text-indent: 25px;
	background: transparent url(images/bg/menu-top-repeat.png) repeat-y top left;
}

#services-menu3 h3 a {
	color: #FFF;
	text-decoration: none;
	border: 0;
}

ul#services-menu-ul {
	margin: 3px 14px 0 15px;
	list-style: none outside;
}

ul#services-menu-ul li {
	display: block;
	width: 239px;
}

ul#services-menu-ul li a {
	padding: 7px 10px;
	display: block;
	width: 219px;
	font-weight: bold;
	text-decoration: none;
}

ul#services-menu-ul li a:hover, ul#services-menu-ul li a:active, ul#services-menu-ul li.subcurrent {
	background: white;
	border: 0;
}

ul#services-menu-ul li.subcurrent {
	padding-bottom: 8px;
	margin: 3px 0;
}

ul#services-menu-ul li ul {
	list-style: none outside;
	margin: 0 0 0 13px;
	border-left: 3px solid #f8c563;
	padding: 3px 0;
}
ul#services-menu-ul li ul li {
	display: block;
	width: 199px;
}

ul#services-menu-ul li ul li a{
	padding: 5px 2px 5px 22px;
	text-indent: -10px;
	display: block;
	width: 199px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.1em;
}

.services #content div {
	margin-top: 0.3em;
}

.services #content div:target, .sftarget {
	background: #e8f5e8;
	padding: 0 .8em;
}

.services div.before-after {
	width: 100%;
	float: left;
	display: block;
	clear: both;
}

.services div.before-after em {
	padding-left: 10px;
}


/* products */

.productline {
	clear: left;
	padding-top: 15px;
}

.product {
	width: 49%;
	float: left;
	display: block;
}

#content .product p, #content .product h3 {
	padding-left: 240px;
	padding-right: 15px;
	display: block;
}

/* the spa */

.the-spa div.gallery {
	width: 16.65%;
	padding: 1px 0;
	display: block;
	float: left;
}

.the-spa .gallery a {
	display: block;
	width: 159px;
	height: 103px;
	margin: 0 auto;
}

.the-spa .gallery img {
	background: transparent url(images/borders/gallery.png) no-repeat top left;
	padding: 10px;
}

#group_1-6, #group_13-18 {
	clear: left;
	float: left;
	width: 100%;
}

#group_7-9, #group_10-12 {
	width: 16.65%;
	float: left;
}

#group_7-9 .gallery, #group_10-12 .gallery {
	clear: left;
	padding: 10px 0;
	width: 100%;
}

#centercol {
	float: left;
	width: 64%;
	padding: 0 0 10px 0;
}
#centercol h2, #centercol p{
	padding-left: 15px;
	padding-right: 15px;
}
#centercol{	width: 66.6%;#}