/* CSS Document */
html { margin: 0; padding: 0; width: 100%}

body {
	margin: 0; padding: 0;
	font-size: 72.5%;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	background: #fff url(../images/background-main.gif) no-repeat top left; 
	color: #794500; 
	position: relative;
	line-height: 18px;
}


h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote { margin: 0; padding: 0; }
img { border:none; text-decoration: none;}



/* STRUCTURE */

div.floatBreaker {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

#container{
  width: 100%;
  padding: 0;
  margin: 0;
}

#content{
  width: 1230px;
  height: 800px;
  margin: 0 auto 0px 0;
  padding: 0;
  
}

#column1{
  width: 244px;
  height: 800px;
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
  
}

#column2{
  width: 291px;
  height: 800px;
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
  
}

#column3{
  width: 451px;
  height: 800px;
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
}

#column4{
  width: 706px;
  height: 800px;
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
  
}

div#maintext {
	margin: 37px;
}

/* IMAGES */

div#logo {
	position: relative;
	background: url(../images/logo-web.gif) no-repeat left top;
	width: 244px;
	height: 214px;
	margin: 0;
}

div#nav {
	
	background: url(../images/background-nav.jpg) repeat-y left top;
	width: 244px;
	height: 586px;
	margin: 0;
}

div#homeimage {
	background: url(../images/homeimage.jpg) no-repeat left top;
	width: 291px;
	height: 421px;
	margin: 0;
}

div#headerabout {
	background: url(../images/header-about.jpg) no-repeat left top;
	width: 706px;
	height: 214px;
	margin: 0;
}

div#headercomingsoon {
	background: url(../images/header-comingsoon.jpg) no-repeat left top;
	width: 706px;
	height: 214px;
	margin: 0;
}

div#headerdirections {
	background: url(../images/header-directions.jpg) no-repeat left top;
	width: 706px;
	height: 214px;
	margin: 0;
}

div#headerhappenings {
	background: url(../images/header-happenings.jpg) no-repeat left top;
	width: 706px;
	height: 214px;
	margin: 0;
}

div#headercontact {
	background: url(../images/header-contact.jpg) no-repeat left top;
	width: 706px;
	height: 214px;
	margin: 0;
}

div#whatsnew {
	width: 251px;/*291*/
	height: 339px;/*379*/
	padding: 20px;
	margin: 0;
	background-color: #fff;
}

div#hometagline {
	
	width: 415px;
	height: 421px;
	margin: 0;
}

div#hometaglinebottom {
	background: url(../images/hometaglinebottom.jpg) no-repeat left top;
	width: 415px;
	height: 421px;
	margin: 0;
}

span {
	display:none;
	}
p {
	margin-bottom: 8px;
	text-align: left;
	font-size: 1.1em;
}


.firstline {
	color: #5fc1c9;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0;
}

.copyright {
	color: #7d534a;
	font-size: 9px;
 	text-transform: uppercase;
	
	}
	
.address {
	color: #fff;
	font-size: 10px;
 	text-align: center;
	}

.boldaddress {
	color: #fff;
	font-size: 12px;
 	text-align: center;
	}
	
ul.listwhatsnew {
	list-style: square;
	margin-top: 10px;
}

ul.listwhatsnew li{
	margin-left: 13px;
	margin-bottom: 8px;
	font-size: 12px;
}

ul.listevents {
	list-style: square;
	margin-top: 0px;
}

ul.listevents li{
	margin-left: 13px;
	margin-bottom: 0px;
	font-size: 12px;
}
	
.orange {
	color: #FF6600;
	font-weight: bold;
	font-size: 1.2em;
}
/*  TITLE IMAGES */

div#titlewhatsnew {
	background: url(../images/title-whatsnew.gif) no-repeat left top;
	width: 105px;
	height: 16px;
}





/* LINK COLORS */

.body:link {
	color: #5fc1c9; 
	text-decoration: none;
		}
.body:visited {
	color: #5fc1c9; 
	text-decoration: none;
	}
.body:hover {
	color: #f26522; 
	text-decoration: none;
	}
.body:active {
	color: #f26522; 
	text-decoration: none;
	}


.copyrightlink:link {
	color: #7d534a; 
	text-decoration: none;
	text-transform: uppercase;
		}
.copyrightlink:visited {
	color: #7d534a; 
	text-decoration: none;
	text-transform: uppercase;
	}
.copyrightlink:hover {
	color: #f26522; 
	text-decoration: none;
	text-transform: uppercase;
	}
.copyrightlink:active {
	color: #f26522; 
	text-decoration: none;
	text-transform: uppercase;
	}
	
	
	
/* TOP NAV */
ul#mainNav {
padding-top: 30px;
	margin: 0 auto;
	height: 586px;
	width: 232px;
}
ul#mainNav li {
	height: 32px;
	list-style: none;
	margin: 0 auto;
	text-align: center;
	
}
ul#mainNav li a {
	display: block;
	height: 32px;
	margin: 0 auto;
}

