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

/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */

/* ***Main Layout Styles*** */
* {padding:0px; margin:0px;}
body { font-size:12px; font-family:Arial, Helvetica, sans-serif; background-image:url(../images/build/bg_body.jpg); background-repeat:repeat-x; background-color:#638972;}


#wrapper {width:100%; margin:0px auto; padding:0px;}

#topbanner {width:100%; height:153px;
	display: table; background-image:url(../images/build/bg_top3.jpg); background-repeat:no-repeat; background-position:top center;}

#topbanner_inner {width:1071px; height:153px; margin:0px auto; padding:0px;}
	
#innerwrapper {width:1071px; margin:0px auto; padding:0px;}

#header {width:1071px; height:305px; margin:0px; padding:0px; float:left;}

#header_wrapper {width:729px; margin:0px; padding:0px; float:left; height:305px;}

#header_left {width:189px; height:305px; margin:0px; padding:0px; background-image:url(../images/build/bg_headerleft.jpg); background-repeat:no-repeat; float:left;}

#header_center {width:540px; height:305px; margin:0px; padding:0px; float:left;}

#header_right {width:342px; height:305px; margin:0px; padding:0px; background-image:url(../images/build/bg_headerright.jpg); background-repeat:no-repeat; float:right;}

#header_flash {float:left; width:540px; height:305px;}

#contentwrapper {width:1071px; margin:0px; padding:0px; float:left;}

#sidebar_left {width:169px; height:335px; margin:0px; padding:0px 0px 0px 20px; float:left;}

#content {width:530px; margin:0px; padding:0px 5px; float:left;}

#content-contact {width:750px; float:left; padding: 0px 5px; margin:0px;}

#content_mainpage{width:912px; margin:0px; padding:30px 0px 50px 80px; float:left;}

#sidebar_right {width:292px; margin:0px; padding:30px 20px 0px 30px; float:right;}

#footer-wrapper {width:1071px; height:40px; margin:0px auto; padding:10px 0px; float:left; border-top:1px solid #32493B;}
#footer {width:750px; height:40px; font-size:11px; margin:auto;}

.leaf_tip {padding-left:182px; padding-top:136px; height:17px; width:21px; float:left;}
.logo_elements {padding-left:160px; padding-top:2px; height:143px; width:264px; float:left;}
.logo_aveda {padding-right:100px; padding-top:15px;  width:133px; float:right; }
.logo-home {float:right;  height:90px; }
.logo-bottom {float:right; }

