body {
	margin:0 auto;
	padding:0 0 0 0; 
	/* the following works in IE only! */
	scrollbar-arrow-color:#999999;
	scrollbar-base-color:#ffffff;
	scrollbar-dark-shadow-color:#ffffff;
	scrollbar-track-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3d-light-color:#ffffff;
}

/* This version should remove the dotted outline on links in Firefox -- AND IE7! */
a:active, a:focus {
	outline: 0;
}

a {
	outline: 0; /* needed for IE7 */
	border:none;
}

#site_container {
	background:url(../img/splash.jpg) no-repeat 305px 120px;
	position:relative; /* needed for #footer positioning! */
	width:1024px;
	height:768px;
	border:#b3b3b3 solid 1px;
}

#main_menu {
	margin: 60px 0 0 50px;
	padding:0;
	float:left;
}

#contact {
	float:right;
	display:block;
	width:120px;
	height:120px;
}

#m1 {
	background:url(../img/mainmenu/places-off.jpg) no-repeat;
}

#m2 {
	background:url(../img/mainmenu/people-off.jpg) no-repeat;
}

#m3 {
	background:url(../img/mainmenu/hair-off.jpg) no-repeat;
}

#m4 {
	background:url(../img/mainmenu/products-off.jpg) no-repeat;
}

#places_menu { /* goes outside #wrapper */
	margin: 55px 0 0 5px;
	float:left;
	display:none;
}

#people_menu { /* goes inside #wrapper */
	float:left;
	display:none;
	margin: 130px 0 0 5px;
}

#phb1,#phb2 {
	margin: 1px 0 0 0;
	display:block;
	width:168px;
	height:31px;
	background:url(../img/hb-off.gif) no-repeat;
}

#path1,#path2 {
	margin: 1px 0 0 0;
	clear:left;
	display:block;
	width:168px;
	height:31px;
	background:url(../img/ath-off.gif) no-repeat;
}

#pbh1,#pbh2 {
	margin: 1px 0 0 0;
	clear:both;
	display:block;
	width:168px;
	height:31px;
	background:url(../img/bh-off.gif) no-repeat;
}

#hbsalon,#athsalon,#bhsalon  {
	display:none;
	margin: 30px 0 0 0;
	padding:0;
	float:right;
	width:745px;
	height:475px;
}

#hbsalon img,#athsalon img,#bhsalon img {
	float:right;
	margin: 0 70px 0 10px;
}

p {
	word-spacing:-0.5px;
	/*letter-spacing:-0.5px;*/
	color:#959699; /*#ACACAE*/
	margin:0 auto;
	padding:60px 200px 0 2px;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	text-align:justify;
}

p span {
	word-spacing:-1px;
	font-weight:bold;
}

p a:link,p a:visited {
	font-weight:bold;
	color:#959699; /*#ACACAE*/
	text-decoration:none;
}

p a:hover,p a:active {
	text-decoration:underline;
}

#hbpeople {
	display:none;
	float:left;
	/*margin: 60px 0 0 20px;*/
	margin: 20px 0 0 20px;
}

#hbpeople ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	border:0;
}

#hbpeople li {
	margin: 0;/* vertical spacing of nametags (list elements) */
	padding:0;
	width:144px;
	height:20px;
}

#athpeople {
	display:none;
	float:left;
	margin: 20px 0 0 20px;
}

#athpeople ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	border:0;
}

#athpeople li {
	margin: 0 0 1px 0; /* vertical spacing of nametags (list elements) */
	padding:0;
	width:144px;
	height:23px;
}

#bhpeople {
	display:none;
	float:left;
	margin: 60px 0 0 20px;
}

#bhpeople ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	border:0;
}

#bhpeople li {
	margin: 0 0 4px 0; /* vertical spacing of nametags (list elements) */
	padding:0;
	width:144px;
	height:23px;
}

