/*  Main page layout */

	body {
	margin:0px;
	padding:0px;
	background-image: url(images/leftColumnBackground.gif);
	background-repeat: repeat-y;
		}
	
	#leftcontent {
		position: absolute;
		left:0px;
		top:0px;
		width:150px;
		}

	#centercontent {
		
   		margin-left: 150px;
   		margin-right:150px;
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 150px;
   		margin-right:150px;
		}
	html>body #centercontent {
   		margin-left: 150px;
   		margin-right:150px;
		}

	#rightcontent {
		position: absolute;
		right:0px;
		top:0px;
		width:150px;
		background:#C0E2C6;
		}
	#headerswirl {
		background: url(images/topswirl.gif) no-repeat top center;
		height: 119px;
		padding:0;
		margin:0;
	}
	#contentblock {
	
	
	width: 96%;
		padding: 20px;
	}
	#contentblockmain {
		padding: 20px;
	}
	h1 {
	color: #78976d;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 36px;
	}

	.openingparagraph {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #78976d;
	line-height: 18px;
	
	}

/*
-- Edited by Michael Carter (mcarterj@gmail.com - 19/09/09) 
-- Changed #boxesouter to have a fixed width of 600px, aligned
-- to the center of the rest of the page.
*/
#boxesouter {
width: 600px;
margin: 0 auto;
padding:0;
padding-top: 20px;
clear: both;
}
.box {
width: 18%;
background: #b3d67f url(images/box_03.gif) no-repeat bottom left;
float: left;
padding: 0;
margin: 0;
margin-right: 1%;
}
.box-outer {
background: url(images/box_04.gif) no-repeat bottom right;
padding-bottom: 10px;
}
.box-inner {
background: url(images/box_01.gif) no-repeat top left;
margin: 0;
padding: 0;
}
.box h2 {
background: url(images/box_02.gif) no-repeat right top;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #78976d;
	padding-top: 10px;
}

.box h2, .box p {
padding-left: 0;
padding-right: 0;
}
.box p {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #78976d;
}
#boxinnertext {
padding-left: 10px;
padding-right: 10px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #78976d;
}
/* homepage boxes */
#box-headernails {
background: url(images/boxTitle_nails.gif) no-repeat left top;
height: 28px;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #78976d;
	padding-top: 10px;
}

#box-headerbeauty {
background: url(images/boxTitle_beauty.gif) no-repeat left top;
height: 28px;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #78976d;
	padding-top: 10px;
}

#box-headerholistic {
background: url(images/boxTitle_holistic.gif) no-repeat left top;
height: 28px;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #78976d;
	padding-top: 10px;
}

#box-headermassage {
background: url(images/boxTitle_massage.gif) no-repeat left top;
height: 28px;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #78976d;
	padding-top: 10px;
}

#box-headertanning {
background: url(images/boxTitle_mtanning.gif) no-repeat left top;
height: 28px;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #78976d;
	padding-top: 10px;
}
#butterfly {
position: absolute;
top: 0px;
right: 150px;
}
#termsouter{
clear: both;
width: 100%;
padding-top:20px;
}
#termsbar {
clear: both;
background: url(images/termsline.gif) no-repeat right top;
	width: 98%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #78976d;
	padding-left: 20px;
	padding-top: 5px;
	}
	
#shopbox {
clear: both;
width: 94%;
height: 181px;
background: url(images/hompageshopimage_02.jpg) no-repeat right top;
}
/* Treatment text styles */
.treatmenttitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #78976d;
	font-weight: bold;
}
.treatmentdescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}
.treatmentlength {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	font-style: oblique;
}
	.treatcategory {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	padding-top:45px;
	}