/* CSS Document */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size : 13px;
	color : #F0E8DC;
	background-color: #F0E8DC;
	background-image:url(images/background-gradient.gif);
	background-repeat:repeat-x;
	text-align : left;
	margin : 0;
}

img {
	border : none;
	}
	
strong {
	color:#E4E9AA;
	}	
	
h1 {
	line-height:normal;
	font-size:1em;
	}
	
h2 {
	font-size:1.5em;
	color:#A8C5DA;
	font-weight:normal;
	line-height:normal;
	}		
	
.address {
	font-size:1.7em;
	line-height:normal;
	}	
	
.fineprint em {
	font-size:.7em;
	font-style:italic;
	}		
	
/* FORMS */	
	
#webbiz {
	list-style-type:none;
	margin:0;
	padding:0;
	}	
	
#process {

	list-style-type:none;
	margin:0px;
	padding:0px;
	}		
	
#fineprint {

	font-size:.7em;
	line-height:1.5em;
	padding-top:3em;
	font-style:italic;
	}	
	
.required {
	font-size:0.7em;
	font-weight:normal;
	color:#A8C5DA;
	padding-bottom:1em;
	}	
	

/* CONTAINERS */	
	
.container	{
	width:800px;
	margin:0 auto;
	padding: 0 20px 0 20px;
	background-image:url(images/background-shadow.png);
	background-repeat:repeat-y;
	}	
	
.appointments-container {
	width:794px;
	font-size:11px;
	text-align:right;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 0;
	}
	
.content-container {
	width:780px;
	padding:10px;
	background-color:#362F2D;
	background-image:url(images/container-gradient.gif);
	background-repeat:repeat-x;
	}	
	
.contentleft {
	width:432px;
	padding:.7em 0 0 18px;
	float:left;
	line-height:1.3em;
	}
	
.contentearthmonth {
	width:760px;
	padding:.7em 0 0 18px;
	float:left;
	line-height:1.3em;
	}
	
.contentstaff {
	width:625px;
	padding:.7em 0 0 18px;
	float:left;
	line-height:1.3em;
	}
	
.staffcontainer {
	padding-bottom:70px;
	float:left;
}

.stafftext {
	float: right;
	width: 375px;

}

.staff-header{
	font-size:17px;
	font-weight:bold;
	color:#A8C5D8;
	line-height:normal;
	float:left;
	width:600px;
	border-bottom: thin;
	border-bottom-style: dotted;
	}
	
.staffpic {
	float: left;
	margin-top: 0;
	padding-right: 25px;
	padding-top: 20px;
	width: 210px;
	height: 270px;
	}
	
	.staffpic {
	vertical-align:top;
	}
	
.contentright {
	width:282px;
	padding:.7em 18px 0 30px;
	float:left;
	line-height:1.3em;
	}	

.homecontentleft {
	width:400px;
	padding:.7em 0 0 60px;
	float:left;
	text-align:right;
	line-height:1.3em;
	}
	
.homecontentright {
	width:300px;
	padding:.7em 0 0 20px;
	float:left;
	line-height:1.3em;
	}	
	
/* LINKS */

a {
	text-decoration:underline;
	color:#A8C5DA;
	}
	
a:hover {
	text-decoration:underline;
	color:#E4E9AA;
	}	
	
/* FOOTER */

#footer {
	width:100%;
	font-size:11px;
	color:#E4E9AA;
	margin-top: 0;
	padding: 3.75em 0 2.5em 0;
	background-image:url(images/cream-bar.gif);
	background-repeat:repeat-x;
	background-color:#51627E;
	clear:inherit;
	}			
	
.footercontainer	{
	width:780px;
	margin:0 auto;
	margin-top:-5px;
	padding-top:5px;
	}	
	
.footercontainer .footerright {
	width:230px;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	text-align:left;
	float:right;
	clear:inherit;
	}
	
/* MENUS */

/* Right column */
.menu-list-right {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:280px;
	text-align: left;
	color:#A8C5D8;
	list-style-type: none;
}    

