/****************************************************
 GLOBAL
****************************************************/

* {
 margin: 0;
 padding: 0;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 background-color: #000;
}

.basicList {
 margin: 0 0 20px 15px;
}


h2 {
 font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
 letter-spacing: -1px;
 margin: 0 0 10px 0;
 color: #666699;
 font-size: 40px;
}

h3 {
 font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
 color: #491b3b;
 font-size: 24px;
}

.imgLeft {
 float: left;
 margin: 4px 20px 0 0;
 padding: 5px;
 background-color: #fff;
}


/****************************************************
 LOGO
****************************************************/

h1 {
 text-indent: -9999px;
}

#logo {
 position: absolute;
 top: 0;
 left: 0;	
 width: 281px;
 height: 75px;
 background: transparent url(/_img/logo.gif)  0 5px no-repeat; 
 z-index: 99;
 margin: 0 auto;
}

#logo a {
 position: absolute;
 top: 0;
 left: 0;	
 width: 281px;
 height: 75px;
}

/****************************************************
 LINKS
****************************************************/

a:link, a:active, a:hover, a:visited {
 color: #645492;
 text-decoration: underline;
/* font-weight: bold;*/
}


/****************************************************
 WRAPPER
****************************************************/

#wrapper {
 position: relative;
 margin: 0 auto;
 width: 950px;
 text-align: left;
 background-color: #fff;
 border-right: 5px solid #fff;
 border-left: 5px solid #fff;
 border-top: 5px solid #fff;
 border-bottom: 5px solid #fff;  
}

#wrapper-inner {
 position: relative;
 z-index: 99;
 overflow:hidden;
}

/****************************************************
 HEADER
****************************************************/

#header {
 position: relative;
 margin: 0 auto;
 height: 80px;
 background: #9494b2 url(/_img/bg-header.gif) top right no-repeat;
}

#phoneNo {
 position: absolute;
 top: 30px;
 right:75px;
 color: #491b3b;
 font-size: 11px;
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
 background: #9494b2;
}

/****************************************************
 MASTHEAD
****************************************************/

#masthead {
 position: relative;
 margin: 0 auto;
 height: 550px;
 border-top: 5px solid #fff;
 border-bottom: 5px solid #fff;
 background: #fff url(/_img/bg-masthead.jpg) 0 0 no-repeat;
}

#mastheadMsg {
 position: absolute;
 top: 342px;
 left: 345px;
 width: 605px;
 height: 208px;
 background: transparent url(/_img/bg-masthead.png) 0 0 no-repeat;
 border-top: 1px solid #fff;
 z-index: 99;
}

#mastheadMsgTitle {
 float: left;
 width: 180px;
 margin: 10px;
}

#mastheadMsgTitle h2 {
 color: #fff;
 font-size: 36px;
}

#mastheadMsgCopy {
 position: relative;
 margin: 20px 60px 0 200px;
 color: #fff;
 text-transform: uppercase;
 font-size: 11px;
}

#mastheadMsgCopy p {
 margin: 0 0 20px 0;
 line-height: 16px;
 text-align: justify;
}

#mastheadMsgCopy a {
 color: #fff;
 font-weight: bold;
}

#prodBottle {
 position: absolute;
 bottom: -10px;
 right: 10px;
 z-index: 99;
}

/****************************************************
 CONTENT
****************************************************/

#content {
 position: relative;
 margin: 20px 260px 0 20px;
 width: 670px;
}

#content .inner {
 position: relative;
 margin: 0;
}

#content .inner p {
 text-align: left;
 line-height: 22px; 
 margin: 0 0 25px 0;
}

#content .inner p.introText {
 font-size: 16px;
 font-weight: bold;
 color: #666699;
}

.promo {
 position: relative;
 background-color: #e4e4ec;
 padding: 10px 20px 10px; 
 margin-bottom: 20px;
 z-index: 1;
}

.promoIntroText {
 font-size: 16px;
 font-weight: bold;
 color: #87697e;
}


/****************************************************
 FOOTER
****************************************************/

#footer {
 position: relative;
 clear: both;
 background: #491b3b url(/_img/bg-footer.gif) top center no-repeat;
/* margin-bottom: 20px;*/
 color: #6f5877;
 height: 100px;
}

#footer .inner {
 position: relative;
 text-align: center;
 font-size: 11px;
 padding: 20px 0;
/* border-top: 2px solid #2156a0;
 background-color: #2156a0;*/
 line-height: 22px;
 text-transform: uppercase;
}

#footer .inner p {
 margin: 0 0 5px 0;
}


#footer .inner a:link, 
#footer .inner a:active, 
#footer .inner a:hover, 
#footer .inner a:visited {
 font-weight: bold;
 color: #9494b2;
 text-decoration: underline;
}

#designByHD {
 position: relative;
 width: 950px;
 margin: 20px auto 0 auto;
 font-size: 11px; 
 color: #fff;
 text-align: right;
}

