@charset "UTF-8";
/* CSS Document */
/*
	
	update blue: #b4d6f1
	nav blue: #79cdcf
	logo blue: #c7ecff ????
	cream: #ffedd8
	dk brown: #371e02
	bg brown: #2e1a02
	
*/
body {
	background-color: #2e1a02;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 100%;
	font-size: 13px;
	letter-spacing: 0.1em;
	color: #371e02;
	line-height: 1.3em;
}
#container {
	width: 1024px;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	background-image: url(../images/polka_dots.gif);
	background-repeat: repeat-y;
}
a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #371e02;
}
a:hover {
	text-decoration: underline;
}
a img { border: none; text-decoration: none; }

/*************************************************************/
/*************************************************************/
/*****                       HEADER                      *****/
/*************************************************************/
/*************************************************************/

#header {
	width: 824px;
	height: 143px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	position: relative;
	margin: 0px auto;
	padding: 0px;
}
#logo {
	position: absolute;
	top: -143px;
	left: 5px;
	z-index: 10;
}

/*************************************************************/
/*************************************************************/
/*****                  MAIN NAVIGATION                  *****/
/*************************************************************/
/*************************************************************/

#navigation {
	display: inline;
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	height: 25px;
	position: absolute;
	right: 30px;
	bottom: 10px;
}
#navigation li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	height: 25px;
}
#navigation li a {
	display: block;
	height: 25px;
	padding: 0px;
	margin: 0px;
}
#home_button a {
	display: block;
	height: 25px;
	padding: 0px;
	margin: 0px;
	width: 48px;
	background: url(../images/home_btn.gif);
	background-position: bottom;
}
#staff_button a {
	display: block;
	height: 25px;
	padding: 0px;
	margin: 0px;
	width: 70px;
	background: url(../images/staff_btn.gif);
	background-position: bottom;
}
#salon_button a {
	display: block;
	height: 25px;
	padding: 0px;
	margin: 0px;
	width: 48px;
	background: url(../images/salon_btn.gif);
	background-position: bottom;
}
#services_button a {
	display: block;
	height: 25px;
	padding: 0px;
	margin: 0px;
	width: 148px;
	background: url(../images/services_btn.gif);
	background-position: bottom;
}
#contact_button a {
	display: block;
	height: 25px;
	padding: 0px;
	margin: 0px;
	width: 69px;
	background: url(../images/contact_btn.gif);
	background-position: bottom;
}
#navigation li a:hover {
	background-position: top;
	height: 25px;
}
#navigation li a span { display: none; }

/*************************************************************/
/*************************************************************/
/*****                       CONTENT                     *****/
/*************************************************************/
/*************************************************************/

#main_content {
	background-color: #ffedd8;
	width: 824px;
	margin: 0px auto;
	padding: 4px 0px 4px 0px;
	position: relative;
}
.maintext { margin: 0px 30px 30px 30px; text-align: left; }
.brown_rule { 
	border: none; 
	border-top: 1px solid #371e02; 
	margin: 0px auto;
	padding: 0px;
}
.blue_rule { 
	border: none; 
	border-top: 1px solid #79cdcf; 
	margin: 0px auto;
	padding: 0px;
}
.smallbox { 
	width: 440px; 
	float: right; 
	text-align: left;
	margin: 20px; 
	font-size: 0.9em;
}
.heading { 
	font-size: 1.2em; 
	line-height: 1.25em;
}
.smallbox ul, .smallbox ul li { margin-left: 10px; margin-top: 4px; padding-left: 0px; }
.comingsoon { margin-right: 100px; }
.fivestar { float:left; margin: 0px 10px 30px 30px; position: relative; }
.fivestar_detail { float: left; margin: 25px 12px 30px 10px; width: 375px; text-align: left; position: relative; }
#nb-container { float: left; width: 400px; margin-left: 20px; }
#brown_container {
	background-color: #2e1a02;
	padding: 3px 0px 3px 0px;
	margin: 0px 8px 50px 8px;
	position: relative;
	color: #ffedd8;
	text-align: left;
}
#blue_container {
	background-color: #b4d6f1;
	padding: 3px 0px 3px 0px;
	margin: 0px 8px 0px 8px;
	position: relative;
	color: #2e1a02;
	text-align: left;
}
#home_photos {
	margin: 20px;
}
#home_photos img {
	margin: 0px 10px 0px 10px;
	border: 3px solid #b4d6f1;;
}
#photo_tilt {
	position: absolute;
	left: 40px;
	top: -30px;
}
#brown_container div p { 
	width: 360px; 
	text-align: left; 
	margin-left: 30px;
}
#blue_container div p { 
	width: 320px; 
	text-align: left; 
	margin-left: 20px;
}
.subcontent {
	font-size: 0.90em;
}
.lister {
	margin-left: 20px;
	list-style: none;
}