.menu-list-right li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 2px 0px;
	list-style-type: none;
	list-style:none;
	background-image: url(images/dotted-line-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.menu-list-right .detail {

	background-image:none;
	font-size:.9em;
	line-height:1.0em;
	color:#FFF;
	}
	
.menu-list-right .spaproduct {

	padding-top:1em;
	background-image:none;
	
	}
	

.menu-list-right .spa {

	color:#E4E9AA;
	margin-top:-20px;
	
	}        
	
.menu-list-right .spa .menu-right{

	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:77px;
	text-align:right;
	float:right;
	clear:inherit;
	color:#E4E9AA;    
	}    


.menu-list-right .detail-sub {

	background-image:none;
	font-size:100%;
	color:#FFF;
	line-height: normal;	
}
	
.menu-list-right .spaproduct-sub {
	margin-top: 10px;
	margin-bottom: 0px;
	background-image: none;
	font-weight: bold;
	}
	

.menu-list-right .menu-right{

	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:40px;
	text-align:left;
	float:right;
	clear:inherit;
	color:#E4E9AA;    
	}

.menu-list-right .menu-middle {

	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:80px;
	text-align:left;
	float:right;
	clear:inherit;;
	color:#E4E9AA;    
	}
	
.menu-list-right .menu-left {

	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:160px;
	text-align:left;
	float:right;
	clear:inherit;
	color:#E4E9AA;    
	}    


/* Left column */
.menu-list {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:430px;
	text-align: left;
	color:#A8C5D8;
	list-style-type: none;
}	

.menu-list li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 2px 0px;
	list-style-type: none;
	list-style:none;
	background-image: url(images/dotted-line-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.menu-list .detail {

	background-image:none;
	font-size:.9em;
	line-height:1.2em;
	color:#FFF;
	}
	
.menu-list .spaproduct {

	padding-top:1em;
	background-image:none;
	
	}
	
.menu-list .spa {

	color:#E4E9AA;
	
	}		
	
.menu-list .spa .menu-right{

	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:77px;
	text-align:right;
	float:right;
	clear:inherit;
	color:#E4E9AA;	
	}	


.menu-list .menu-right{

	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:77px;
	text-align:left;
	float:right;
	clear:inherit;
	color:#E4E9AA;	
	}

.menu-list .menu-middle {

	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:160px;
	text-align:left;
	float:right;
	clear:inherit;;
	color:#E4E9AA;	
	}
	
.menu-list .menu-left {

	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:240px;
	text-align:left;
	float:right;
	clear:inherit;
	color:#E4E9AA;	
	}	
	
/* MENU HEADERS */

/* Right column */
.menu-header-list-right {
	margin: 0px 0px 0px 0px;
	padding: 0.5em 0px .5em 0px;
	font-size:1.25em;
	font-weight:bold;
	color:#A8C5D8;
	width:280px;
	list-style-type: none;
}

.menu-header-list-right h3{
	font-size:1em;
	font-weight:bold;
	color:#A8C5D8;
	line-height:normal;
	padding:0;
	margin:0;
	list-style-type: none;
}    

.menu-header-list-right .menu-header-right{

	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:40px;
	text-align:left;
	float:right;
	clear:inherit;
	
	}

.menu-header-list-right .menu-header-middle {

	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:80px;
	text-align:left;
	font-size:12px;
	color:#E4E9AA;
	float:right;
	clear:inherit;
		
	}
	
.menu-header-list-right .menu-header-left {

	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:12px;
	width:160px;
	text-align:left;
	color:#E4E9AA;
	float:right;
	clear:inherit;
	}        

/* Left column */
.menu-header-list {
	margin: 0px 0px 0px 0px;
	padding: 1.5em 0px .5em 0px;
	font-size:1.25em;
	font-weight:bold;
	color:#A8C5D8;
	width:430px;
	list-style-type: none;
}	

.menu-header-list h3{
	font-size:1em;
	font-weight:bold;
	color:#A8C5D8;
	line-height:normal;
	padding:0;
	margin:0;
	list-style-type: none;
}	


.menu-header-list .menu-header-right{

	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:77px;
	text-align:left;
	float:right;
	clear:inherit;
	
	}

.menu-header-list .menu-header-middle {

	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:160px;
	text-align:left;
	font-size:12px;
	color:#E4E9AA;
	float:right;
	clear:inherit;
		
	}
	
.menu-header-list .menu-header-left {

	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:12px;
	width:240px;
	text-align:left;
	color:#E4E9AA;
	float:right;
	clear:inherit;
		
	}		
	
/* PROMOTIONS */

#promotions {
	list-style : none;
	overflow : hidden;
	width:800px;
	margin: 0;
	padding: 6em 0 10px 0;
	clear:left;
	}
	
#promotions li {
	margin : 0;
	padding : 0;
	display : inline;
	list-style : none;
	}

