* {
			font-family: Georgia, "Times New Roman", Arial, serif;
			font-size: 1em;
			color: #5A6D1E;
			padding: 0;
			margin: 0;
			}
		/* Intelorable Evil specific styles  move to conditional comments and seperate ie css file*/
		
		* html body {
			text-align: center;
			}
		
		* html #wrapper {width: 760px;}

	   /*	* html div#wrapper {
			width:expression(((document.compatMode &&
			document.compatMode=='CSS1Compat') ?
			document.documentElement.clientWidth : document.body.clientWidth) 
			> 760 ? "1100px" : (((document.compatMode &&
			document.compatMode=='CSS1Compat') ?
			document.documentElement.clientWidth : 
			document.body.clientWidth) < 760 ? "760px" : "99.7%"));
			} */

		* html .shell {
			text-align: left;
			}
		* html #footer {
			text-align: left;
			}
		body  { 
			background: #3B5306 url(../images/bodybg.gif) no-repeat center top;
		 	}
       /*  ul, ol, dl {
          position: relative;
        }  */

		div#wrapper {
			position: relative;
			height: auto;
			margin: 0 auto;
		    width: 820px;
			margin-bottom: 50px;
			}
		div#mast {
			position: relative;
			height: 265px;
			width: 100%;
			background: url(../images/mastbg.jpg) no-repeat bottom left;
			}
		ul#main_nav {
			position: absolute;
			top: 86px;
			left: 20px;
			list-style: none;
			z-index: 5;
			/* width: 150px; */
            text-align: left;
            font-size: 1.2em;
			}

		ul#main_nav li {
			margin: 0;
			padding: 0;
            width: 150px;
            height: 20px;
			}
		ul#main_nav li a {
			text-decoration: underline;
			padding: 0;
			margin: 2px 0;
            width: 100%;
            height: 100%;
			display:  block;
			}
        ul#main_nav li a:link {
            background: none;
            color: #97D81E;
        }
        ul#main_nav li a:hover {
          background: none;
          text-decoration: none;
          color: white;
        }


		/* sub menu declarations follow */
		h1#heading {
			position: absolute;
			background: url(../images/hidden-heading.jpg) no-repeat top center;
			text-indent: -9000px;
			width:466px;
			height: 80px;
			top: 0;
			left: 0;
			z-index: 2;
			}
		div#girl {
			position: absolute;
			right: 0;
			bottom: 0 !important;
			bottom: -1px; /* Intolerable Evil hack */
			background: url(../images/hidden-girl.jpg) no-repeat top left;
			height: 200px;
			width: 622px;
			z-index: 1;
			}
		/* move to the h1 heading instead */
		div#girl a {
			position: absolute;
			top: 0;
			right: 0;
			display: block;
			width: 400px;
			height: 200px;
			text-indent: -9000px;
			padding: 0;
			background-image: none;
			}
		div#girl a:link {
			background-color: transparent;
			}
		div#contentarea {
			width: 100%;
			position: relative;
			/*background: url(../images/contentbg.jpg) repeat-y top center #F3F7D2; */
            background-color: #F3F7D2;
			min-height: 450px;
			padding: 5px 10px 30px;
            text-align: left;
			}
		div#leftcol {
			position: relative;
			float: left;
			width: 50% !important;
			width: 49.9%;
			}
		div#rightcol {
			position: relative;
			float: left;
			width: 50% !important;
			width: 49.9%;
			}
		.shell {
			position: relative;
			width: 85%;
			padding: 5px;
			padding-top: 0;
			margin: 0 auto;
			}
		div.gallery {
			margin: 10px auto;
			border: 1px dotted #304404;
			background-color: #E7ECC1;
			padding: 5px;
			width: 100%;
			}
		div.gallery div {
			width: 49%;
			float: left;
			}
		.secondgallery {
			margin-top: 120px;
			border: 1px dotted #304404;
			background: #E7ECC1;
			padding: 5px;
			width: 100%;
			}
		div.secondgallery div {
			width: 49%;
			float: left;
			}
		.spotlight {
			position: relative;
			width: 90%;
			margin: 0 auto;
			background: #4F7605;
			margin-top: 45px;
			padding: .5em;
			
			}
		.spotlight h2 {
			position: absolute;
			top: 4px;
			left: 4px;
			width: 100%;
			height: 30px;
			margin: auto !important;
			font-size: 1.2em;
			color: #E2EBA9;
			background: url(../images/spotlight.gif) no-repeat;
			}
		.spotlight h3 {
			margin-top: 35px;
			color: #E2EBA9;
			}
		.spotlight p {
			color: #E2EBA9;
			}
		p {
			margin: 10px 0 10px 8px;
			line-height: 150%;
			font-size: .9em;
			}
		strong {
			color: #54661B;
			}
		img.para {
			float: left;
			border: 3px solid #5A6D1E;
			margin: 0.5em;
			margin-bottom: 0;
			}
	h2 {
		margin: 20px 0 20px 0;
		font-size: 2em;
		text-indent: -9000px;
		}
	h2#welcome {
		background: url(../images/welcome-h2.jpg) no-repeat;
        margin-left: 10px;
		}
	h2#treatment {
		background: url(../images/treatments-h2.jpg) no-repeat;
		}
	h2#dayspa {
		background: url(../images/spapackages-h2.jpg) no-repeat;
		height: 39px;
		}
	h2#bdrpic {
		background: url(../images/bdr-h2.jpg) no-repeat;
		height: 42px;
		}
	h2#bdrproducts {
		background: url(../images/bdrproducts-h2.jpg) no-repeat;
		height: 39px;
		}
	h2#products {
		background: url(../images/products-h2.jpg) no-repeat;
		height: 44px;
		}
	h2#contact {
		background: url(../images/contact-h2.jpg) no-repeat;
		height: 39px;
		}
	h2#address {
		background: url(../images/address-h2.jpg) no-repeat;
		height: 41px;
		margin-left: 5px;
		}	
	h3 {
		margin: 30px 0 10px 0;
		letter-spacing: 133%;
		font-size: 1em;
		font-family: Georgia, Arial, Times, serif;
		text-decoration: underline;
		color: #485817;
		}