.nametag {
	/*font-family:serif; font-style:normal; font-weight:normal; font-size:larger; line-height:normal; font-size-adjust:none; font-stretch:normal; font-variant:small-caps;*/
	/*font:normal 11px/15px Arial, Helvetica, sans-serif;*/
	font-variant:small-caps;
	font-family:sans-serif;
	font-size:12px;
	line-height:16px; /* use line-height & padding-top for cross-browser vertical alignment of name text in middle of list element */
	padding:1px 0 0 0; /* best values for Firefox & Safari: line-height:16px; padding-top:4px; -- best values for IE: line-height:16px; padding-top:3px; */
	display:block;
	margin: 0 auto;
	text-decoration:none;
	color:#333;
	width:144px;
	height:23px;
	background:url(../img/name-off.gif) no-repeat;
}

a.nametag {
	text-decoration:none; /* not really necessary -- may help with vertical alignment? */
}

.nametag-hb {
	/*font-family:serif; font-style:normal; font-weight:normal; font-size:larger; line-height:normal; font-size-adjust:none; font-stretch:normal; font-variant:small-caps;*/
	/*font:normal 11px/15px Arial, Helvetica, sans-serif;*/
	font-variant:small-caps;
	font-family:sans-serif;
	font-size:12px;
	line-height:14px; /* use line-height & padding-top for cross-browser vertical alignment of name text in middle of list element */
	padding:2px 0 0 0; /* best values for Firefox & Safari: line-height:16px; padding-top:4px; -- best values for IE: line-height:16px; padding-top:3px; */
	display:block;
	margin: 0 auto;
	text-decoration:none;
	color:#333;
	width:144px;
	height:17px;
	background:url(../img/name-off.gif) no-repeat;
}

a.nametag-b {
	text-decoration:none; /* not really necessary -- may help with vertical alignment? */
}

#headshots {
	background-color:transparent;
	display:none;
	padding:0;
	margin: 20px 25px 0 0;
	float:right;
	width:350px;
	height:500px;
}

#bios {
	padding:0 7px 0 0;
	overflow-x:hidden;
	overflow:auto;
	word-spacing:-0.5px;
	color:#959699; /*#ACACAE*/
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	text-align:justify;
	display:none;
	margin: 40px 0 0 50px;
	float:left;
	width:480px;
	height:220px;
}

#wrapper {
	margin:0 auto;
	padding:0;
	float:left; /* needed for Firefox & Safari */
}


#bios2 { /* for ath bios because of athpeople menu length */
	padding:0 7px 0 0;
	overflow-x:hidden;
	overflow:auto;
	float:left;
	clear:left;
	word-spacing:-0.5px;
	color:#959699; /*#ACACAE*/
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	text-align:justify;
	display:none;
	margin: 30px 0 0 50px;
	width:400px;
	height:235px;
}

#salon_address {
	/*clear:left;*/ /* Optional -- only difference is position of address div when first loading */
	color:#99999B;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	text-align:right;
	display:block;
	padding:0;
	margin: 85px 0 0 20px;
	float:left;
	width:212px;
}

#telNo {
	letter-spacing:0.5px;
	color:#4f4f4f;
	font-weight:bold;
}

#salon_address a {
	color:#99999B;
	text-decoration:none;
}

#salon_address a:hover, #salon_address a:active {
	text-decoration:underline;
}

#bookOnlineWrapper {
	margin: 2px 0 0 0;
	float:right;
}

#salon_address_bookonline a {
	color:#0084ad;
	font:normal 15px/19px Arial, Helvetica, sans-serif;
	font-variant:small-caps;
}

#footer {
	left:0px; /* needed for IE */
	width:100%;
	position:absolute;
	bottom:0px; /* stick to bottom */
}

#footerRightWrap {
	float:left;
	display:block;
}

#member {
	clear:left; /* added for newsltr div */
	margin: 4px 0 0 60px;
	/*margin: 54px 0 0 60px;*/ /* modified for newsltr div */
	float:left;
	display:block;
}

#memberProducts {
	display:none;
	margin: 54px 0 0 60px;
	float:left;
}

