/*** Overall Declarations ***/
header {
  background:		#000;
}

div#branding {
text-align:		right;
}

body {
  background:		#d2b48c;
  position:		relative;
  width:		770px;
  margin:		0 auto;
  text-align:		left;
  border-top:		10px solid #000;
  border-bottom:	1px solid #000;
}
img {
   border:		none;

}
/*** Content Positioning ***/
div#content {
  position:		relative;
  width:		100%;}
  
/*** Menu Positioning ***/  
div#content_menu {
  position:		absolute;
  left:			0%;
  width:		35%;
  padding:		2em 0;

}

/*** Main Content Postioning & Declarations ***/
div#content_main {
  position:		absolute;
  left:			35%;
  width:		65%;
  padding:		2em 0;
  font-family: 	'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;

}

div#content_main a {
  text-decoration:	none;
  color:		#352d23;
  font-weight:		bold;

}

div#content_main a:hover {
		background-color: #e9dac6;
		color: #000;
		}


footer {
  border-bottom:		10px solid #000;
}

/* This is the code for the menu toolbar*/
#button {
	width: 		11em;
	padding: 	0 0 0 0;
	margin-bottom: 	1em;
	font-family: 	'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: #333;
	}

#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#button li {
		border-bottom: 1px solid #000;
		margin: 0;
		}
		
#button li a {
		display: block;
		padding: 15px 15px 15px 0.5em;
		color: #000;
		text-decoration: none;
		width: 100%;
		}
		
.home a {
		background-color: #ffcccc;
}

.facials a {
		background-color: #ffffcc;
}

.electro a {
		background-color: #ccffcc;
}

.wax a {
		background-color: #ffcc99;
}

.other a {
		background-color: #ffffff;
}

.month a {
		background-color: #ccffcc;
}

.cancel a {
		background-color: #ccccff;
}

.contact a {
		background-color: #ffcccc;
}

html>body #button li a {
		width: auto;
		}

#button li a:hover {
		background-color: #ffffff;
		font-weight:  bolder;
		color: #000;
		}