/* css style-5041 - Phillip Craft -New Beauty Center*/

/*.......((  Site Layout Elements ))...........................*/

html, body 		 { margin: 0; padding: 0; border: 0; height: auto; }
body				 { border: 0px; margin: 0px; padding: 0px; font: 12px Verdana, Arial; text-align: center; color: #FFF; background: #9F875B url(../images/bg.jpg) top left repeat-x ; height: auto; }

#container	{ margin: 0 auto; width: 771px; text-align: left;  height: auto;  /*firefox,safari fix*/ background: url(../images/container-bg.jpg) top left repeat-y ; }
#container-int { margin: 0 auto; width: 771px; text-align: left;  height: auto;  /*firefox,safari fix*/ background: url(../images/container-bg-int.jpg) top left repeat-y ; }
#liner				{ position: relative; width: 755px; } /*Right  Div - Container*/
#float-wrap	{ float: left; width: 755px;  margin-right: 1px; /*Use Above total + Add Margin 1 Fix*/ }
#center			{ float: right;  width: 739px;  margin-bottom: -1px; /*Left  Div + Right Div - Container*/  overflow: visible; }
#left 				{ float: left; width: 16px;  height: 556px; background:   url(../images/left-b.jpg) bottom left repeat-x;  }
#right			{ float: left; position: relative; width: 16px;  margin-right: -16px;   margin-left: -1px; height: 556px; background:  url(../images/right-b.jpg) bottom left repeat-x; }

#top-row		{ margin: 0 auto; padding: 0px; width: 771px;  text-align: left; height: auto;  background:  url(../images/top-bg.jpg) top repeat-x ; height: 26px;  }
.row-r				{ margin: 0 auto; padding: 0px; float: right; }
.row-l				{ margin: 0 auto; padding: 0px; float: left; }

#btmrow		{ margin: 0 auto; padding: 0px; width: 771px;  text-align: left;  background:  url(../images/btm-bg.jpg) top left repeat-x ; height: 25px; }
.btmrow-l		{ margin: 0 auto; padding: 0px;  float: left; }
.btmrow-r 		{ margin: 0 auto; padding: 0px;  float: right; }

#header		{ border: 0px; margin: 0px 0px 0px 0px; padding: 0px; width: 739px; float: left;  margin: 0px 0px px 0px; border-bottom: 3px solid #F0ECDE; }
#flash 			{ border: 0; margin: 0; padding: 0px 0px 0px 0px ; width: 739px; height: 272px; float: left; }
#ban   			{ border: 0px; margin: 0px; padding: 0px 0px 0px 0px ; width: 739px; height: 143px; float: left;  }

/*.......((  Nav Area )).............................................*/
#nav {
	text-align: center;
	float: left;
	width: 739px; 
	height: 100%;
	margin: 0px 0px 0px 0px;
	border-top: 3px solid #FFF; 
	background:  #A29375 url(../images/nav-bg.jpg)  bottom left repeat-x;

	}

#nav p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}

/*.......(( Content area )).................................*/

#cbg { background:   url(../images/content-bg.jpg) top left repeat-x; width: 739px; float: left; } 		
#content {  position: relative; padding: 0px 30px 0px 30px; width: 679px;  /*width minus padding-Cheat a few pixels less/Older Browsers  will add to width*/ overflow: visible; float: left;
	height: 100%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 210px;
	}
html>body #content {  height: auto; }

#cbg-int { background:   url(../images/content-bg-int.jpg) top left repeat-x; width: 739px; float: left; } 		


/*.......((  Footer area ))...............................................*/

#footer {
	margin: 0px auto;
	text-align: left;
	font-size: 10px;
	width: 740px;
	}
	
#footer p {
	color: #DBC9A5;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}

#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #DBC9A5; 
	}
	
#footer a:hover {
	text-decoration: underline;
	color: #FCE4B9;
	} 



/*.......(( Misc. elements ))....................................................*/

