/*/*/
/* Jan Counts - Copyright 2010 /*

/** Useful Shortcuts:
*	font: font-style  font-variant  font-weight  font-size / line-height  font-family
*	background:  background-color  background-image  background-repeat  background-attachment  background-position 
*	border: border-width  border-style  border-color 
*	margin: top right bottom left 
*	padding: top right bottom left
***/
/**************** RESET BROWSER STYLES *********************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {	
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}



strong {font-weight: bold; color: #555;}
p {margin: 0em 0 1.5em 0;}

a {color: #009933; text-decoration: underline;}
a:hover, a:active {color: #2673A5; text-decoration: none; }
a:visited {color: #666;}

/*** Headings ***/
h1, h2, h3 {margin-bottom: .5em;}
h4, h5, h6 {margin-bottom: .2em;}
h1, h2, h3 {font-family: Molengo, Trebuchet MS, Arial, sans-serif;}
h4, h5, h6 {font-family: Trebuchet MS, Arial, sans-serf;}

h1 {}
h2 {color: #2673A5; font-size: 1.7em;}
h3 {font-size: 1.5em;  color: #D0C796;}
h4 {font-size: 1.1em; color: #009933; font-weight: bold;}
h6 {font-weight: bold; color: #444;}

/*** Content ***/
.clearing {clear: both; height: 0; line-height:0; font-size: 1px;}

img.left {float: left; margin: 0 1.5em 2em 0;}
.schedule {
	background: url(../images/faded-map.jpg) no-repeat 45px 5.2em;
	}	
	.relativeContent h3 {
	text-align: center;
	background: url(../images/curly-header.jpg) no-repeat -4px 0;
	padding-top: 65px;
	color: #2673A5;
	}
	.schedule strong {
	font-family: Arial, sans-serif;
	}
	p.phone {
	font-weight: 100;
	font-size: 2em;
	text-align: center;
	font-family: Molengo, Trebuchet MS, Arial, sans-serif;
	margin: .5em 0 1.5em 0;
	}
	p.map {
	border-bottom: 1px solid #E2E1D9;
	
	padding-bottom: 1.5em;
	}
	
	
	

div.facial {
	width: 28%; 
	float: left; 
	margin: 0 5% 1.5em 0;
	font-size: .9em;
	}
span.new {color: orange; font-size: .5em; }
.facial ul li {width: 180px;}
.facial ul li span {display: block; float: right; width: 6em;}
table {margin: 2em 0;}
	table td {padding: .5em 1em 1.5em .3em; }
	table caption {
	padding: .3em;
	font-size: .9em;
	letter-spacing: .1em;
	color: white;
	background: #006699;
	text-transform: uppercase;
	}
	table tr td {border-bottom: 1px dotted #DDD;}
	table td.blue {color: #2673A5;}
	
	.accordion {width: 80%; padding-bottom: 2em; clear: both;}
	.accordion  {margin-bottom: .8em; cursor: pointer;}
	
	div.service-list div { width: 24%; margin: 0 1% 2em 0; float: left;}
	div.service-list div h5 {
	border: 1px solid #ededed; 
	padding: 10px; 
	color: #2673A5;
	font-family: Georgia, Times New Roman, serif;
	font-weight: normal;
	font-size: 1.15em;
	margin-bottom: .5em;
	}	
	div.service-list ul {list-style: none; padding: 0; margin: 0 0 0 11px;}
	div.service-list ul li {margin-bottom: .5em; font-size: .9em;}

ul.service-list {
	margin: 0em 0 4em 0; 
	padding: 0 0 0 50px; 
	float: left; 
	width: 100%;
	
	}
	ul.service-list li {
	display: block;
	list-style: none;
	color: #2673A5;
	font-family: Georgia, Times New Roman, serif;
	font-weight: normal;
	font-size: 1.15em;
	padding: 10px 1.5em 0 0;
	width: auto;
	float: left;
}

ol.products {margin-top: 3em; padding-left: 0em;}
ol.products li { width: 580px; clear: both;}
ol.products img {float: left; margin: 0em 3em 2em 0;}
ol.products h4, ol.products h6 { line-height: 0;}
ol.products h4 {padding-top: 3em;}
ol.products h6 {margin-bottom: 1em;}

#wrapper div.mainContent p a.shopbtn {
   background: #55D13B;
   background-image: -webkit-linear-gradient(top, #55D13B, #066A24);
   background-image: -moz-linear-gradient(top, #55D13B, #066A24);
   background-image: -ms-linear-gradient(top, #55D13B, #066A24);
   background-image: -o-linear-gradient(top, #55D13B, #066A24);
   background-image: linear-gradient(to bottom, #55D13B, #066A24);
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   color: #FFFFFF;
   font-family: Open Sans;
   font-size: 20px;
   font-weight: 400;
   padding: 18px;
   box-shadow: 1px 1px 9px 0px #55584E;
   -webkit-box-shadow: 1px 1px 9px 0px #55584E;
   -moz-box-shadow: 1px 1px 9px 0px #55584E;
   text-shadow: 1px 1px 6px #000000;
   border: solid #208F00 1px;
   text-decoration: none;
   display: inline-block !important;
   cursor: pointer;
   text-align: center;
}

#wrapper div.mainContent p a.shopbtn:hover {
   border: solid #337FED 1px;
   background: #2673A5;
   background-image: -webkit-linear-gradient(top, #2673A5, #35BFDF);
   background-image: -moz-linear-gradient(top, #2673A5, #35BFDF);
   background-image: -ms-linear-gradient(top, #2673A5, #35BFDF);
   background-image: -o-linear-gradient(top, #2673A5, #35BFDF);
   background-image: linear-gradient(to bottom, #2673A5, #35BFDF);
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   text-decoration: none;
}

div.logo {text-align: center;}
div.logo img {margin: 2em auto 0em auto; width: 130px;}
div.logo img.fix {width: 165px;}

/* rotator in-page placement */
    div.rotator {
	position:relative;
	height:370px; 
	}
	#banner div.rotator {height: 283px; float: left;}
	div.rotator ul {padding: 0; margin: 0;}
/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute; 
	list-style: none; 
	border: 1px solid #E8E0C7; 
        }
	div#banner div.rotator ul li {border: none;}
/* rotator image style */	
	div.rotator ul li img {
	margin: 10px 11px;
	}
	div#banner div.rotator ul li img {margin: 0;}
        div.rotator ul li.show {
	z-index:500; 
}
	
	
/*** Template and Layout ***/
body {
	background: url(../images/blu-damask.jpg) repeat 0 0;
	text-align: center;
	font: normal normal .8em/120% Geneva, Arial, sans-serif;
	color: #999;	
}
#wrapper {
	margin: 0 auto; 
	text-align: left; 
	width: 920px;
	position: relative;
	}
#logo {
	position: absolute; 
	top: 0; 
	left: -25px;
	}
#nav {
		float: right;
		font: normal normal .85em/100% Molengo, Trebuchet, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: .03em;
		}
		#nav ul {
		width: auto;
		float: right;
		list-style: none;
		}
		#nav ul li {float: left;}
		#nav ul li a {
		display: block;
		float: left;
		text-decoration: none;
		border: 1px solid transparent;
		padding: 0 5px 5px 5px;
		margin: 0 5px;
		}
		#nav ul li.current a, #nav ul a:hover { 
		margin-left: 7px;
		padding: 0;
		border-right: 1px solid #D0C796;
		border-bottom: 1px solid #D0C796;
		border-left: 1px solid #D0C796;
		background: #B4D8EE url(../images/nav-hover.jpg) no-repeat 0 0;
		}
		#nav ul li a span {
		color: #6FB0DE;
		display: block;
		text-decoration: none;
		padding: 45px 8px 10px 8px;
		background: url(../images/transparent-nav.png) repeat 0 0;
		border-right: 1px solid #DDEDEE;
		border-bottom: 1px solid #DDEDEE;
		border-left: 1px solid #DDEDEE;
		}
		#nav ul li.current a span, #nav a:hover span {
		color: white;
		border-right: 5px solid #fff;
		border-bottom: 5px solid #fff;
		border-left: 5px solid #fff;
		background:  url(../images/nav-emblem.png) no-repeat 50% 8px;
		}
		
#banner {
		border: 1px solid #E8E0C7;
		float: left;
		width: 900px;
		padding: 10px;
		margin: 50px 0 10px 0;
		background: url(../images/transparent-fade.png) repeat 0 0;
		clear: both;
		}
		#banner div.inner {
		border: 1px solid #E8E0C7;
		padding: 10px;
		float: right;
		width: 295px;
		margin-top: 2px;
		height: 258px;
		overflow: hidden;
		}
		#banner img {
		
		}
		#banner h3 {
		font-size: 3.3em; 
		line-height: 1.1em;
		color: #B2D6ED;
		}
		#banner h3.lighter {color: #74ACD7;}
		#banner h3.lightest {color: #2673A5;}
		#banner h4 {
		color: #643016;
		font-size: 1.7em;
		line-height: 100%;
		margin: 1em 0 1.2em 0;
		font-weight: normal;
		}

.relativeContent, .mainContent {
	float: left;
	border: 1px solid #E8E0C7;
	padding: 10px;
	background-color: white;
	width: 260px;
	}
	.subpage div.relativeContent {display: none;}
.mainContent {
	float: right;
	width: 588px;
	padding: 20px;
	}
	.subpage div.mainContent {width: 880px;}
#footer {
	float: left; 
	width: 920px;
	margin: 1em 0;
	}