/* CSS Document */

body {
	background: #455242 url(../images/background.jpg) repeat-x top left;
	margin: 0px;
	color: #542552;
	font-family: "Papyrus", Times, serif;
	font-size: 12px;
	font-weight: 600;
	}

a {
	color: #ffa304;
	text-decoration: none;
	}
	
a:hover {
	color: #a84a11;
	text-decoration: none;
	}
	
#header {
	margin: 0 auto;
	width: 750px;
	}

#nav {
	margin: 0 auto;
	width: 750px;
	height: 34px;
	background: url(../images/nav-background.jpg) repeat-x top left;
	border: 1px #542552 solid;
	border-top: none;
	border-bottom: none;
	}
	
#nav-over {
	width: 17px;
	}
	
#main {
	margin: 0 auto;
	width: 750px;
	border: 1px #542552 solid;
	border-top: none;
	border-bottom: none;
	}

#presentation {
	width: 605px;
	background: #ebe8d9;
	vertical-align: top;
	}

#presentation td{
	padding: 0px 15px 0px 15px;
	}

#presentation input {
	background: #ccbfd1;
	border: 1px #562854 solid;
	}
	
#presentation select {
	background: #9fc981;
	border: 1px #562854 solid;
	border-right: none;
	color: #fffbe4;
	}
	
#presentation option {
	background: #ccbfd1;
	color: #fffbe4;
	}
	
#presentation textarea {
	background: #ccbfd1;
	border: 1px #562854 solid;
	}

#presentation ul{
	padding: 0px;
	margin: 0px;
	}
	
#presentation li{
	list-style: none;
	padding: 0px 16px 10px 32px;
	margin: 0px;
	}

#presentation p {
	padding-top: 10px;
	margin: 0px 16px 5px 16px;
	display: block;
	line-height: 20px;
	}
	
#presentation p.front {
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	line-height: none;
	font-size: 13px;
	width: 100%;
	}

#presentation h1{
	margin: 0px;
	padding: 10px 0px 5px 16px;
	font-size: 20px;
	color: #405d2c;
	display: block;
	height: 35px;
	background: url(../images/h1-background.jpg) no-repeat top left;
	}
	
#compliment {
	width: 143px;
	border-left: 1px #ebe8d9 solid;
	background: #562854;
	vertical-align: top;
	text-align: center;
	color: #fffbe4;
	font-weight: 400;
	}
	
		
#compliment-about {
	width: 143px;
	background: #ebe8d9 url(../images/about-page.jpg) no-repeat top center;
	}
	
#compliment-menu {
	width: 143px;
	background: #ebe8d9 url(../images/menu-page.jpg) no-repeat top left;
	}
	
#compliment-opportunities {
	width: 143px;
	background: #ebe8d9 url(../images/opportunities-page.jpg) no-repeat top left;
	}
	
#compliment-products {
	width: 143px;
	background: #ebe8d9 url(../images/products-page.jpg) no-repeat top left;
	}
	
#compliment-policies {
	width: 143px;
	background: #ebe8d9 url(../images/policies-page.jpg) no-repeat top left;
	}
	
#compliment-contact {
	width: 143px;
	background: #ebe8d9 url(../images/contact-page.jpg) no-repeat top left;
	}
	
#bottom {
	margin: 0 auto;
	width: 750px;
	background: url(../images/bottom.jpg) no-repeat;
	height: 24px;
	}
	
#bottom p {
	margin: 0px;
	padding: 2px 0px 0px 15px;
	color: #8a4a87;
	}
	
#footer {
	margin: 0 auto;
	width: 725px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 200;
	color: #8f9e81;
	}
	
#footer a { 
	color: #cb99d3;
	text-decoration: none;
	}

#footer	a:hover {
	color: #a8d399;
	text-decoration: underline;
	}
	
.main-image {
	padding: 11px 16px 10px 16px;
	}
	
.main-image2 {
	margin: 11px 16px 10px 16px;
	border: 1px #542552 solid;
	}
	
.gift {
	border: none;
	margin: 8px 0px 3px 0px;
	}
	
.hair-care {
	border: 2px #91bb74 solid;
	margin: 11px 0px 3px 0px;
	}
	
.make-up {
	border: 2px #91bb74 solid;
	margin: 8px 0px 3px 0px;
	}
	
.aveda {
	border: 2px #91bb74 solid;
	margin: 8px 0px 3px 0px;
	}
	
.signature {
	padding: 5px 16px 5px 16px
	}
	
.note {
	line-height: 16px;
	size: 11px;
	font-weight: normal;
	color: #FF0000;
	border: none;
	}
	
.indent {
	padding: 0px 16px 5px 16px;
	}
	
.menu-background {
	background:#dcd7c0;
	}
	
.green {
	color: #da800e;
	}