.clear { clear: both; }

.Button {
	background-color:#8A7C63;
	color: #FFF;
	cursor: hand;
	font-size:10px;
	text-decoration: none;
	border: 1px solid #7C6A4B; 
	}
	
.ButtonHover {
	background-color: #F9E1B5	;
	color: #8E8066;
	cursor: hand;
	font-size:10px;
	text-decoration: none;
	border: 1px solid #B89E71; 
	}


/*.......(( Basic HTML elements ))....................................................*/

p { border: 0px; }

a:link, a:visited, a:active { color: #FCE4B9; text-decoration: underline;  }
a:hover { color: #FFF8ED; text-decoration: underline; }

/*.......(( Dev Edit Classes ))..........................................................*/

.border				{ border: 1px solid #F0D1A8; }
.border2				{ border: 2px solid #F0D1A8; }
.mL						{ margin: 0px 0px 15px 15px; }
.mR						{ margin: 0px 15px 15px 0px; }
.border_mL		{ border: 1px solid #F0D1A8; margin: 0px 0px 15px 15px; }
.border2_mL		{ border: 2px solid #F0D1A8; margin: 0px 0px 15px 15px; }
.border_mR		{ border: 1px solid #F0D1A8; margin: 0px 15px 15px 0px; }
.border2_mR	{ border: 2px solid #F0D1A8; margin: 0px 15px 15px 0px; }

hr 						{ color: #F0D1A8; height:1px; }
hr.size2 				{ color: #F0D1A8; height: 2px; }

/* PageContact */
.PageContact_Office { list-style:none; font-size:12px; margin-left: 0px; margin-top: 0px; margin-bottom: 2px;}
.PageContact_Office_CompanyName1 { font-size:16px; font-weight: bold; }
.PageContact_Office_CompanyName2 { font-size:16px; font-weight: bold; }
.PageContact_Office_OfficeLocation { font-size:14px; font-weight: bold; }
.PageContact_Office_Photo { border: solid 1px #F0D1A8; }
.PageContact_Contact { list-style:none; font-size:12px; margin-left: 0px; margin-top: 0px; margin-bottom: 2px;}
.PageContact_Contact_Name { font-size:14px; font-weight: bold; }
.PageContact_Contact_Photo { border: solid 1px #F0D1A8; }
.PageContact_Contact_Seperator { border-top: solid 1px #F0D1A8; height: 1px; }

/* PageInternetLink */
.PageInternetLink_Intro { font-size: 12px; }
.PageInternetLink_Category_Container { padding-top: 0px; border-top: solid 1px #F0D1A8; margin-top: 10px; margin-bottom: 20px; }
.PageInternetLink_Category { list-style:none; line-height:18px; margin-left: 0px; margin-bottom: 2px; margin-top: 0px;  }
.PageInternetLink_Category_Name { font-size:18px; font-weight: bold; }
.PageInternetLink_Category_Description { font-size:12px; }
.PageInternetLink_Link { list-style:none; font-size:10px; margin-left: 0px; margin-bottom: 5px; margin-top: 3px; }
.PageInternetLink_Link_Url {  font-size:14px; font-weight: bold; }
.PageInternetLink_Link_Description { font-size:12px; }

/* PageTestimonial */
.PageTestimonial_Intro { font-size: 12px; padding-bottom: 18px;  }
.PageTestimonial_Container { padding-top: 10px; border-top: solid 1px #F0D1A8;   }
.PageTestimonial_Quote { font-size: 12px; font-style: italic; }
.PageTestimonial_ProvidedBy { font-size: 12px; font-weight: bold;  text-align:right; padding: 7px 0px 10px 0px }

/* PageFAQ */
.PageFAQ_PageName { font-size:16px; font-weight:bold; }
.PageFAQ_Intro { font-size: 12px; }
.PageFAQ_Container { padding-top: 10px; padding-left: 5px; }
.PageFAQ_Question { font-size: 12px; padding-bottom:10px; }
.PageFAQ_Answer { font-size: 12px; display:none; padding-bottom:15px; border-bottom: solid 1px #F0D1A8; }

/* PageService_Intro */
.PageService_Stylized { font-size: 24px; }
.PageService_Intro { font-size: 12px; }
.PageService_Group { margin-left: 15px; margin-bottom: 2px; margin-top: 0px;  }
.PageService_Group_Name {  font-weight: bold; list-style-image: url(../images/../images/bullet.gif); list-style-position: inside; }
.PageService_Group_Name a:link, .PageService_Group_Name a:visited, .PageService_Group_Name a:active { color: #FFE9C3;	text-decoration: underline;}
.PageService_Group_Name a:hover { color: #FFF8ED; text-decoration: underline;}
.PageService_Group_Description { padding-top:15px;	 }
.PageService_Item { margin-left: 30px; margin-bottom: 2px; margin-top: 0px;  list-style-image: url(../images/bullet.gif); list-style-position: inside;}
.PageService_Item_Name { font-size:12px;  }
.PageService_Line_Group_Name { font-size:13px; border-bottom: solid 1px #F0D1A8; padding-bottom: 6px; font-weight: bold;  }
.PageService_Line_Group_Items { font-size:12px;  text-align: right; padding: 8px 0px 0px 0px;  }
.PageService_Line_Item_Name{ font-size:13px; border-bottom: solid 1px #F0D1A8; padding-bottom: 6px; font-weight: bold;}
.PageService_Item_Description { padding-top:15px; }

/* PageContact-Intro */
.qcform { margin: 0px; text-align: left; background: #C9AD7C; border: 1px solid #AD8E56; }
.qcform p { text-align: left; padding: 0px 2px 5px; line-height: 16px; margin: 0px; }
.qcform td { text-align: left; padding: 2px 15px; vertical-align: bottom; text-align: center; }
.qcformcolor { font: 12px verdana, arial, sans-serif; padding: 2px; width: 234px; background-color: #E3D1B3 !important; border: 1px solid #B49660; color: #937136; }
.qc-err { color:red; }
hr.qcform { height:1px; margin: 5px 0px; padding: 0px; color: #937136; }

/* MiniForm*/
.m-form                             { background: #C9AD7C; border: 1px solid #AD8E56 ; width: 148px; padding: 10px 13px; margin: 68px 0px 7px 20px; float:right; }
.m-form-low                         { background: #C9AD7C; border: 1px solid #AD8E56 ; width: 148px; padding: 10px 13px; margin: 69px 0px 7px 20px; float:right; }
.m-form-services                    { background: #C9AD7C; border: 1px solid #AD8E56 ; width: 148px; padding: 10px 13px; margin: 88px 0px 7px 20px; float:right; }
.m-form-inner-services              { background: #C9AD7C; border: 1px solid #AD8E56 ; width: 148px; padding: 10px 13px; margin: 98px 0px 7px 20px; float:right; }
.m-formcolor, .m-form-innercolor    { font: 12px verdana, arial, sans-serif; width: 144px; background-color: #C9AD7C !important; border: 1px solid #AD8E56; color: #FFF; margin-top: 5px; padding: 2px; float: right; }
.m-error                            { color: red; }
.m-form .right, .m-form-low .right, .m-form-services .right, .m-form-inner-services .right { float: right; margin-top: 5px; } 
.m-form h1, .m-form-low h1, .m-form-services h1, .m-form-inner-services h1  { font-size:19px;font-weight:bold;padding:0px;margin:0px;margin-bottom:2px;font-family:arial; }
.shim                               { float: right; clear: right; height: 20px; }
.shim-none                          { float: right; clear: right; }
.shim-left                          { float: left; clear: left; height: 20px; display: block; }
.return                             { margin: 0 0 8px; display: block;} /* edit margin for address spacing*/

