/* Reset 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, b, u, i, center, 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-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
font-size: 62.5%;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
a:focus, a:active {
outline: none;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* End Reset Styles */

body {
font-family: Tahoma, Arial, Helvetica, sans-serif;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
background: url(../images/bg.gif) repeat-x;
}

.oneColFixCtr #container {
width: 830px;
margin: 54px auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
*padding-bottom: 54px;
}

p, #leftcolumn dd, #leftcolumn li { 
font-size: 1.1em; 
line-height: 18px; 
color: #554b39;
margin-bottom: 15px; 
}

#leftcolumn li {
margin-bottom: 0;
line-height: normal;
}

#leftcolumn dd {
margin-bottom: 0;
}

.hr { 
height: 1px; 
width: 464px; 
background: url(../images/hr_dotted.gif) repeat-x; 
margin: 30px 0 18px 0; 
}

.hr_home {
margin-top: 18px;
_margin-bottom: 12px;
}

#home_image {
background: url(../images/home_header.png) no-repeat 0 0;
width: 830px;
height: 335px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home_header.png', sizingMethod='crop');
}

#clear { 
clear: both; 
}

.hd_sano, .hd_treatments, .hd_massage, .hd_facials, .hd_handfoot, .hd_body,
.hd_personalcare, .hd_indulgences, .hd_promotions, .hd_aboutus, .hd_contactus, .hd_generalinfo {
height: 203px;
}