.staff-area {float:left; width:530px; border-bottom:solid 1px #445543; margin-bottom:10px; padding-top:10px;}
.staff-image {float:left; margin-right:15px; margin-bottom:15px; border:solid 2px #445543;}

.testimonials {float:left; width:530px; border-bottom:solid 1px #445543; margin-bottom:10px; padding-top:10px;}

#return-area{ width:530px; float:left; padding-top:15px;}
.return-text a{color:#2a2239; text-decoration:underline; font-size:11px;}
.return-text a:hover{color:#FFF; text-decoration:none; font-size:11px;}


/*.leaf_tip {position:relative; left:145px; top:136px; height:17px; width:21px; background-image:url(../images/build/leaf_tip.png) no-repeat bottom;}
.logo_elements {position:relative; left:160px; top:0px; height:143px; width:264px; background-image:url(../images/build/logo_elements.png) no-repeat bottom;}
.logo_aveda {position:relative; left:590px; top:105px; height:35px; width:133px; background-image:url(../images/build/logo_aveda.png) no-repeat bottom;}*/



	
/* ***Navigation Styles*** */
#footer ul {list-style:none;}
#footer ul li {padding:0px 5px; float:left;}
#footer ul li a{color:#32493B; text-decoration:none;}
#footer ul li a:hover{color:#FFFFFF; text-decoration:none;}
#footer .endli {border-right:0px;}

#header_right ul {float:left; list-style:none; width:auto; padding-top:5px; }



#header_right ul li {float:left; width:216px;}
#header_right ul li#nav_home a { background: url(../images/nav/topnav_home.jpg) no-repeat; display:block; width:215px; height:40px; text-indent: -9999px;}
	#header_right li#nav_home a:hover { background: url(../images/nav/topnav_home_rollover.jpg) no-repeat; }
	
#header_right ul li#nav_aboutspa a { background: url(../images/nav/topnav_about.jpg) no-repeat; display:block; width:215px; height:40px; text-indent: -9999px;}
	#header_right li#nav_aboutspa a:hover { background: url(../images/nav/topnav_about_rollover.jpg) no-repeat; }
	
#header_right ul li#nav_booking a { background: url(../images/nav/topnav_appointment.jpg) no-repeat; display: block; width:216px; height:40px; text-indent: -9999px; }
	#header_right li#nav_booking a:hover { background: url(../images/nav/topnav_appointment_rollover.jpg) no-repeat; }
	
#header_right ul li#nav_products a { background: url(../images/nav/topnav_products.jpg) no-repeat; display: block; width:216px; height:40px; text-indent: -9999px; }
	#header_right li#nav_products a:hover { background: url(../images/nav/topnav_products_rollover.jpg) no-repeat; }
	
#header_right ul li#nav_spaservices a { background: url(../images/nav/topnav_services.jpg) no-repeat; display: block; width:216px; height:40px; text-indent: -9999px; }
	#header_right li#nav_spaservices a:hover { background: url(../images/nav/topnav_services_rollover.jpg) no-repeat; }
	
#header_right ul li#nav_rateservice a { background: url(../images/nav/topnav_rate.jpg) no-repeat; display:block; width:216px; height:36px; text-indent: -9999px;}
	#header_right li#nav_rateservice a:hover { background: url(../images/nav/topnav_rate_rollover.jpg) no-repeat; }
	
#header_right ul li#nav_testimonials a { background: url(../images/nav/topnav_testimonials.jpg) no-repeat; display: block; width:216px; height: 40px; text-indent: -9999px;}
	#header_right li#nav_testimonials a:hover { background: url(../images/nav/topnav_testimonials_rollover.jpg) no-repeat; }
	
	
	
/* ***Updated main page nav*** */

#header_right ul {float:left; list-style:none; width:auto; padding-top:5px;}

#header_right ul li {float:left; width:220px;}

#header_right ul li#one a { background: url(../images/nav/new-nav/one.jpg) no-repeat; display:block; width:220px; height:38px; text-indent: -9999px; }
#header_right ul li#one a:hover { background: url(../images/nav/new-nav/one-hover.jpg) no-repeat;}

#header_right ul li#two a { background: url(../images/nav/new-nav/two.jpg) no-repeat; display:block; width:220px; height:32px; text-indent: -9999px;}
#header_right ul li#two a:hover { background: url(../images/nav/new-nav/two-hover.jpg) no-repeat;}

#header_right ul li#three a { background: url(../images/nav/new-nav/three.jpg) no-repeat; display:block; width:220px; height:32px; text-indent: -9999px;}
#header_right ul li#three a:hover { background: url(../images/nav/new-nav/three-hover.jpg) no-repeat;}

	
#header_right ul li#four a { background: url(../images/nav/new-nav/four.jpg) no-repeat; display:block; width:220px; height:32px; text-indent: -9999px;}
#header_right ul li#four a:hover{ background: url(../images/nav/new-nav/four-hover.jpg) no-repeat;}
	
#header_right ul li#five a { background: url(../images/nav/new-nav/five.jpg) no-repeat; display:block; width:220px; height:33px; text-indent: -9999px;}
#header_right ul li#five a:hover { background: url(../images/nav/new-nav/five-hover.jpg) no-repeat; }
	
#header_right ul li#six a { background: url(../images/nav/new-nav/six.jpg) no-repeat; display:block; width:220px; height:32px; text-indent: -9999px;}
#header_right ul li#six a:hover { background: url(../images/nav/new-nav/six-hover.jpg) no-repeat; }

					
#header_right ul li#seven a { background: url(../images/nav/new-nav/seven.jpg) no-repeat; display:block; width:220x; height:30px; text-indent: -9999px;}
#header_right ul li#seven a:hover { background: url(../images/nav/new-nav/seven-hover.jpg) no-repeat; }

#header_right ul li#eight a { background: url(../images/nav/new-nav/eight.jpg) no-repeat; display:block; width:220px; height:46px; text-indent: -9999px;}
#header_right ul li#eight a:hover { background: url(../images/nav/new-nav/eight-hover.jpg) no-repeat; }

/* --------------------*/

#sidebar_left ul {float:left; list-style:none; width:auto; padding-top:25px;}
#sidebar_left ul li {float:left; width:130px; padding-bottom:10px;}
#sidebar_left ul li#sidebar_about a{ background: url(../images/nav/sidebar/sidebar_about_rollover.png) no-repeat right; display:block; width:130px; height:19px; text-indent: -9999px;}

#sidebar_left ul li#sidebar_about a:hover{ background: url(../images/nav/sidebar/sidebar_about.png) no-repeat right; display:block; width:130px; height:19px; text-indent: -9999px;}
	
#sidebar_left ul li#sidebar_aveda a { background: url(../images/nav/sidebar/sidebar_aveda.png) no-repeat right; display:block; width:130px; height:19px; text-indent: -9999px;}
	#sidebar_left li#sidebar_aveda a:hover { background: url(../images/nav/sidebar/sidebar_aveda_rollover.png) no-repeat right;}
	
#sidebar_left ul li#sidebar_ourteam a { background: url(../images/nav/sidebar/sidebar_ourteam.png) no-repeat right; display: block; width:130px; height:19px; text-indent: -9999px; float:right;}
	#sidebar_left li#sidebar_ourteam a:hover { background: url(../images/nav/sidebar/sidebar_ourteam_rollover.png) no-repeat right; float:right;}
	
	
#sidebar_left ul li#sidebar_facials a { background: url(../images/nav/sidebar/sidebar_facials.png) no-repeat right; display: block; width:130px; height:19px; text-indent: -9999px;}
	#sidebar_left li#sidebar_facials a:hover { background: url(../images/nav/sidebar/sidebar_facials_rollover.png) no-repeat right;}
	
#sidebar_left ul li#sidebar_makeup a { background: url(../images/nav/sidebar/sidebar_makeup.png) no-repeat right; display: block; width:130px; height:19px; text-indent: -9999px;}
	#sidebar_left li#sidebar_makeup a:hover { background: url(../images/nav/sidebar/sidebar_makeup_rollover.png) no-repeat right;}
	
#sidebar_left ul li#sidebar_manicures a { background: url(../images/nav/sidebar/sidebar_manicures.png) no-repeat right; display:block; width:130px; height:19px; text-indent: -9999px;}
	#sidebar_left li#sidebar_manicures a:hover { background: url(../images/nav/sidebar/sidebar_manicures_rollover.png) no-repeat right;}
	
#sidebar_left ul li#sidebar_massage a { background: url(../images/nav/sidebar/sidebar_massage.png) no-repeat right; display: block; width:130px; height: 19px; text-indent: -9999px; }
	#sidebar_left li#sidebar_massage a:hover { background: url(../images/nav/sidebar/sidebar_massage_rollover.png) no-repeat right;}

#sidebar_left ul li#sidebar_nails a { background: url(../images/nav/sidebar/sidebar_nails.png) no-repeat right; display: block; width:130px; height: 19px; text-indent: -9999px; }
	#sidebar_left li#sidebar_nails a:hover { background: url(../images/nav/sidebar/sidebar_nails_rollover.png) no-repeat right; }
	
#sidebar_left ul li#sidebar_spaservices a{ background: url(../images/nav/sidebar/sidebar_spaservices_rollover.png) no-repeat right; display: block; width:130px; height: 19px; text-indent: -9999px;}

#sidebar_left ul li#sidebar_spaservices a:hover{ background: url(../images/nav/sidebar/sidebar_spaservices.png) no-repeat right; display: block; width:130px; height: 19px; text-indent: -999px; }

#sidebar_left ul li#sidebar_spapackages a { background: url(../images/nav/sidebar/sidebar_spapackages.png) no-repeat right; display: block; width:130px; height: 19px; text-indent: -9999px; }
	#sidebar_left li#sidebar_spapackages a:hover { background: url(../images/nav/sidebar/sidebar_spapackages_rollover.png) no-repeat right;}
	
#sidebar_left ul li#sidebar_treatments a { background: url(../images/nav/sidebar/sidebar_treatments.png) no-repeat right; display: block; width:130px; height: 19px; text-indent: -9999px;}
	#sidebar_left li#sidebar_treatments a:hover { background: url(../images/nav/sidebar/sidebar_treatments_rollover.png) no-repeat right; }
	
#sidebar_left ul li#sidebar_waxing a { background: url(../images/nav/sidebar/sidebar_waxing.png) no-repeat right; display: block; width:130px; height: 19px; text-indent: -9999px;}
	#sidebar_left li#sidebar_waxing a:hover { background: url(../images/nav/sidebar/sidebar_waxing_rollover.png) no-repeat right;}

#sidebar_left ul li#sidebar_pedicures a { background: url(../images/nav/sidebar/sidebar_pedicures.png) no-repeat right; display: block; width:130px; height: 19px; text-indent: -9999px; }
	#sidebar_left li#sidebar_pedicures a:hover { background: url(../images/nav/sidebar/sidebar_pedicures_rollover.png) no-repeat right; }
	
	#sidebar_left ul li#sidebar_therapeutic a { background: url(../images/nav/sidebar/sidebar_therapeutic_rollover.png) no-repeat right; display: block; width:130px; height: 19px; text-indent: -9999px; }
	#sidebar_left li#sidebar_therapeutic a:hover { background: url(../images/nav/sidebar/sidebar_therapeutic.png) no-repeat right; }
	
		#sidebar_left ul li#sidebar_childrens a { background: url(../images/nav/sidebar/sidebar_children.png) no-repeat right; display: block; width:130px; height: 19px; text-indent: -9999px; }
	#sidebar_left li#sidebar_childrens a:hover { background: url(../images/nav/sidebar/sidebar_children_rollover.png) no-repeat right; }


/* ***Text Styles*** */
h1 {color:#000000; font-size:24px; padding-bottom:5px; font-weight:normal;}
h2 {color:#2f2337; font-size:16px; padding-bottom:2px; font-weight:normal;}
h4 {color:#000000; font-size:14px;}

p {color:#1a281d; padding-bottom:15px; line-height:15px;}


#content ul, ol {padding-left:30px; padding-bottom:10px; color:#1a281d;}
#content li {padding-bottom:5px;}

#content a{color:#2a2239; text-decoration:underline;}
#content a:hover{color:#FFF; text-decoration:none;}

/*Branding*/
#branding {width:1071px; padding:10px 10px 0px 0px; margin:0px; float:left;}
#binary {float:left; padding:0px 0 0 50px; color:#937373; font-size:10px;}
#binary a {color:#2a2239; text-decoration:none;}
#binary a:hover {color:#FFFFFF; text-decoration:none;}

#modern_earth {width:127px; height:36px; float:right;}


/* ***Additional Styles*** */

.navbox {width:137px; height:128px; padding:0px; margin:0px 15px; float:left;}

#google-map { width:300px; float:right;}

#contact-form { width:400px; float:left;}

#button
{
	font-family:Arial, Helvetica, sans-serif;
	color:#32493b;
	background-color:#c1ebd1;
	border-bottom:#32493b;
	border-left:#32493b;
	border-right:#32493b;
	border-top:#32493b;
	border-width:1px;
	border-style:solid;
	font-size:12px;
	height:25px;
	float:right;
}

.imgright-map {float:right; margin-bottom:10px; border:2px solid #32493b;}

.clear {clear:both;}

.services{width:529px; float:left; padding:0px 0px 5px 0px; margin-bottom:10px; border-bottom: 1px solid #4b5b4e;}
.services_left {float:left; width:420px; margin:0px; padding:0px;}
.services_right {float:right; width:109px; margin:0px; padding:0px; font-weight:bold;}
.services ul {list-style:none; padding:0px; margin:0px;}
.services ul li {list-style:none; padding:0px; margin:0px;}
 
/* *** Error Styles *** */
.error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 400px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; }
* html .error { margin: 10px 25px 10px 25px; }