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

/* MENU specification */

a.menu:link {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 800;
	font-size: 13px;
	text-decoration: underline;
	color: #587a2b;
}
a.menu:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 800;
	font-size: 13px;
	text-decoration: underline;
	color: #304318;
	}
a.menu:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 800;
	font-size: 13px;
	text-decoration: underline;	
	color: #6a9334;
	}
a.menu:active {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 800;
	font-size: 13px;
	text-decoration: underline;
	color: #000000;
	}
/* E-mail Specification */
a.email:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #587a2b;
}
a.email:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #415a20;
}
a.email:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #415a20;
}
a.email:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #3d561d;
}

/* Home and Contact Specification */
a.home:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #cdcfc7;
}
a.home:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #c1c3bb;
}
a.home:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #cdcfc7;
}
a.home:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #dbddd4;
}

BODY 
		{
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		margin-top: 0px;
		margin-left: 0px;
		}

#mainContainer {
		margin-left: auto;
		margin-right: auto;
		width: 950px;
		height: 650px;
}
#headerContainer {
		width: 950px;;
		height: 111px;
}

#logo {
	width: 182px;
	height: 83px;
	position: relative;
	top: 10px;
	left: 20px;
	float: left;
}

#topMenuContainer {
	width: 160px;
	height: 15px;
	position: relative;
	top: 1px;
	left: 600px;
	float: left;
}
#homeIcon {
	width: 14px;
	height: 10px;
	position: relative;
	top: 2px;
	float: left;
}
.topMenuText {
	width: 60px;
	height: 15px;
	float: left;
}

#contactIcon {
	width: 15px;
	height: 8px;
	position: relative;
	top: 4px;
	float: left;
}
#phoneNumber {
	width: 160px;
	height: 20px;
	position: relative;
	top: 90px;
    left: 430px;
	float: left;
	
}
#topShadow {
	width: 950px;
	height: 12px;
	position: relative;
	top: -3px;
	float: left;
	z-index: 100;
}

#leftSidebar {
	width: 185px;
	height: 428px;
	position: relative;
	top: -2px;
	left: 0px;
	float: left;
	z-index: 1001;
	background: #cfcfc7;
}
#leftSidebarSchedule {
	width: 185px;
	height: 428px;
	position: relative;
	top: -2px;
	left: 0px;
	float: left;
	z-index: 1001;
	background: #cfcfc7;
}
#leftSidebarAroma {
	width: 185px;
	height: 428px;
	position: relative;
	top: -2px;
	left: 0px;
	float: left;
	z-index: 1001;
	background: #cfcfc7;
}
#leftSidebarRelax {
	width: 185px;
	height: 428px;
	position: relative;
	top: -2px;
	left: 0px;
	float: left;
	z-index: 1001;
	background: #cfcfc7;
}
.menuItem {
	width: 173px;
	height: 25px;
	position: relative;
	top: 9px;
	left: 4px;
	float: left;
	z-index: 1111;
}
.menuItem2 {
	width: 173px;
	height: 25px;
	position: relative;
	top: 7px;
	left: 4px;
	float: left;
	z-index: 1111;
}
.menuItem3 {
	width: 173px;
	height: 25px;
	position: relative;
	top: 4px;
	left: 4px;
	float: left;
	z-index: 1111;
}
.menuItem4 {
	width: 173px;
	height: 25px;
	position: relative;
	top: 2px;
	left: 4px;
	float: left;
	z-index: 1111;
}
#centerContent {
	width: 765px;
	height: 428px;
	position: relative;
	top: -2px;
	float: left;
	z-index: 1;
	background:  red;
}
#centerContentSchedule {
	width: 765px;
	height: 428px;
	position: relative;
	top: -2px;
	float: left;
	z-index: 1;
	background:  red;
}
#centerContentAroma {
	width: 765px;
	height: 428px;
	position: relative;
	top: -2px;
	float: left;
	z-index: 1;
}
#centerContentRelax {
	width: 765px;
	height: 428px;
	position: relative;
	top: -2px;
	float: left;
	z-index: 1;
}
#footerContainer {
	width: 950px;
	height: 175px;
	position: relative;
	top: -2px;
	float: left;
}
#bottomLeft {
	width: 185px;
	height: 175px;
	position: relative;
	top: 0px;
	float: left;
}

#bottomRight {
	width: 765px;
	height: 175px;
	position: relative;
	top: 0px;
	float: left;
	z-index: 1;
}


.menuItemContainer {
	width: 28px;
	height: 17px;
	position: relative;
	top: 3px;
	left: 7px;
	z-index: 999;
	float: left;
}