.hd_sano {
background: url(../images/hd_flowers.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd_flowers.png', sizingMethod='crop');
}

.hd_treatments {
background: url(../images/hd_wellness.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd_wellness.png', sizingMethod='crop');
}

.hd_massage {
background: url(../images/hd_woman.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd_woman.png', sizingMethod='crop');
}

.hd_facials {
background: url(../images/hd_facial.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd_facial.png', sizingMethod='crop');
}

.hd_handfoot {
background: url(../images/hd_manipedi.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd_manipedi.png', sizingMethod='crop');
}

.hd_body {
background: url(../images/hd_shoulder.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd_shoulder.png', sizingMethod='crop');
}

.hd_personalcare {
background: url(../images/hd_aromatherapy.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd_aromatherapy.png', sizingMethod='crop');
}

.hd_indulgences {
background: url(../images/hd_towels.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd_towels.png', sizingMethod='crop');
}

.hd_promotions {
background: url(../images/hd_leaves.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd_leaves.png', sizingMethod='crop');
}

.hd_aboutus {
background: url(../images/hd_lavender.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd_lavender.png', sizingMethod='crop');
}

.hd_contactus {
background: url(../images/hd_water.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd_water.png', sizingMethod='crop');
}

.hd_generalinfo {
background: url(../images/hd_leaves.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hd_leaves.png', sizingMethod='crop');
}

.sano_logo {
background: url(../images/sano_logo.png) no-repeat 0 0;
display: block;
position: relative;
top: 75px;
left: 40px;
width: 256px;
height: 75px;
text-indent: -9999px;
_cursor: pointer;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sano_logo.png', sizingMethod='crop');
}

.sano_logo a {
display: block;
height: 75px;
}

.mailinglist {
display:block;
background: url(../images/sano_newsletter.png) no-repeat 0 0;
width: 245px;
height: 67px;
margin:20px 0 20px 0;
_cursor: pointer;
_padding-left: 25px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sano_newsletter.png', sizingMethod='crop');
}

.newsletter {
background: url(../images/sano_newsletter.png) no-repeat 0 0;
width: 245px;
height: 117px;
padding: 75px 0 0 28px;
_padding-left: 25px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sano_newsletter.png', sizingMethod='crop');
}

.newsletter input {
float: left;
_position: relative;
}

.newsletter input.subscribe {
background: url(../images/btn_subscribe.png) no-repeat 0 0;
width: 67px;
height: 23px;
cursor: pointer;
position: relative;
left: 2px;
border: 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_subscribe.png', sizingMethod='crop');
}

input.button {
	background-color: #e67815; 
	border: 1px #CBB88C solid;
	color:#fff;
	font-size:10px;
	}
	
.sano_email {
border: 1px solid #c1bbb5;
color: #7c7065;
position: relative;
top: 2px;
font-size: 10px;
font-family: arial;
width: 125px;
}

.gift_cert {
background: url(../images/giftcert.png) no-repeat 0 0;
display: block;
width: 244px;
margin: 20px 0 20px;
height: 112px;
text-indent: -9999px;
}

.booking {
background: url(../images/book_treatment.gif) no-repeat 0 0;
display: block;
width: 244px;
margin: 20px 0 20px;
height: 48px;
text-indent: -9999px;
}

#leftcolumn h1 {
display: block;
height: 22px;
margin-bottom: 20px;
text-indent: -9999px;
}

h1.sano_welcome {
background: url(../images/headers/sano_welcome.png) no-repeat 0 0;
height: 25px !important;
margin-bottom: 0 !important;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/sano_welcome.png', sizingMethod='crop');
}

h1.about {
background: url(../images/headers/about.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/about.png', sizingMethod='crop');
}

h1.body {
background: url(../images/headers/body.png) no-repeat 0 0;
height: 27px !important;   /* we need 27px instead of 22px because of descenders */
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/body.png', sizingMethod='crop');
}

h1.contact {
background: url(../images/headers/contact.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/contact.png', sizingMethod='crop');
}

h1.facials {
background: url(../images/headers/facials.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/facials.png', sizingMethod='crop');
}

h1.general_info {
background: url(../images/headers/info.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/info.png', sizingMethod='crop');
}

h1.hand_foot {
background: url(../images/headers/handfoot.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/handfoot.png', sizingMethod='crop');
}

h1.personal_care {
background: url(../images/headers/personal.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/personal.png', sizingMethod='crop');
}

h1.massage {
background: url(../images/headers/massage.png) no-repeat 0 0;
height: 27px !important;   /* we need 27px instead of 22px because of descenders */
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/massage.png', sizingMethod='crop');
}

h1.indulgences {
background: url(../images/headers/spa_packages.png) no-repeat 0 0;
height: 27px !important;   /* we need 27px instead of 22px because of descenders */
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/indulgences.png', sizingMethod='crop');
}

h1.promotions {
background: url(../images/headers/promo.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/promo.png', sizingMethod='crop');
}

h1.sano_experience {
background: url(../images/headers/sanoexp.png) no-repeat 0 0;
height: 27px !important;   /* we need 27px instead of 22px because of descenders */
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/sanoexp.png', sizingMethod='crop');
}

h1.mailinglist {
background: url(../images/headers/mailinglist.png) no-repeat 0 0;
height: 27px !important;   /* we need 27px instead of 22px because of descenders */
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/mailinglist.png', sizingMethod='crop');
}

h1.treatments {
background: url(../images/headers/treat.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/treat.png', sizingMethod='crop');
}

h1.photogallery {
background: url(../images/headers/gallery.png) no-repeat 0 0;
height: 27px !important;   /* we need 27px instead of 22px because of descenders */
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/gallery.png', sizingMethod='crop');
}

h1.testimonials {
background: url(../images/headers/testimonials.png) no-repeat 0 0;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headers/treat.png', sizingMethod='crop');
}

h2, #leftcolumn dl dt {
font-size: 1.1em;
line-height: 18px;
font-weight: bold;
color: #554b39;
}

h3 {
font-size: 1.1em;
color: #554b39;
margin: 18px 0 12px 0;
}

#leftcolumn dl {
margin-bottom: 16px;
}

#leftcolumn ul li, .arrow {
background: url(../images/arrow.png) no-repeat 0 .3em;
padding-left: 12px;
margin-bottom: 12px;
}

#leftcolumn ul li a, .arrow {
color: #a32c0e;
font-size: 12px;
font-weight: bold;
font-family: verdana, tahoma, sans-serif;
text-decoration: none;
}

#leftcolumn ul li a:hover, .arrow:hover {
text-decoration: underline;
}

#footer ul {
padding: 27px 0 0 23px;
}

#footer ul li {
float: left;
text-indent: -9999px;
}

#footer ul li a.sano_spa {
background: url(../images/sano_footer.png) no-repeat 0 0;
display: block;
width: 95px;
height: 18px;
_cursor: pointer;
}

#footer .copyright {
background: url(../images/copyright.png) no-repeat 0 0;
display: block;
width: 76px;
height: 18px;
margin-right: 5px;
}

.directions {
margin: 18px 0 30px 0;
}

#home_image {
}

#main_image {
}

#home_content {
}

#leftcolumn { 
float: left; 
margin: 30px 0 20px 23px; 
_margin-left: 13px;
width: 463px; 
}

#rightcolumn { 
float: left; 
padding: 13px 0 0 70px;
}

#footer {
background: url(../images/footer.png) no-repeat 0 0;
display: block;
min-height: 47px;
_height: 47px;
}

#gallery {
text-align:center;
width: 600px;
float: left;
margin-left:100px;
}

#gallery div { 
width:270px;
float:left;
margin: 7px 15px;
}

/* navigation */
#navbox {
height: 30px;
margin: 0 auto;
background: url(../images/bg_nav.gif) no-repeat;
}

#nav_about {
background: url(../images/nav/about.png) no-repeat;
width: 82px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/about.png', sizingMethod='crop');
_cursor: pointer;
}