#footer_logo {
	margin: 0 0 0 0;
	float:right;
	display:block;
}

#prodDiv1 {
	display:none;
	float:left;
	clear:left;
}

#prodDiv2 {
	margin: 347px 0 0 0;
	display:none;
	float:left;
}

#prodDiv3 {
	display:none;
	float:left;
}

#prodDiv4 {
	word-spacing:-0.5px;
	color:#959699; /* #6e6f72; */ /* #ACACAE; */
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	text-align:justify;
	width:510px;
	height:190px;
	margin: 0 0 0 10px;
	display:none;
	float:left;	
}

#prodDiv4 span {
	color:#060606; /* #5a5a5a; */
}

#hairmenu {
	left:0px; /* needed for IE */
	padding:0;
	position:absolute;
	float:left;
	display:none;
}

#hairshots {
	background-color:transparent;
	margin:115px 0 0 30px;
	padding:0;
	float:left;
	display:none;
	width:500px;
	height:553px;
}

#hairgallery {
	padding:11px 11px 0 0;
	margin:20px 30px 0 0;
	clear:right;
	float:right;
	display:none;
	width:230px;
	height:460px;
	background-color:#b2dde4;
}

#booking_container {
	position:relative; /* needed for #footer positioning! */
	width:1024px;
	height:768px;
	border-color: #b3b3b3;
	border-style: solid;	
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;	
	border-left-width: 1px;
}

#bookingLeftPic {
	margin:88px 0 0 0;
	z-index:3;
	float:left;
	position:relative;
}

#home {
	z-index:2;
	float:right;
	position:relative;
}

#bookingDiv1 {
	z-index:1;
	position:absolute;
	left:0px;
	margin:110px 0 0 0;
	width:1024px;
	height:503px;
	background-color:#b2dde4;
}
#infoWrapper {
	float:right;
	margin:0 0 0 0;
}

#hb_info {
	margin:30px 20px 0 0;
	/*float:right;*/
	width:340px;
	height:125px;
}

#hb_booking_button {
	left:595px;
	top:105px;
	position:absolute;
	float:right;
}

#ath_info {
	margin:30px 20px 0 0;
	/*clear:right;
	float:right;*/
	width:340px;
	height:125px;
}

#ath_booking_button {
	left:595px;
	top:260px;
	position:absolute;
	float:right;
}

#bh_info {
	margin:30px 20px 0 0;
	/*clear:right;
	float:right;*/
	width:340px;
	height:125px;
}

#bh_booking_button {
	left:595px;
	top:410px;
	position:absolute;
	float:right;
}

#servicesPdfWrapper {
	margin:30px 0 0 0;
	float:right;
	width:300px;
	height:420px;
}
	
#servicesPdf_HB {
	float:left;
	margin:55px 0 0 0;
}

#servicesPdf_ATH {
	float:left;
	margin:135px 0 0 0;
}

#servicesPdf_BH {
	width:280px; /* needed for IE7 */
	clear:left; /* needed for IE7 */
	float:left;
	margin:135px 0 0 0;
}

/* BEGIN citysalon_booking_and_info.htm > Menu of Services .pdf link */

#menuPdfImg {
	margin: 0 0 0 5px;
	float:left;
	display:block;
}

#menuPdfTxt_HB, #menuPdfTxt_ATH, #menuPdfTxt_BH {
	margin: 0 0 0 5px;
	float:left;
	display:block;
}

#menuPdfTxt_HB a, #menuPdfTxt_ATH a, #menuPdfTxt_BH a {
	text-decoration:none;
	color:#018daa;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	font-variant:small-caps;
}

#menuPdfTxt_HB a:hover, #menuPdfTxt_ATH a:hover, #menuPdfTxt_BH a:hover, #menuPdfTxt_HB a:active, #menuPdfTxt_ATH a:active, #menuPdfTxt_BH a:active {
	text-decoration:underline;
}

/* END citysalon_booking_and_info.htm > Menu of Services .pdf link */