/***************************************************
 MAIN NAVIGATION
***************************************************/


#nav {
 position: absolute;
 top: 85px;
 right: 40px;
 width: 200px;
 height: 290px;
 background-color: #491b3b;
 z-index: 99;
}

div#nav ul#navbar	{
 position: absolute;
 top: 20px;
 left: 25px;
 width: 145px;
 height: 260px;
 background: #491b3b url(/_img/nav.gif)  0 0 no-repeat;
 list-style: none;
}

div#nav ul#navbar li {
 display: block; /* Not recognised by IE7 */
 position: absolute;
 width: 145px; /* Needed for IE7*/
}
	
ul#navbar li, ul#navbar a {
 display: block; /* Not recognised by IE7 */
 width: 145px; /* Needed for IE7*/
}

/* DECLARE EACH HEIGHT FOR HOVER TO WORK CORRECTLY */

ul#navbar #home-nav a {
 height: 42px;
}

ul#navbar #about-nav a {
 height: 29px;
}

ul#navbar #massage-nav a {
 height: 34px;
}

ul#navbar #hair-nav a {
 height: 25px;
}

ul#navbar #skin-nav a {
 height: 28px;
}

ul#navbar #nail-nav a {
 height: 23px;
}

ul#navbar #products-nav a {
 height: 26px;
}

ul#navbar #gift-nav a {
 height: 27px;
}

ul#navbar #location-nav a {
 height: 27px;
}

/* END */
	
div#nav ul#navbar li a {
 text-indent: -9999px;
 text-decoration: none;
}
	
#home-nav {		top: 0;  	width: 100%; height: 42px;}
#about-nav {	top: 42px; 	width: 100%; height: 29px;}
#massage-nav {	top: 71px; 	width: 100%; height: 34px;}
#hair-nav {		top: 105px; width: 100%; height: 25px;}
#skin-nav {		top: 130px; width: 100%; height: 28px;}
#nail-nav {		top: 157px; width: 100%; height: 23px;}
#products-nav {	top: 180px; width: 100%; height: 26px;}
#gift-nav {		top: 206px; width: 100%; height: 27px;}
#location-nav {	top: 233px; width: 100%; height: 27px;}

#home-nav a:hover {		background: transparent url(/_img/nav.gif) 0 -260px no-repeat; border:0; height: 42px;}
#about-nav a:hover {	background: transparent url(/_img/nav.gif) 0 -302px no-repeat; border:0; height: 29px;}
#massage-nav a:hover {	background: transparent url(/_img/nav.gif) 0 -331px no-repeat; border:0; height: 34px;}
#hair-nav a:hover {		background: transparent url(/_img/nav.gif) 0 -365px no-repeat; border:0; height: 25px;}
#skin-nav a:hover {		background: transparent url(/_img/nav.gif) 0 -390px no-repeat; border:0; height: 28px;}
#nail-nav a:hover {		background: transparent url(/_img/nav.gif) 0 -417px no-repeat; border:0; height: 23px;}
#products-nav a:hover {	background: transparent url(/_img/nav.gif) 0 -440px no-repeat; border:0; height: 26px;}
#gift-nav a:hover {		background: transparent url(/_img/nav.gif) 0 -466px no-repeat; border:0; height: 27px;}
#location-nav a:hover {	background: transparent url(/_img/nav.gif) 0 -493px no-repeat; border:0; height: 27px;}

/* YOU ARE HERE 	*/
body#home #home-nav  {			background: transparent url(/_img/nav.gif) 0 -260px no-repeat; border:0; height: 42px;}
body#about #about-nav {			background: transparent url(/_img/nav.gif) 0 -302px no-repeat; border:0; height: 29px;}
body#massage #massage-nav {		background: transparent url(/_img/nav.gif) 0 -331px no-repeat; border:0; height: 34px;}
body#hair #hair-nav {			background: transparent url(/_img/nav.gif) 0 -365px no-repeat; border:0; height: 25px;}
body#skin #skin-nav {			background: transparent url(/_img/nav.gif) 0 -390px no-repeat; border:0; height: 28px;}
body#nail #nail-nav {			background: transparent url(/_img/nav.gif) 0 -417px no-repeat; border:0; height: 23px;}
body#products #products-nav {	background: transparent url(/_img/nav.gif) 0 -440px no-repeat; border:0; height: 26px;}
body#gift #gift-nav {			background: transparent url(/_img/nav.gif) 0 -466px no-repeat; border:0; height: 27px;}
body#location #location-nav {	background: transparent url(/_img/nav.gif) 0 -493px no-repeat; border:0; height: 27px;}

/***************************************************
 ABOUT US
***************************************************/

.staffMember {
 position: relative;
 float: left;
 width: 210px;
 margin: 20px 5px 0 0;
}


.imgLeftThumb {
 float: left;
 margin: 4px 10px 0 0;
 padding: 5px;
 background-color: #fff;
 border: 1px solid #ccc;
}