#nav_home {
background: url(../images/nav/home.png) no-repeat;
width: 58px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/home.png', sizingMethod='crop');
_cursor: pointer;
}

#nav_sanoexp {
background: url(../images/nav/sanoexp.png) no-repeat;
width: 157px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/sanoexp.png', sizingMethod='crop');
_cursor: pointer;
}

#nav_promo {
background: url(../images/nav/promo.png) no-repeat;
width: 102px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/promo.png', sizingMethod='crop');
_cursor: pointer;
}

#nav_treat {
background: url(../images/nav/treat.png) no-repeat;
width: 99px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/treat.png', sizingMethod='crop');
_cursor: pointer;
}

a#nav_home:hover { 
background: url(../images/nav/home2.png) no-repeat;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/home2.png', sizingMethod='crop');
_cursor: pointer;
}

a#nav_sanoexp:hover { 
background: url(../images/nav/sanoexp2.png) no-repeat;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/sanoexp2.png', sizingMethod='crop');
_cursor: pointer;
}

a#nav_promo:hover { 
background: url(../images/nav/promo2.png) no-repeat; 
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/promo2.png', sizingMethod='crop');
_cursor: pointer;
}

a#nav_treat:hover { 
background: url(../images/nav/treat2.png) no-repeat; 
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/treat2.png', sizingMethod='crop');
_cursor: pointer;
}

#nav_about:hover {
background: url(../images/nav/about2.png) no-repeat;
width: 82px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/about2.png', sizingMethod='crop');
_cursor: pointer;
}
/* end navigation */

/* subnavigation */
#subnavbox {
height: 31px;
margin: 0 auto;
background: url(../images/bg_subnav.gif) no-repeat;
}

#subnavbox ul { 
list-style: none; 
}

#subnavbox ul li { 
float: left; 
}

#subnavbox ul li a {
display: block;	
height: 31px; 
}

#subnav_treat { 
margin-left: 90px; 
}

#subnav_about { 
margin-left: 200px; 
}

.active {
display: block;
}

#subnav_treat_massage {	
background: url(../images/nav/treat_massage.gif) no-repeat;	
width: 87px; 
}

#subnav_treat_facials {	
background: url(../images/nav/treat_facials.gif) no-repeat;	
width: 82px; 
}

#subnav_treat_handfoot { 
background: url(../images/nav/treat_handfoot.gif) no-repeat; 
width: 116px; 
}

#subnav_treat_body { 
background: url(../images/nav/treat_body.gif) no-repeat; 
width: 66px; 
}

#subnav_treat_personal { 
background: url(../images/nav/treat_personal.gif) no-repeat; 
width: 130px; 
}

#subnav_treat_further {	
background: url(../images/nav/treat_further.gif) no-repeat;
width: 113px; 
}

#subnav_about_contact {	
background: url(../images/nav/about_contact.gif) no-repeat;
width: 107px; 
}

#subnav_about_gallery {	
background: url(../images/nav/about_gallery.gif) no-repeat;
width: 130px; 
}

#subnav_about_info {
background: url(../images/nav/about_info.gif) no-repeat; 
width: 164px; 
}

#subnav_about_testimonials {
background: url(../images/nav/about_testim.gif) no-repeat; 
width: 116px; 
}

/* the magic rollover */
#subnavbox ul li a:hover { 
background-position: 0 -31px; 
}
/* end subnavigation */