/* H3 image replacement */

	h3#facials {
		text-indent: -9000px;
		background: url(../images/facials.jpg) no-repeat;
		width: 101px;
		height: 27px;
		}
	h3#body {
		text-indent: -9000px;
		background: url(../images/bodytreatments.jpg) no-repeat;
		width:  235px;
		height: 33px;
		}
	h3#spa {
		text-indent: -9000px;
		background: url(../images/spatreatments.jpg) no-repeat;
		width:  211px;
		height: 32px;
		}
	h3#about {
		text-indent: -9000px;
		background: url(../images/aboutus.jpg) no-repeat;
		width:  211px;
		height: 32px;
		}
	h3#biosensitive {
		text-indent: -9000px;
		background: url(../images/biosensitive.jpg) no-repeat;
		width:  189px;
		height: 28px;
		}
	h3#bioactive {
		text-indent: -9000px;
		background: url(../images/bioactive.jpg) no-repeat;
		width:  158px;
		height: 28px;
		}
	h3#biointensive {
		text-indent: -9000px;
		background: url(../images/biointensive.jpg) no-repeat;
		width:  193px;
		height: 28px;
		}
	h3#vitaminc {
		text-indent: -9000px;
		background: url(../images/vitaminc.jpg) no-repeat;
		width:  128px;
		height: 27px;
		}
	h3#tht {
		text-indent: -9000px;
		background: url(../images/tht.jpg) no-repeat;
		width:  55px;
		height: 27px;
		}
	h3#bodyline {
		text-indent: -9000px;
		background: url(../images/bodyline.jpg) no-repeat;
		width:  141px;
		height: 33px;
		}
	h4 {
		margin: 25px 0 10px 0;
        font-weight: normal;
		}

	/* Content lists */
	
	ul {
		list-style-type: none;
		}
	
	li.dots {
		display: block;
		background: url(../images/pricedot.gif) 0 70% repeat-x !important;
		background-position: 0 70% /* Intolerable Evil hack */
		}
	li.dots p {
		background: #F3F7D2;
		float: left;
		margin: 0;
		padding: 0;
		}
	li.dots span {
		float: right;
		background: #F3F7D2;
		font-size: 0.9em;
		}
	li.dots br {
		clear: both;
		}
	div.shell ul li {
		font-size: 0.9em;
		}
	p.price {
		font-size: 0.8em;
		text-transform: capitalize;
		font-weight: bold;
		padding: 2px;
		text-decoration: underline;
		margin-left: 8px;
		}
    ul.generalList {
      font-size: 0.8em;
      list-style-type: disc;
      padding-left: 30px;
    }

	
/* Internal link styles follow */

	a {
		text-decoration: none;
		font-size: .9em;
		padding-left: 15px;
		line-height: 20px;
		}
	a:link {
		color: #97D81E;
		text-decoration: underline;
		}
	a:visited {
	    color: #97D81E;
		text-decoration: underline;
		}
	a:hover {
		color: #97D81E;
		text-decoration: none;
		}
	a:active {
		color: #557F08;
		text-decoration: underline;
		background-color: #F2F8C7;
		}	

/* SInce I have managed to make quite a mess of the css layout & inheritance, I will now have to go crazy with ids and classes :/
	The following selector is for the treatments page subpage links, the list bullets etc
	
 */

	/* .treatmentlink {
		padding: 0;
		margin: 50px;
		} */
	ul.custom {
		/* list-style-image: url(../images/listbullet.gif) no-repeat; */
		list-style: disc;
		list-style-position: outside;
		margin-left: 8px; 
		}
			
/* Bottom page links & footer */
	div#footer {
			position: relative;
			background: url(../images/footerbg.jpg) repeat-x top left;
			width:100%;
			height: 42px;
			}
		p#footer_contact {
			float: right;
			color: #97D721;
			font-size: .8em;
			margin: 12px 4px;
			}
		* html p#footer_contact {
			margin: -28px 4px 0 4px;
			}
		div#footer ul {
			list-style: none;
			width: 500px;
			}
		div#footer ul li {
			float: left;
			width: auto;
			padding: 12px 5px;
			font-size: .8em;
			margin: auto;
			height: auto;
			line-height: normal;
			}
		div#footer ul li a {
			display: block;
			color: #97D721;
			text-decoration: none;
			background-color: transparent;
			background-image: none;
			padding: 0;
			}
	
		.threadfire {
			position: absolute;
			right: 0;
			top: 35px;
			width: auto;
			text-align: right;
			font-size: 0.7em;
			}
		.threadfire p {
			color: #97D721;
			}
		.threadfire a {
			color: #97D721;
			background-color: transparent;
			background-image: none;
			padding: 0;
			}
			div.clearfix {
			clear: both;
			position: relative;
			display: block;
			height: 1%;
			}

		   /*Alsett Clearing Method */
		   
		.theclear:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
			}
		/*end Alsett Clearing Method	*/
		
		/*A Fix For IE Mac*/
			.clearfix {display: inline-block;}
		/*end fix for IE Max*/
		
		/*Holly Hack for bug in IE6 windows*/
		* html .clearfix {height:1%;}
		.clearfix {display:block;}
		/*end Holly Hack*/	
		
		.spacer {
			margin-top: 58px;
			}