@charset "utf-8";
/* CSS Document */


body {
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background:#FFFFFe;
}

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#FF00CC;
	border-bottom:1px dashed #999999;
	}

h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color: #666666;
	border-bottom:1px dashed #999999;
	}
p a {
	color:#FF0099;
	text-decoration:none;
}

p a:hover{ text-decoration:underline;}
	
#wrapper{
	width:780px;
	background:#473c32;
	margin: 0 auto;
	border:1px solid #663300;
	
	}
#content {
	background:url(images/background.jpg) repeat-y;
	
	}
.content_inner {
	width:780px;
	}	

#header {
	width:780px;
	height:195px;
	background:url(images/header.jpg);
}

#footer {
	border:1px solid #663300;
	height:30px;
	background:#473c32;
	clear:both;
	width:780px;
	margin:0 auto;
}
#logo, #logo a	 {
	background:url(images/logo.jpg) no-repeat;
	border:0; margin: 0 7px 0 0 ; padding:0;
	width:156px;
	height:147px;
	float:right;
	text-indent:-9000px;
	}


ul#topmenu {
	
	padding:0;
	margin:0px 0 0 0px;
	}
#topmenuwrap {
	padding:0px;
	margin: 15px 0 0 20px;
	color:#666666;
	}	
	

	
#topmenu li { 
	display:inline;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold; 
	list-style:none;
	}
		
#topmenu li a {
	color:#FF00FF;
	text-decoration:none;
		}
		
#topmenu li a:hover{
	text-decoration:underline;
	color:#FFffFF;
	}	
	
#quicklinks {
	list-style:none;
	padding:0;
	margin: 280px 0px 0px 0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold; 
	list-style:none;
	
	
	
	
	
	}
#quicklinks li  {
  display:block;
  margin: 3px 0 0px 0;
  
  
 }	

#quicklinks li a {
	text-indent: 65px;
  	outline: none;
	display:block;
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold; 
	list-style:none;
	color:#666666;
}
						
#quicklinks a:hover {
  background-position: 0px 0px;
  color:#FF66CC;
}

.beautyquick {
	width: 60px;
	height: 60px;
	background: url(images/beautyquick.jpg) 0px -60px no-repeat;

}

.reflexologyquick {
	width: 60px;
	height: 60px;
	background: url(images/reflexologyquick.jpg) 0px -60px no-repeat;
	
}

.skincarequick {
	width: 60px;
	height: 60px;
	background: url(images/skincarequick.jpg) 0px -60px no-repeat;
	
	}
.colourquick {
	width: 60px;
	height: 60px;
	background: url(images/colourquick.jpg) 0px -60px no-repeat;
	
}
	
#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 780px;
  height: 200px;
  background: url(images/menu-bg.jpg) no-repeat;
  position: relative;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menu a:hover {
  background-position: center bottom;
}
#menu a:hover span {
  display: block;
}

#menu .beauty {
	width: 135px;
	height: 135px;
	background: url(images/beauty.jpg) no-repeat;
	left:390px;
	top:70px;
}

#menu .reflexology {
	width: 135px;
	height: 135px;
	background: url(images/reflexology.jpg) no-repeat;
	left:100px;
	top:70px;
}

#menu .skincare {
	width: 135px;
	height: 135px;
	background: url(images/skincare.jpg) no-repeat;
	left:245px;
	top:70px;
	}
#menu .colour {
	width: 135px;
	height: 135px;
	background: url(images/colour.jpg) no-repeat;
	left:535px;
	top:70px;
}

#copyright {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold; 
	color:#FFFFFF;
	float:left;
	margin:8px 0 0 15px;
	}
#jasheal {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold; 
	color:#FFFFFF;
	float:right;
	margin:8px 3px 0 0px;
	}
#jasheal a {
	font-weight:bold; 
	color:#FFFFFF;
	text-decoration:none;
	}
#jasheal a:hover {
	font-weight:bold; 
	color:#FF00FF;
	text-decoration:none;
	}
.panels {
	
	padding: 0 0 0 5px;
	float:right;
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#666666;
	}
.rcol {
	width:190px;
	}	
.centrecol {
	width:350px;
	}
.leftcol {
	width:190px;
	}	
		
.clearflt {
	clear:both;
	}

.indexspacer{
	height:400px;
	}
.spacer {
	
	}	
#cssvalid {border:0px; padding:0px; width:50px; height:17px;margin: 6px 3px 0 0; background:url(images/cssvalid.gif); float:right; }
#xhtmlvalid{ border:0px; padding:0px; width:50px; height:17px; margin: 6px 3px 0 0; background:url(images/xhtmlvalid.gif); float:right;}
#cssvalid a { display:block;text-indent:-9000px;}
#xhtmlvalid a {display:block;text-indent:-9000px;}
.price{ margin:0 10px 0 0; padding:0; text-align:right; text-decoration:underline;} 
.priceside{width:50px; margin:96px 0px 0 0; padding:0; float:right;}
#footimg { width:135px; height:135px; background:url(images/reflexology.jpg) no-repeat; float:right; margin: 15px 10px 0 0;}
#skincareimg { width:135px; height:135px; background:url(images/skincare.jpg) no-repeat; float:right; margin: 15px 10px 0 0;}	
#beautyimg { width:135px; height:135px; background:url(images/beauty.jpg) no-repeat; float:right; margin: 15px 10px 0 0;}	
#nailsimg { width:135px; height:135px; background:url(images/nails.jpg) no-repeat; float:right; margin: 90px 10px 0 0;}
#handsimg { width:135px; height:135px; background:url(images/hands.jpg) no-repeat; float:right; margin: 30px 10px 0 0;}
#productsimg { width:135px; height:135px; background:url(images/beauty.jpg) no-repeat; float:right; margin: 15px 10px 0 0;}
#colourimg { width:135px; height:135px; background:url(images/colour.jpg) no-repeat; float:right; margin: 15px 10px 0 0;}	
#profileimg { width:150px; height:217px; background:url(images/profile.jpg) no-repeat; float:right; margin: 15px 10px 0 0;}
#logoimg { width:156px; height:147px; background:url(images/logo.jpg) no-repeat; float:right; margin: 15px 20px 0 0; border:1px solid #CC66CC;}
#footcareimg { width:140px; height:140px; background:url(images/footcare.jpg) no-repeat; float:right; margin: 750px 10px 0 0;}