@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0;	padding: 0; }
table { border-collapse: collapse;	border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%;
	font-weight: normal; }
q: before,q: after { content: ''; }
abbr,acronym { border: 0; }

/* Begin Spa Pura Stylesheet */

* { font-family: "Times New Roman", Georgia, Times, serif; font-weight: 400; }
body { background-color: #ffffff; font-size: 13px; }
strong { font-weight: bold; }

#frame { width: 969px; margin: 80px auto 0; padding: 0 0 126px; }
#logo { text-align: center; }
#navigation { width: 969px; height: 30px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: 14px 0 0; }
#navigation ul { width: 969px; height: 30px; list-style: none; }
#navigation ul li { display: inline; line-height: 30px; vertical-align: middle; padding: 0 18px; color: #000000; position: relative; z-index: 5; }
#navigation ul li a { color: #000000; text-decoration: none; }
#navigation ul li a.on { color: #794400; text-decoration: underline; }
#subnav-services { display: none; width: 320px; height: 200px; padding: 10px 0 0 20px; background-color: #FFFFFF; overflow: hidden; position: absolute; top: 22px; left: 0; z-index: 10; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
#subnav-services ul { width: 150px; height: auto; list-style: none; float: left; }
#subnav-services ul * { font-family: Arial, Helvetica, sans-serif; }
#subnav-services ul li { display: block; line-height: 18px; background-color: transparent; padding: 0; position: relative; margin: 0; font-size: 12px; }
#subnav-services ul li.title { font-family: "Times New Roman", Georgia, Times, serif; font-size: 14px; color: #794400; margin: 0 0 6px; }

#footer { text-align: center; margin: 34px 0 0; }
#footer ul.navigation { list-style: none; text-align: center; margin: 0 auto; }
#footer ul.navigation li { display: inline; color: #000000; }
#footer ul.navigation li.divider { text-align: center; padding: 0 15px; }
#footer ul.navigation li a { color: #000000; text-decoration: underline; }
#footer .copyright { margin: 163px 0 0; }

.landing #frame { margin: 30px 0 0 50px; }
.landing #logo { text-align: left; padding: 0 0 0 12px; }
.landing ul#breadcrumbs { list-style: none; margin: 14px 0 0 12px; }
.landing ul#breadcrumbs * { font-family: Arial, Helvetica, sans-serif; letter-spacing: -0.05em; }
.landing ul#breadcrumbs li { display: inline; font-size: 10px; text-transform: uppercase; }
.landing ul#breadcrumbs li.divider { color: #888888; padding: 0 6px; }
.landing ul#breadcrumbs li a { color: #888888; text-decoration: none; }
.landing #footer { clear: both; }
.landing #footer ul.navigation { height: 30px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: left; }
.landing #footer ul.navigation li { height: 30px; line-height: 30px; vertical-align: middle; display: inline; padding: 0 26px 0 0; color: #000000; }
.landing #footer ul.navigation li a { text-decoration: none; }
.landing #footer .copyright { margin: 12px 0 0; font-style: italic; }
.landing #content { margin: 23px 0 0; }
.landing #sidenav { width: 187px; float: left; padding: 0 0 0 12px; }
.landing #sidenav h2 { font-size: 19px; color: #794400; margin: 0 0 8px; }
.landing #sidenav ul { margin: 0 0 21px; padding: 0; list-style: none; }
.landing #sidenav li { padding: 0 0 3px; font-size: 13px; }
.landing #sidenav li a { color: #000000; text-decoration: none; }
.landing #page { width: 933px; margin: 0 auto; padding: 44px 0 59px; text-align: center; }
.landing #page a { color: #794400; text-decoration: none; }
.landing #page .header-image { margin: 0 0 39px; }
.landing #page h1 { font-size: 30px; color: #794400; }
.landing #page h2 { font-size: 27px; color: #794400; padding: 0; margin: 0 0 23px; }
.landing #page h3 { font-size: 18px; color: #000000; padding: 0; margin: 0 0 5px; }
.landing #page h3.extended { margin: 0 0 16px; }
.landing #page p { font-size: 13px; line-height: 15px; margin: 0 0 24px; }
.landing #page p.intro { margin: 0 0 50px; }
.landing #page.short { width: 770px; float: right; margin: 0; padding: 0 0 96px; text-align: left; }
.landing #page.short h1 { padding: 0 0 8px; margin: 0 0 39px; border-bottom: 1px solid #c4ad8f; }
.landing #page.short p { padding: 0 33px 0 0; }
.landing #page .section { text-align: left; }
.landing #page .section h1 { font-size: 24px; padding: 0 0 8px 15px; margin: 0 0 39px; border-bottom: 1px solid #c4ad8f; }
.landing #page .section .block { padding: 0 0 0 18px; width: 745px; }
.landing #page ul { margin: 0 0 12px 0; }
.landing #page ul li { margin: 0 0 0 15px; list-style: disc; }
.landing #page ul li.intro { margin: 0; list-style: none; }

/* Page Styles */
#splash #frame { width: 645px; height: 602px; margin: 76px auto 0; }
#splash { width: 969px; height: 465px; }

#promos-bottom { margin: 5px 0 0; }

form .code { float: left; margin: 0 0 0 183px; }
form .code input { margin: 2px 0 0; }

#contact #page { width: 815px; }
#contact form { display: block; width: 446px; margin: 0 0 0 103px; text-align: left; }
#contact form label { display: block; float: left; width: 183px; height: 18px; font-size: 14px; margin: 8px 0 20px; }
#contact form input { display: block; float: left; width: 250px; height: 18px; border: 1px solid #a3a3a3; }
#contact form textarea { display: block; clear: both; width: 444px; height: 156px; border: 1px solid #a3a3a3; flat-align: left; }
#contact form br { clear: left; }

#join form { display: block; width: 446px; margin: 0 0 0 103px; text-align: left; }
#join form { display: block; width: 446px; margin: 0 0 0 103px; text-align: left; }
#join form label { display: block; float: left; width: 183px; height: 18px; font-size: 14px; margin: 8px 0 20px; }
#join form input { display: block; float: left; width: 250px; height: 18px; border: 1px solid #a3a3a3; }
#join form textarea { display: block; float: left; clear: both; width: 444px; height: 156px; border: 1px solid #a3a3a3; }
#join form br { clear: left; }

#directions .left { width: 459px; float: left; padding: 45px 0 0; }
#directions .left h1 { margin: 0 0 60px; }
#directions .left p { font-size: 16px; line-height: 18px; }
#directions .left strong { display: block; margin: 0 0 4px; }

#events #page { width: 651px; }
#events #page ul { width: 180px; margin: 0 auto 20px; }
#events #page ul li { margin: 0 0 0 15px; list-style: circle; text-align: left; }

#home .pics  { width: 969px; height: 467px; }
#home .pics img { top: 0; left: 0; }

#shop #page	{ width: 600px; }
#shop #page ul { width: 100px; margin: 0 auto; text-align: left; }
#shop .brand-logos { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 20px 0; margin: 10px 0; }

#gift-cards #page { width: 500px; text-align: left; }

#special-promotions #page { width: 850px; }
#special-promotions #page ul { width: 400px; margin: 0 auto; text-align: left; }
#special-promotions #page ul li { padding: 0 0 5px; }
#special-promotions p.intro { text-align: left; font-size: 16px; line-height: 18px; }
#special-promotions table.promotions { margin: 20px 0 0; }
#special-promotions table.promotions td { padding: 0 20px 0 0; }

#testimonials .testimonial { width: 500px; margin: 0 auto; }
#testimonials .testimonial .photo { width: 100px; margin: 0 22px 0 0; float: left; } 
#testimonials .testimonial blockquote { display: block; text-align: left; padding: 8px 0 0; }
#testimonials .testimonial blockquote p { margin: 0 0 8px; }
#testimonials .testimonial blockquote .customer { font-style: italic; }

.landing #page ul.services-list { margin: 0; padding: 0; font-size: 16px; }
.landing #page ul.services-list li { margin: 0; padding: 0 0 6px; list-style: none; }
.video-player { margin: 15px 0 0; }

table.two-column td { text-align: left; vertical-align: top; }

/* Miscellaneous Styles */
.error { color: red; }
a:hover { color: #794400 !important; text-decoration: underline !important; }
.nofloat { float: none; }
.highlight { color: #794400; }
.buttons { width: 446px; height: 20px; text-align: right; margin: 30px 0 0; }
.buttons input.button { display: inline !important; float: none !important; width: auto !important; height: auto !important; padding: 0 8px; }
.clear-right { clear: right; }
.clear-left { clear: left; }