#promotions a {
	float : left;
	display : inline;
	border : none;
	outline : none;
	overflow : hidden;
	height : 0 !important;
	height /**/:73px; /* for IE5/Win only */
	padding-top: 73px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
	
#promotionsaveda a {
	width : 203px;
	background-image: url(images/promotions_aveda2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#promotionsappointments a {
	width : 197px;
	background-image: url(images/promotions_appointments2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#promotionsgifts a {
	width : 198px;
	background-image: url(images/promotions_gifts2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}	
	
#promotionscitysearch a {
	width : 202px;
	background : url(images/promotions_citysearch2.gif) no-repeat top left;
	}		
	
#promotionsoffers a {
	width : 202px;
	background : url(images/online-offers.gif) no-repeat top left;
	padding-top: -73px;
	}		
#data-catcher {
	width: 167px;
	text-align: right;
	background-image: url(images/online-offers.gif);
	float: left;
	padding-right: 20px;
	padding-left: 10px;
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-top: 25px;
	padding-bottom: 25px;
}

/* SUB NAVIGATION */

	
#servicenavigation {
	color: #333333;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 10px;
	font-weight: bold;
	display:inline-block;
}
#servicenavigation   li  {
	margin-right: 5px;
	background-color: #5BB2C5;
	padding: 4px;
	border: 1px solid #FFFFFF;
	display:inline-block;
}
#servicenavigation a {
	text-decoration:none;
	color: #FFFFFF;
}
#servicenavigation a:hover {
	color: #333333;
	text-decoration:none;
}



/* MAIN NAVIGATION */


#mainnavigation {
	list-style : none;
	overflow : hidden;
	width:780px;
	margin: 0;
	/* Modified this to center menu with "contact us" instead of "location" */
	padding: .5em 0 .5em 10px;
	
	}
	
#mainnavigation li {
	margin : 0;
	padding : 0;
	display : inline;
	list-style : none;
	}

#mainnavigation a {
	float : left;
	display : inline;
	padding : 25px 0 0 0;
	border : none;
	outline : none;
	overflow : hidden;
	height : 0 !important ;
	height /**/:25px; /* for IE5/Win only */
	}

#mainnavigation a:hover, #mainnavigation a.hover {
	background-position : 0 -25px;
	}

#mainnavigation a:active, #mainnavigation a.selected {
	background-position : 0 -50px;
	}

#mainlocation a {
	width : 98px;
	background : url(images/navigation_contactus.gif) no-repeat top left;
	}

#mainsalon-services a {
	width : 141px;
	background : url(images/navigation_salon-services.gif) no-repeat top left;
	}

#mainspa-services a {
	width : 125px;
	background : url(images/navigation_spa-services.gif) no-repeat top left;
	}	
	
#mainabout a {
	width : 81px;
	background : url(images/navigation_staff.gif) no-repeat top left;
	}

#maincareers a {
	width : 91px;
	background : url(images/navigation_careers.gif) no-repeat top left;
	}	
	
#mainappointments a {
	width : 136px;
	background : url(images/navigation_appointments.gif) no-repeat top left;
	}

#maingift-cards a {
	width : 108px;
	background : url(images/navigation_gift-cards.gif) no-repeat top left;
	}			
	
.contentfull {
	width:742px;
	float:left;
	line-height:1.3em;
	padding-top: 0.7em;
	padding-right: 18px;
	padding-bottom: 0;
	padding-left: 18px;
	color: #cd7494;
}
.contentfullhome {
	float:left;
	line-height:1.3em;
	padding-bottom: 0;
	color: #cd7494;
}
.float-left {
	float: right;
	padding-left: 10px;
}
#appointments-p  {
	display: block;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
#promotions-home {
	line-height:1.3em;
	color: #cd7494;
	width: 740px;
	height: 350px;
	background-image: url(images/promotions-background.jpg);
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
}
.promo-image {
	float: left;
	height: 298px;
	width: 231px;
	padding-right: 20px;
}
.promo-content {
	float: left;
	height: 320px;
	color: #f0e8dc;
}
.disclaimer {
	font-size: 0.8em;
	line-height: 1em;
}
#promotions-home2 {
	line-height:1.3em;
	color: #cd7494;
	width: 740px;
	height: 340px;
	background-image: url(images/promotions-background.jpg);
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
}
#promotions-wrapper {
	height: 375px;
	width: 770px;
	overflow: hidden;
}
.subheading {
	font-size: 1.5em;
}

#bodywrapper {
	background-image: url(images/bottom-gradient.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

.clear {
clear: both;
}

#blowout {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 0px;
	}