/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
html								{margin: 0px; padding: 0px; background-color:#FEEED2;}
body 								{position: relative; width: 100%; height:100%; margin: auto 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#000;}

h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img, label			{margin: 0px; padding: 0px; list-style:none}
img									{border: none;}
table, tr, td, th					{/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */
table th							{text-align: right; speak-header: always; width: 25%; padding-right: 8px}
th									{speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/
a:link, a:visited					{color: #a12d75; text-decoration:underline; cursor: pointer; font-weight:bold;}
a:hover, a:active					{color: #a12d75; text-decoration:none; cursor: pointer;}
input, select						{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px}
label								{cursor: pointer; margin-bottom: 5px}

/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding  							{width: 201px; height:425px; background:url(../images/bkg_nav.gif); height:auto; display:block; float: left;}
#branding ol 						{margin:0px 5px 7px 20px; text-align:right;}
#branding ol li     				{padding:5px 20px 0px 0px; font-size:11px; font-weight:bold;}
#branding ol li .new				{font-size:13px; color:#A65A89;}

#branding a:link,
#branding a:visited,
#branding a:active					{color:#000; font-weight:bold; text-decoration:none;}
#branding a:hover					{color:#a12d75;}

#branding .logo						{padding:0px;}

#branding #facial					{background:url(../images/img_facial.jpg) no-repeat; height:147px; text-align:right; margin-top:-2px;}
#branding #facial h2				{font-size: 16px; color: #2e4052; padding: 50px 17px 5px 0px; font-weight: bold;}
#branding #facial p					{padding: 0px 17px 0px 0px;}
#branding #facial a:link,
#branding #facial a:visited,
#branding #facial a:active			{color:#2e4052; font-weight:bold; text-decoration:none;}
#branding #facial a:hover			{color:#A65A89;}


#branding #waxing					{background:url(../images/img_waxing.jpg) no-repeat; height:138px;}
#branding #waxing h2				{font-size: 20px; color: #a65a89; padding: 45px 7px 0px 0px; font-weight: bold; text-align:right;}
#branding #waxing h3				{font-size: 12px; color: #2e4052; padding: 3px 0px 3px 95px; font-weight: bold;}
#branding #waxing p					{padding: 3px 0px 3px 95px;}
#branding #waxing a:link,
#branding #waxing a:visited,
#branding #waxing a:active			{color:#A65A89; font-weight:bold; text-decoration:none;}
#branding #waxing a:hover			{color:#2e4052;}




#branding #specials					{background:url(../images/img_monthly.jpg) no-repeat; height:134px;}
#branding #specials h2				{font-size: 15px; color: #a65a89; padding: 5px 0px 5px 8px; font-weight: bold;}
#branding #specials h3				{font-size: 12px; color: #2e4052; padding: 0px 0px 5px 8px;}
#branding #specials p				{padding: 0px 0px 0px 8px;}
#branding #specials a:link,
#branding #specials a:visited,
#branding #specials a:active		{color:#A65A89; font-weight:bold; text-decoration:none;}
#branding #specials a:hover			{color:#2e4052;}


#branding p							{font-size: 10px; color: #2e4052;}


/* Dropdown Menu container 
--------------------------------------------------*/
table.menu				{position: absolute; z-index: 5000; border: 1px solid #FFFFFF; cursor: pointer; visibility: hidden;/* Don't change this */}

/* Dropdown Individual menu cells 
--------------------------------------------------*/
table.menu td			{z-index: 1000;
						color: #000000;/* Must be the same as tdColor in the menu_script.js */
						background-color: #FCB947; /* Must be the same as tdBgColor in the menu_script.js */
						border-top: none;
						padding: 5px 8px;
						font-family:Arial, Helvetica, sans-serif;
						font-size: 11px;
						font-weight:bold;
						white-space: nowrap;}

/* BOXES
--------------------------------------------------*/
#container							{background:url(../images/bkg_container.gif) repeat-y; border-left:1px solid #79542F; border-right:1px solid #79542F; border-bottom: 1px solid #79542F; width: 758px; margin: 0px auto; padding:0px 0px 38px 0px;}
#content							{position:relative; float:right; top:0px; width: 556px;}
#content .top						{border-bottom: 1px solid #7a3464;}

.col								{width: 173px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left}
.col2								{width: 240px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left}
.col li								{margin-left: 5px}
.col_schedule						{width: 155px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 0px; text-align:left}
.col_schedule li					{margin-left: 5px}

/* CONTENT FORMATTING
---------------------------------------------------*/
#content ul, #content ol			{margin: 10px 5px 10px 20px;}
#content li							{margin:5px 39px;}
#content ul li						{list-style: disc}
#content ol li						{list-style: decimal}
#content ol li ol li				{list-style: lower-alpha; margin-bottom: 5px}
#content p							{margin: 10px 25px 0px 25px; line-height: 15px}
#content h1							{font-size: 24px; margin: 25px 25px 19px 25px; color: #7a3464; font-weight: bold; text-align:right; border-bottom:2px solid #7a3464;}
#content h2							{font-size: 14px; margin: 20px 25px 8px 25px; color: #90755a; font-weight: bold}
#content h3							{font-size: 12px; color:#f2a439; font-weight:bold; margin: 10px 25px 0px 25px;}
#content h4							{font-size: 11px; color: #333333; margin: 2px 0px;}
#content h5							{font-size: 12px; color: #5b5504; margin: 0px 0px 8px;}
#content cite						{margin-left: 10px}
#content .small						{font-size:10px; font-style:normal;}

#content #flashcontent				{z-index:6000;}

.photo 								{border: 3px solid #a65a89; margin: 10px 0px}
.photoLeft, .photoRight				{border: 1px solid #a65a89; float: left; margin: 0px 10px 10px 0px}
.photoRight							{float: right; margin: 0px 10px 10px 10px;}
.photoRight_nobdr					{float: right; margin: 0px 10px 10px 10px; border:none;}
.photoLeft_nobdr					{float: left; margin: 0px 10px 10px 0px; border: none;}
.left								{width: 45%; padding-right:5%; float: left}
.right								{width: 45%; float: left; clear:right}
.leftFloat							{float: left; margin: 0px 10px 10px 0px}
.rightFloat							{float: right; margin: 0px 0px 10px 10px}
textarea							{font-family: Arial, Helvetica, sans-serif; font-size: 11px}

#content table th					{font-size:12px; font-weight:bold; color:#a65a89; padding:10px; text-align:left; border:1px solid #F3F6F9;}
#content table td					{color:#000; padding:10px;}
#content table td p					{margin:0px;}
#content table td a					{font-weight:bold;}
#content table .row1				{background:#F3F6F9;}
#content table .row2				{background:#FFFFFF;}

/* FORM
---------------------------------------------------*/
form								{margin:10px 25px; clear:both;}
#content form h2								{margin: 20px 0px 8px 0px;}
.form_row							{position: relative; margin:10px 0px; clear:right; height:20px;}
.form_row table td					{padding:5px;}
.form_row table select,
.form_row table input				{width:60px;}
.form_req							{width:10px; float:left; color:#F00;}
.form_label							{width:200px; height:25px; margin-top:3px; float:left}
label								{clear: right; display: block}
label input							{width: 40px}

/* PAGE SPECIFIC
---------------------------------------------------*/
.contact .col						{width: 30%; margin: 0px 5px; padding: 0px 0px 20px}
#content .column					{float:left; width:30%; border-right: 1px solid #e2cd9a; padding:0px 7px 5px 7px; height:900px;}
#content .columnlast				{float:left; width:30%; border-right:none; padding:0px 7px 5px 7px; height:900px;}
#content .column h2					{text-align:center; border-bottom:1px solid #e2cd9a; padding-bottom:10px;}
#content .columnlast h2				{text-align:center; border-bottom:1px solid #e2cd9a; padding-bottom:10px;}

#pg_visit #content h4				{position:absolute; margin:0px 0px 15px 320px; font-size:13px;}
#pg_visit #content h5				{position:absolute; margin:70px 0px 0px 310px; *margin-left:295px;}
#pg_visit #content h5 img			{padding:0px 10px;}

#pg_landing h1						{margin-bottom:5px;}
#pg_landing #links_btm 				{margin-left:24px;}
#pg_landing #links_btm a:link,
#pg_landing #links_btm a:visited,
#pg_landing #links_btm a:active		{padding-right:15px; font-size:14px; font-weight:bold;}
#pg_landing #links_btm a:hover		{padding-right:15px; font-size:14px; font-weight:bold;}

#pg_landing #links_btm_wax			{margin-left:42px;}
#pg_landing #links_btm_wax a:link,
#pg_landing #links_btm_wax a:visited,
#pg_landing #links_btm_wax a:active	{padding-right:40px; font-size:14px; font-weight:bold;}
#pg_landing #links_btm_wax a:hover	{padding-right:40px; font-size:14px; font-weight:bold;}

#pg_landing .col					{width: 200px; margin: 0px 26px; padding:0px;}
#pg_landing .col2					{width: 200px; padding:0px;}
#pg_landing .photoRight_col			{float: right; margin: 0px 0px 0px 0px;}

#pg_visit table						{margin: 0 0 0 15px;}
#pg_visit table p					{padding: 0 0 10px 0;}
.clear								{clear:both;}

/* SITE INFO (footer)
---------------------------------------------------*/
#siteinfo 							{position:relative; width: 760px; margin:10px auto; clear:both; color:#886441; font-size:11px; text-align:right;}
#siteinfo cite						{font-style:normal;}
#siteinfo a:link,
#siteinfo a:visited					{color: #886441; text-decoration: none; font-size:11px; font-weight:normal;}
#siteinfo a:hover,
#siteinfo a:active					{text-decoration:underline;}

/*Home 
---------------------------------------------------*/
#pg_home #container					{background:none; padding:0px;}
#pg_home #container img				{margin:-1px 0px 0px 0px;}
#pg_home #branding  				{height:425px; width:202px; padding:0px; margin:0px;}

#pg_home #content					{position:relative; float:right; background:url(../images/img_home.jpg) no-repeat; float:right; top:0px; height:425px;}
#pg_home #content img				{margin:-1px 0px 0px 0px;}
#pg_home #content h1				{position:relative; z-index:10; font-size: 20px; color: #fff; font-weight: normal; padding:0px 0px 0px 5px; border:none; text-align:left;}
#pg_home #content h1 span			{position:absolute; z-index:-50; top:-10px; left:62px; font-size: 68px; color: #714a35; margin:0px; padding:0px 0px 0px 0px; text-align:left;}

#pg_home #content blockquote		{position:relative; float:right; width:450px; top:140px;}
#pg_home #content blockquote span	{color:#a12d75; font-weight:bold;}
#pg_home #content p					{margin:0px 15px 0px 15px; line-height:18px;}
#pg_home #content h2				{margin:20px 15px 20px 15px; line-height:20px;}

#pg_home #content_btm				{height:241px;}
#pg_home #content_btm h3			{font-size: 18px; color:#2e4052; font-weight:normal; margin: 108px 15px 10px 0px; text-align:right;}
#pg_home #content_btm h4			{font-size: 20px; color: #a65a89; margin: 130px 0px 0px 162px; font-weight:bold;}
#pg_home #content_btm h5			{font-size: 12px; color: #2e4052; margin: 5px 0px 5px 162px; }

#pg_home #content_btm #left			{position:relative; float:left; height:241px; width:299px; background:url(../images/img_left_ad.jpg) no-repeat;}
#pg_home #content_btm #left p		{font-weight:bold; color:#a65a89; text-align:right; margin: 0px 15px 0px 0px;}
#pg_home #content_btm #left .visit	{color:#2e4052; text-align:right; font-weight:normal;}

#pg_home #content_btm #right		{position:relative; float:right; height:241px; width:459px; background:url(../images/img_right_ad.jpg) no-repeat;}
#pg_home #content_btm #right p		{position:relative; font-size:10px; font-weight:bold; color:#2e4052; margin:0px 0px 0px 162px; padding:0px;}
#pg_home #content_btm #right h6		{font-weight:normal; font-size:12px; text-align:center; margin:15px 0px 0px 0px;}
#pg_home #content_btm #right h3		{position:absolute; margin:-30px 0px 0px 300px;}

#pg_home #content_btm h3 a:link,
#pg_home #content_btm h3 a:visited	{color: #2e4052; text-decoration:none;}
#pg_home #content_btm h3 a:hover	{color: #a12d75; text-decoration:none;}

#pg_home #content_btm h4 a:link,
#pg_home #content_btm h4 a:visited	{color: #a12d75; text-decoration:none;}
#pg_home #content_btm h4 a:hover	{color: #2e4052; text-decoration:none;}