.infotext {
	text-align:left;
	font-family:sans-serif;
	font-size:11px;
	line-height:12px;
	padding:0 0 0 0;
	display:block;
	margin: 0 auto;
	text-decoration:none;
	color:#333;
}

.infotext a {
	color:#333;
	text-decoration:none;
}

.infotext a:hover,.infotext a:active {
	text-decoration:underline;
}

.infotextbooking {
	text-align:left;
	font-family:sans-serif;
	font-size:11px;
	line-height:12px;
	padding:0 0 0 0;
	display:block;
	margin: 0 auto;
}

.infotextbooking a {
	color:#018daa;
}

.infotextbooking a:hover,.infotextbooking a:active {
	/*text-decoration:none;*/
}

#crewLeftPic {
	margin:88px 0 0 0;
	z-index:3;
	float:left;
	position:relative;
}

#crewDiv1 {
	z-index:1;
	position:absolute;
	left:0px;
	margin:110px 0 0 0;
	width:1024px;
	height:503px;
	background-color:#b2dde4;
}

#crewDiv2 {
	margin:40px 20px 0 280px;
	float:left;
	width:675px;
	height:260px;
}

#crewHeader {
	text-align:left;
	font-family:sans-serif;
	font-size:14px;
	line-height:16px;
	padding:0 0 0 0;
	display:block;
	margin: 0 auto;
	text-decoration:none;
	color:#333;
}

.crewtext {
	word-spacing:0.5px;
	letter-spacing:0.5px;
	text-align:justify;
	font-family:sans-serif;
	font-size:12px;
	line-height:15px;
	padding:0 0 0 0;
	display:block;
	margin: 0 auto;
	text-decoration:none;
	color:#333;
}

#crewDiv3 {
	margin:15px 0 0 280px;
	float:left;
}

#crewDivHB {
	margin:35px 300px 0 0;
	float:left;
}

#crewDivBH {
	text-align:left;
	width:230px;
	margin:35px 450px 0 0;
	float:left;
}

#crewDivATH {
	margin:35px 0 0 0;
	float:left;
}

#crewDivHB a, #crewDivBH a, #crewDivATH a {
	font-weight:bold;
	font-family:sans-serif;
	font-size:16px;
	line-height:18px;
	padding:0 0 0 0;
	display:block;
	margin: 0 auto;
	text-decoration:none;
	color:#333;
}

#crewDivHB a:hover, #crewDivHB a:active, #crewDivBH a:hover, #crewDivBH a:active, #crewDivATH a:hover, #crewDivATH a:active {
	text-decoration:underline;
}

#appDiv {
	z-index:1;
	position:absolute;
	left:85px;
	margin:110px 0 0 0;
	width:939px;
	height:503px;
	background-color:#b2dde4;
}

#locationName {
	z-index:2;
	position:relative;
	margin:95px 0 0 81px;
	float:left;
}

#locationAddress {
	word-spacing:0.5px;
	letter-spacing:0.5px;
	text-align:right;
	font-family:sans-serif;
	font-size:15px;
	line-height:17px;
	padding:0 0 0 0;
	display:block;
	margin: 0 auto;
	text-decoration:none;
	color:#666;
	clear:right;
	z-index:2;
	position:relative;
	margin:25px 25px 0 0;
	float:right;
}

#formDiv {
	margin:60px 0 0 25px;
	float:left;
	width:800px;	
}

label {
	text-align:left;
	padding:0 0 0 0;
	height:14px;
	display:block;
	float:left;
	margin:0 0 5px 0;
	font-family:sans-serif;
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	color:#333; /*#424d51*/
}

input {
	border:none;
	padding:0 0 0 0;
	height:14px;
	display:block;
	float:left;
	margin:0 0 5px 0;
	text-align:justify;
	/*font-family:Courier New;*/
	/* http://jigsaw.w3.org/css-validator/ Warning: Family names containing whitespace should be quoted.
	If quoting is omitted, any whitespace characters before and after the name are ignored
	and any sequence of whitespace characters inside the name is converted to a single space.*/
	font-family:"Courier New";
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	color:#333; /*#424d51*/
}

