html { margin: 0; padding: 0; }

body { 
	margin: 0; padding: 0;	
	background: #f5f2e3;
}

div#body {
	margin: .5em 1em; padding: 0;
	width: 870px;
}

body, p, div, td, li {
	font: 15px palatino, "book antiqua", georgia, "times new roman", serif;
}

div#address {
	margin: 0; padding: 3em 2em 0 0;
	text-align: right;
}

a:link { padding: 10px 10px; text-decoration: none; color: #c66; }
a:visited { text-decoration: none; color: #c66; }
a:hover { text-decoration: underline; color: #c66; }
a:active { text-decoration: underline; color: #c66; }

h1 {
	margin: .5em 0; padding: 0;
	font: bold 2em georgia, "times new roman", times, serif;
	color: #c66;
}

h2 {
	font: bold 1.5em georgia, "times new roman", times, serif;
	margin: 1em 0 0 0;
	color: #c66;
}

.describe {
	padding-left: 1em;
	font-size: 0.9em; color: #333;
	font-style: italic;
}

div#header {
	margin: 0.5em 0; padding: 0;
	display: block; clear: both;
	background: transparent;
	height: 145px;
	z-index: 555;
}

img#logo_baystreetsalon1 {
	margin: 0; padding: 0;
}

div#left {
	padding-bottom: 4em;
	position: absolute;
	top: 220px; left: 20px;
	width: 400px;
}

div#right {
	padding-bottom: 4em;
	position: absolute;
	top: 200px; left: 460px;  
	width: 400px;
}

div#etiquette {
	position: absolute;
	top: 250px; left: 5em;
	width: 80%;
}

.top20 { margin-top: 20px; display: block; }

div#etiquette h3 {
	margin: 0 1em 0 0; padding: 0;
	font-weight: bold; font-size: 1em;
	display: inline;
}

div#etiquette p {
	margin: 0 4em 0 0; padding: 0 0 1em 0;
}

/* div#rightfooter and div#leftfooter are used depending on which side is longer. */

div#rightfooter {
	margin: 4em 0; padding: 0 0 4em 0;
	position: absolute;
	left: -30em;
	display: block; clear: both;
}

div#leftfooter {
	margin: 4em 0; padding: 0 0 4em 0;
	position: absolute; left: 5em;
	display: block; clear: both;
	
}

div#rightfooter p { font-style: italic; }
div#leftfooter p { font-style: italic; }

.marg_top20 {	margin-top: 20px; }
.marg_top50 {	margin-top: 50px; }
.marg_top80 {	margin-top: 80px; }
.marg_top100 {	margin-top: 100px; }

img.imgtitle {
	margin: 1em 0 0.5em 0; padding: 0;
	display: block; clear: both;
}


table { 
	margin-left: 2em; border: none;
}

td { 
	vertical-align: top; 
}

.grsmaller {
	font-size: smaller;
	color: #c99;
}

table#spapackages {
	margin: 0; padding: 0;
	border: none;
}

table#spapackages td.text {
	vertical-align: middle;
	text-indent: 20px;
}

table#spapackages td.right {
	text-align: right;
}

img.spapackage_padding {
	margin: 25px 0 5px 0;
}

.suggest {
	font-style: italic; color: #00f; 
}

div#organdonation {
	margin: 0; padding: 0 2em 2em 2em;
	text-align: center;
	width: 80%;
	font: 12px verdana, helvetica, arial, sans-serif;
}

div#organdonation a:link { background: transparent; text-decoration: underline; }
div#organdonation a:visited { background: transparent; text-decoration: underline; }
div#organdonation a:hover { background: transparent; text-decoration: none; color: #fff;}
div#organdonation a:active { background: transparent; text-decoration: none; color: #fff;}

img#estheticschair_002 {
	margin-left: 10px;
	float: right;
}

img#estheticschair_001 {
	display: inline;
	position: relative;
	left: 20px;
	top: 60px;
}

img#serenity1 {
	display: inline;
	margin-top: 30px;
}