#aboutOff {
	width: 18px;
	height: 18px;
	position: relative;
	top: 3px;
	left: 0px;
	float: left;
	z-index: 1000;
	background: red;
}

#aboutOn {
	width: 18px;
	height: 18px;
	position: relative;
	top: 3px;
	left: 0px;
	float: left;
	z-index: 1000;
}
#ratesOff {
	width: 18px;
	height: 18px;
	position: relative;
	top: 3px;
	left: 0px;
	float: left;
	z-index: 1000;
	background: red;
}

#ratesOn {
	width: 18px;
	height: 18px;
	position: relative;
	top: 3px;
	left: 0px;
	float: left;
	z-index: 1000;
}
#attendantsOff {
	width: 18px;
	height: 18px;
	position: relative;
	top: 3px;
	left: 0px;
	float: left;
	z-index: 1000;
	background: red;
}

#attendantsOn {
	width: 18px;
	height: 18px;
	position: relative;
	top: 3px;
	left: 0px;
	float: left;
	z-index: 1000;
}

#flower {
	width: 96px;
	height: 73px;
	position: relative;
	top: -12px;
	left: 110px;
	z-index: 1002;
}

#contactBar {
	width: 168px;
	height: 42px;
	position: relative;
	top: 4px;
	left: 9px;
	float: left;
	z-index: 1000;
}
#address {
	position: relative;
	top: -15px;
	left: 12px;
}
#bottomContainer {
	width: 750px;
	height: 130px;
	position: relative;
	top: 5px;
	left: 10px;
}
#moreButton {
	width: 85px;
	height: 33px;
	position: relative;
	top: -105px;
	left: 280px;
}
#moreButton2 {
	width: 85px;
	height: 33px;
	position: relative;
	top: -105px;
	left: 280px;
}
#aromaContainer {
	width: 375px;
	height: 130px;
	position: relative;
	top: 0px;
	left: 0px;
	border-right: dotted black 1px;
	float: left;
}
#massageContainer {
	width: 373px;
	height: 130px;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
}
#aromatherapyTitle {
	width: 260px;
	border-bottom: solid #648935 3px;
	position: relative;
	top: 2px;
	left: 110px;
}
#aromatherapyText {
	width: 250px;
	height: 100px;
	position: relative;
	top: -95px;
	left: 110px;
}
#relaxationText {
	width: 250px;
	height: 100px;
	position: relative;
	top: -95px;
	left: 110px;
}
#aromaImg {
	width: 101px;
	height: 102px;
	position: relative;
	top: -15px;
	left: 4px;
	z-index: 1010;
}
#relaxingImg {
	width: 103px;
	height: 103px;
	position: relative;
	top: -15px;
	left: 4px;
	z-index: 1010;
}
#relaxingTitle {
	width: 260px;
	border-bottom: solid #648935 3px;
	position: relative;
	top: 2px;
	left: 110px;
}
/* Image Setup for eache element */

#headerimg {
	width: 950px;
	height: 111px;
	background-image: url(images/header.png);
}

#logoimg {
	width: 182px;
	height: 83px;	
	background: url(images/logo.png);
}
#homeIconimg {
	width: 11px;
	height: 10px;
	background: url(images/home.png);
}
#contactIconimg {	
	width: 12px;
	height: 8px;
	background: url(images/contact.png);
}

#topShadow {
	width: 950px;
	height: 12px;
	background: url(images/topShadow.png)
}

#leftSidebar {
	width: 185px;
	height: 428px;
	background: url(images/mainLeft1.png);
}
#leftSidebarSchedule {
	width: 185px;
	height: 428px;
	background: url(images/mainLeftSchedule1.png);
}
#leftSidebarAroma {
	width: 185px;
	height: 428px;
	background: url(images/mainLeftAroma.png);
}
#leftSidebarRelax {
	width: 185px;
	height: 428px;
	background: url(images/mainLeftAroma.png);
}
#centerContent {
	width: 765px;
	height: 428px;
	background: url(images/mainRight1.png);
}
#centerContentSchedule {
	width: 765px;
	height: 428px;
	background: url(images/mainRightSchedule1.png);
}
#centerContentAroma {
	width: 765px;
	height: 428px;
	background: url(images/mainRightAroma.png);
}
#centerContentRelax {
	width: 765px;
	height: 428px;
	background: url(images/mainRightRelax.png);
}
.menuItem {
	width: 173px;
	height: 25px;
	background:url(images/menuItemimg.jpg);
}
.menuItem2 {
	width: 173px;
	height: 25px;
	background:url(images/menuItemimg.jpg);
}
.menuItem3 {
	width: 173px;
	height: 25px;
	background:url(images/menuItemimg.jpg);
}
.menuItem4 {
	width: 173px;
	height: 25px;
	background:url(images/menuItemimg.jpg);
}
#bottomLeft {
	width: 185px;
	height: 175px;
	background: url(images/bottomLeft.png);
}