ul#mainNav li a span {
	display: none;
}


ul#mainNav li.symbol {
	margin-bottom: 20px;
}

/* home */


ul#mainNav li#home a:link, ul#mainNav li#home a:visited {
	width: 63px;
	margin: 0 auto 15px auto;
	text-align: center;
	background: url(../images/nav-home.jpg) left top no-repeat;	
}
ul#mainNav li#home a:hover {
	width: 63px;
	margin:  0 auto 15px auto;
	text-align: center;
	background: url(../images/nav-home-ON.jpg) left top no-repeat;
}
ul#mainNav li#home a.selected {
	width: 63px;
	margin: 0 auto 15px auto;
	text-align: center;
	background: url(../images/nav-home-ON.jpg) left top no-repeat;
	
}

/* about */

ul#mainNav li#about a:link, ul#mainNav li#about a:visited {
	width: 72px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-about.jpg) left top no-repeat;	
}
ul#mainNav li#about a:hover {
	width: 72px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-about-ON.jpg) left top no-repeat;
}
ul#mainNav li#about a.selected {
	width: 72px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-about-ON.jpg) left top no-repeat;
	
}

/* happenings */

ul#mainNav li#happenings a:link, ul#mainNav li#happenings a:visited {
	width: 130px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-happenings.jpg) left top no-repeat;	
}
ul#mainNav li#happenings a:hover {
	width: 130px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-happenings-ON.jpg) left top no-repeat;
}
ul#mainNav li#happenings a.selected {
	width: 130px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-happenings-ON.jpg) left top no-repeat;
	
}

/* directions */

ul#mainNav li#directions a:link, ul#mainNav li#directions a:visited {
	width: 119px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-directions.jpg) left top no-repeat;	
}
ul#mainNav li#directions a:hover {
	width: 119px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-directions-ON.jpg) left top no-repeat;
}
ul#mainNav li#directions a.selected {
	width: 119px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-directions-ON.jpg) left top no-repeat;
	
}
/* contact */

ul#mainNav li#contact a:link, ul#mainNav li#contact a:visited {
	width: 96px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-contact.jpg) left top no-repeat;	
}
ul#mainNav li#contact a:hover {
	width: 96px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-contact-ON.jpg) left top no-repeat;
}
ul#mainNav li#contact a.selected {
	width: 96px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-contact-ON.jpg) left top no-repeat;
	
}

/* massagesupplies */

ul#mainNav li#massagesupplies a:link, ul#mainNav li#massagesupplies a:visited {
	width: 200px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-massagesupplies.gif) left top no-repeat;	
}
ul#mainNav li#massagesupplies a:hover {
	width: 200px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-massagesupplies-ON.gif) left top no-repeat;
}
ul#mainNav li#massagesupplies a.selected {
	width: 200px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-massagesupplies-ON.gif) left top no-repeat;
	
}

/* massagequipment */

ul#mainNav li#massagequipment a:link, ul#mainNav li#massagequipment a:visited {
	width: 230px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-massagequipment.gif) left top no-repeat;	
}
ul#mainNav li#massagequipment a:hover {
	width: 230px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-massagequipment-ON.gif) left top no-repeat;
}
ul#mainNav li#massagequipment a.selected {
	width: 230px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-massagequipment-ON.gif) left top no-repeat;
	
}

/* aromatherapy */

ul#mainNav li#aromatherapy a:link, ul#mainNav li#aromatherapy a:visited {
	width: 180px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-aromatherapy.gif) left top no-repeat;	
}
ul#mainNav li#aromatherapy a:hover {
	width: 180px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-aromatherapy-ON.gif) left top no-repeat;
}
ul#mainNav li#aromatherapy a.selected {
	width: 180px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-aromatherapy-ON.gif) left top no-repeat;
	
}

/* treatmentsupplies */

ul#mainNav li#treatmentsupplies a:link, ul#mainNav li#treatmentsupplies a:visited {
	width: 232px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-treatmentsupplies.gif) left top no-repeat;	
}
ul#mainNav li#treatmentsupplies a:hover {
	width: 232px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-treatmentsupplies-ON.gif) left top no-repeat;
}
ul#mainNav li#treatmentsupplies a.selected {
	width: 232px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-treatmentsupplies-ON.gif) left top no-repeat;
	
}

/* more */

ul#mainNav li#more a:link, ul#mainNav li#more a:visited {
	width: 232px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-more.gif) left top no-repeat;	
}
ul#mainNav li#more a:hover {
	width: 232px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-more-ON.gif) left top no-repeat;
}
ul#mainNav li#more a.selected {
	width: 232px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/nav-more-ON.gif) left top no-repeat;
	
}