#nameLabel {
	width:55px;
}

#emailLabel {
	width:55px;
}

#phoneLabel {
	width:55px;
}

#addressLabel {
	width:55px;
}

#prevExpLabel {
	/*white-space:nowrap;*/
	/*inline: style="white-space: nowrap;"*/
}

#name {
	width:160px;
}

#email {
	width:225px;
}

#areaCode {
	width:30px;
}

#firstThree {
	width:30px;
}

#lastFour {
	width:40px;
}

#fieldc344c224a1fb70f { /* formerly #address */
	width:440px;
}

#appText {
	height:60px;
	text-align:justify;
	/*font-family:Lucida Console;*/
	/* http://jigsaw.w3.org/css-validator/ Warning: Family names containing whitespace should be quoted.
	If quoting is omitted, any whitespace characters before and after the name are ignored
	and any sequence of whitespace characters inside the name is converted to a single space.*/
	font-family:"Lucida Console";
	/*font-family : "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;*/
	font-size:12px;
	line-height:14px;
	color:#333; /*#424d51*/
	clear:both;
	margin:5px 0 0 25px;
	float:left;
	width:800px;
}

#bubbles {
	clear:left;
	z-index:3;
	position:relative;
	margin:408px 0 0 66px;
	float:left;
}

#sendForm {
	clear:left;
	z-index:4;
	position:relative;
	margin:-80px 0 0 340px;
	float:left;
}

#thankYouDiv {
	margin:160px 0 0 25px;
	float:left;
	width:800px;
}

.thank_you {
	text-align:center;
	font-family:sans-serif;
	font-size:16px;
	line-height:24px;
	color:#333; /*#424d51*/
}

.thank_you2 {
	text-align:center;
	font-family:sans-serif;
	font-size:12px;
	line-height:18px;
	color:#333; /*#424d51*/
}

#pdfDiv { /* replaces #member on application_athens_georgia.htm, application_buckhead_atlanta.htm, application_huntington_beach.htm */
	margin: 51px 0 0 90px;
	float:left;
	display:block;
}

#pdfText {
	margin: 51px 0 0 5px;
	float:left;
	display:block;
}

#pdfText a {
	text-decoration:none;
	color:#959699; /*#99999B*/
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	font-variant:small-caps;
}

#pdfText a:hover, #pdfText a:active {
	text-decoration:underline;
}

/* BEGIN citysalon.htm > Places > Menu of Services .pdf link */

#servicesMenuWrapper {
	margin: 7px 0 0 0;
	float:right;
}

#servicesPdfImg {
	margin: 0 0 0 0;
	float:right;
	display:block;
}

#servicesPdfTxt {
	margin: 0 0 0 5px;
	float:right;
	display:block;
}

#servicesPdfTxt a {
	text-decoration:none;
	color:#959699; /*#99999B*/
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	font-variant:small-caps;
}

#servicesPdfTxt a:hover, #servicesPdfTxt a:active {
	text-decoration:underline;
}

/* END citysalon.htm > Places > Menu of Services .pdf link */

/* BEGIN citysalon.htm & citysalon_booking_and_info.htm > Newsletter link */

#newsltrWrap { /* citysalon.htm */
	margin:32px 0 0 60px;
	float:left;
	display:block;
}

#newsltrWrapBAI { /* citysalon_booking_and_info.htm */
	margin:48px 0 0 82px;
	float:left;
	display:block;
}

#newsltrDiv {
	margin: 0 0 0 0;
	float:left;
	display:block;
}

#newsltrText {
	margin: 0 0 0 5px;
	float:left;
	display:block;
}

#newsltrText a {
	text-decoration:none;
	color:#959699; /*#99999B*/
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	font-variant:small-caps;
}

#newsltrText a:hover, #newsltrText a:active {
	text-decoration:underline;
}

/* END citysalon.htm & citysalon_booking_and_info.htm > Newsletter link */