#bottomRight {
	width: 765px;
	height: 175px;
	background: url(images/bottomRight.png);
}


#aboutOff {
	width: 18px;
	height: 18px;
	background: url(images/menuImageOff.png);
	background-repeat: no-repeat;
}

#aboutOn {
	width: 18px;
	height: 18px;
	background: url(images/menuImageOn.png);
	background-repeat: no-repeat;
}
#ratesOff {
	width: 18px;
	height: 18px;
	background: url(images/menuImageOff.png);
	background-repeat: no-repeat;
}

#ratesOn {
	width: 18px;
	height: 18px;
	background: url(images/menuImageOn.png);
	background-repeat: no-repeat;
}
#attendantsOff {
	width: 18px;
	height: 18px;
	background: url(images/menuImageOff.png);
	background-repeat: no-repeat;
}
#attendantsOn {
	width: 18px;
	height: 18px;
	background: url(images/menuImageOn.png);
	background-repeat: no-repeat;
}

#scheduleOff {
	width: 18px;
	height: 18px;
	background: url(images/menuImageOff.png);
	background-repeat: no-repeat;
}
#scheduleOn {
	width: 18px;
	height: 18px;
	background: url(images/menuImageOn.png);
	background-repeat: no-repeat;
}

#flower {
	background: url(images/flower.png);
	background-repeat:no-repeat;
}

#contactBar {
	background: url(images/contactBar.png);
	background-repeat: no-repeat;
}
#moreButton {
	width: 85px;
	height: 33px;
	background: url(images/moreButton.png);
	background-repeat: no-repeat;
}
#moreButton2 {
	width: 85px;
	height: 33px;
	background: url(images/moreButton.png);
	background-repeat: no-repeat;
}
#aromaImg {
	width: 101px;
	height: 102px;
	background: url(images/aromaImg.png);
	background-repeat: no-repeat;
}
#relaxingImg {
	background: url(images/relaxingMassage.png);
	background-repeat: no-repeat;
}
#moreButton {
	background: url(images/moreButton.png);
	background-repeat:no-repeat;
}
/* Text Setup */

.topMenuText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cdcfc7;
}

#welcomeText {
	width: 450px;
	height: 50px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 22px;
	position: relative;
	top: 10px;
	left: 20px;
	color: #dfaa26;
}
#aboutText {
	width: 500px;
	height: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #587a2b;
	position: relative;
	top: 20px;
	left: 20px;
}
#aboutTextSchedule {
	width: 500px;
	height: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 20px;
	color: #FFF;
	margin-left:auto;
	margin-right:auto;
}
#aboutTextBox {
	width: 320px;
	height: 400px;
	position: relative;
	padding-left: 3px;
	padding-right: 3px;
	background: #FFF;
	opacity: 0.65;
	filter: alpha(opacity: 55);
	top: 20px;
	left: 10px;
	border: solid #666 2px;
	float: left
}
#aboutTextAroma {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: black;
}
TABLE.schedule {
	width: 750px;
	position: relative;
	top: 20px;
	left: 10px;
	border: solid #DBDBDB 2px;
}
TD.scheduleRow {
	width: 100px;
	height: 20px;
	background-color:;
	text-align: center;
	border-right: solid #DBDBDB 2px;
	border-left: solid #DBDBDB 2px;
	border-bottom: solid #DBDBDB 2px;
	font-weight: bold;
}
TD.scheduleRow2 {
	width: 100px;
	height: 40px;
	text-align: center;
	border-right: solid #DBDBDB 2px;
	border-left: solid #DBDBDB 2px;
	font-weight: bold;
}
#phoneNumber {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 800;
	font-size: 11px;
	color: #8eb901;
}
.menuText {
	width: 140px;
	height: 23px;
	position: relative;
	text-decoration: underline;
	top: 3px;
	left: 0px;
	float: left;
}
#contactInformationText {
	width: 140px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #5d7d30;
	position: relative;
	top: 2px;
	left: 6px;
	z-index: 1001;
}
#address {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
#aromatherapyTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #587a2b;
	font-weight: bold;
}
#aromatherapyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
#relaxationText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
#relaxingTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #587a2b;
	font-weight: bold;
}