#scroller{
	height: 220px;
	width: 740px;
	overflow: hidden;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}
#slider{
	position: absolute;
	top: 5px;
	left: 0px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	/* width: 100%; */
	overflow: visible;
}
#slider a {float: left; }
.show { display: block; }
.hide {display: none; }
#btn_right, #btn_left {
	margin: 0px 4px 0px 4px;
	padding: 0px;
	position: absolute;
}
#btn_right{
	right: 0px;
}
#btn_left {
	left: 0px;
}

#location_holder {
	float: right;
	margin: 0px;
	margin-right: 20px;
	padding: 0px;
	text-align: left;
	width: 375px;
}
#location, #salon_hours {
	font-size: 0.95em;
	letter-spacing: normal;
}
#location h1, #salon_hours h1 {
	border-bottom: 2px solid #371e02;
	width: 220px;
}
#location strong, #salon_hours strong { display: block; float: left; width: 75px; }
#services {
	font-size: 0.95em;
	letter-spacing: normal;
	margin: 200px 0px 20px 20px;
	text-align: left;
	background-color: #b4d6f1;
	border: 1px solid #371e02;
	width: 370px;
	padding: 0px;
}
#services h1 {
	margin-left: 20px;
	border-bottom: 1px solid #371e02;
	width: 250px;
}
#services ul { margin-left: 0px; padding: 0px; }
#services ul li { display: block; margin-left: 0px; padding:2px 20px 3px 20px; text-align: left; }
#services ul li span {
	display: block;
	float: right;
	width: 125px;
	text-align: left; 
	margin: 0px; padding: 0px;
}
#services ul li strong { 
	text-align: left;
	margin: 0px; padding: 0px; 
}
#services p { margin: 20px; }
.fivestar-rule { text-align: center; margin: 20px; display: block; }
#specials {
	font-size: 1em;
	letter-spacing: normal;
	margin: auto;
	margin: 30px;
	margin-left: 40px;
	text-align: left;
	background-color: #b4d6f1;
	border: 1px solid #371e02;
	padding: 10px 10px 20px 10px;
	background-image:url(../images/services/specials-bg.png);
	background-position: right;
	background-repeat: repeat-y;
	width: 300px;
	min-height: 200px;
	float: left;
}
#specials h1 {
	margin: 0px 0px 0px 12px;
	border-bottom: 1px solid #371e02;
	width: 250px;
}
#specials ul { width: 250px; margin: 0px; padding: 0px; padding-left: 16px; }
#specials ul li { margin-top: 12px; list-style-type: disc; }
#specials p { margin-left: 12px; }

#nowHiring, #nowHiring p {
	text-align: left;
}

/* Stylist Profiles */
.stylist_list {
	margin: 50px 25px 30px 25px;
	padding: 0px;
	font-size: 0.9em;
}
.stylist_list ul {
	margin: 20px;
	padding: 0px;
	float: left;
	text-align: left;
}
.stylist_list ul li {
	display: block;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	list-style-type: none;
}
.profile{
	font-size: 0.9em;
	letter-spacing: normal;
	background-color: #b4d6f1;
	padding: 3px 0px 3px 0px;
	margin: 0px 8px 0px 8px;
	position: relative;
	color: #2e1a02;
	text-align: left;
}
.staff_photo {
	float: left;
	width: 270px;
	margin: 2px 40px 2px 30px;
	padding: 0px;
}
.staff_photo a img, .staff_photo a:link img, .staff_photo a:visited img, .staff_photo a:active img {
	border: 3px solid #2e1a02;
}
.staff_photo a:hover img {
	border: 3px solid #ffedd8;
}
.staff_photo p {
	padding: 0px;
	margin-left: 0px;
	text-align: left;
}
.staff_bio {
	float: left;
	width: 380px;
	margin: 4px 20px 12px 20px;
	padding: 0px;
}
.staff_photo_wide {
	float: left;
	width: 370px;
	margin: 2px 40px 2px 30px;
	padding: 0px;
}
.staff_bio_narrow {
	float: left;
	width: 280px;
	margin: 4px 20px 12px 20px;
	padding: 0px;
}

/************************************************/
/********                                ********/
/********           MAP MODULE           ********/
/********                                ********/
/************************************************/

#map,.map { width: 375px; height: 350px; border: 2px solid #371e02; }
#route { width: 375px; display: block; margin: 20px 0px 20px 0px; padding: 0px; clear: left; }
#mapform { margin: 12px 0px 12px 0px; }
.directions {
	margin: 4px 0px 8px 0px;
	padding: 2px 0px 2px 20px;
}

.directions li {
	margin: 2px 0px 2px 12px;
	padding: 0px;
}

/*************************************************************/
/*************************************************************/
/*****                       CONTACT                     *****/
/*************************************************************/
/*************************************************************/

#contact_form {
	width: 410px;
	background-color: #2e1a02;
	padding: 3px 0px 3px 0px;
	margin: 130px 25px 30px 0px;
	position: relative;
	color: #ffedd8;
	text-align: right;
	float: right;
}
#contact_form p {
	margin: 30px;
	padding: 0px;
	text-align: left;
}
#contact_form label{
	display: block;
	text-align:right;
	width: 380px;
	margin: 20px 0px 2px 0px;
	color: #b4d6f1;
	font-size: 1.20em;
}
#contact_form label input {
	display: inline;
	width: 240px;
	margin: 0px 0px 0px 10px;
	color: #2e1a02;
}
#contact_form label textarea {
	width: 240px;
	height: 200px;
	margin: 0px 0px 0px 10px;
	color: #2e1a02;
	vertical-align: top;
}
.submit {
	background-color: #b4d6f1;	
	color: #2e1a02;
	padding: 1px 11px 1px 11px;
	margin: 30px 30px 75px 20px;
}
#address {
	background-image: url(../images/contact_circle_bg.gif);
	background-repeat: no-repeat;
	width: 393px;
	height: 389px;
	position: absolute;
	margin: 170px 0px 30px 25px;
	padding: 60px 0px 0px 0px;
	text-align: center;
}
#address h1 {
	font-size: 1.4em;
	font-weight: bold;
}
#address p {
	font-size: 1.1em;
	font-weight: bold;
}
#address small, #address p span {
	font-size: 0.85em;
}
/* Mailing list form */
#mailing_list_form {
	padding: 3px 0px 3px 0px;
	margin: 0px 25px 30px 0px;
	color: #2e1a02;
}
#list_email {
	width: 200px;
	margin: 0px 0px 0px 10px;
	color: #2e1a02;
}
.errormessage {
	font-weight: bold;
	font-size: 1.3em;
	color: #79cdcf;
}

/*************************************************************/
/*************************************************************/
/*****                       FOOTER                      *****/
/*************************************************************/
/*************************************************************/

#footer{
	color: #e3fafb;
	margin: 0px auto;
	padding: 25px 0px 8px 0px;
	width: 824px;
	background-color: #2e1a02;
	background-image:url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	font-size: 0.90em;
}
#footer ul, #footer ul li {
	display: inline;
	list-style: none;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #e3fafb;
}
#footer a:hover {
	text-decoration: underline;
}

/*************************************************************/
/*************************************************************/
/*****                        FIXES                      *****/
/*************************************************************/
/*************************************************************/

.clearfix { clear: both; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.right_container { float: right; }
.left_container { float: left; }


#album_thumbs .right_container, #album_thumbs .left_container { margin: 20px; }
#album_thumbs .info, #album_thumbs .info { width: 221px; display: inline-block; }
#album_thumbs a:hover { text-decoration: none; border: none; }