/* */
BODY,P,H1,H2,H3,LI,UL,FORM,TABLE,OBJECT		{	margin:0; padding:0;	}
BODY	{	background: url(../images/1_bg.jpg) repeat-x; background-color:#B6AB98; text-align:center  }

/* typography
------------------------------------------------------------------------*/
BODY,P,H1,H2,H3,H4,LI,UL
				{	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	color: #572200; }
BODY,P			{	font-size:11px;}
P,H1,H2,H3,H4	{	margin:10px 15px 10px 15px; }

P 	{	text-align:left; }
H1 	{	font-size:16px; text-transform:uppercase; font-weight:bold;	}
H2 	{	font-size:13px; font-weight:bold; color: #5C5B3D;	}
H3 	{	font-size:11px; font-weight:bold; color: #5C5B3D;}

A		{	color: #5C5B3D;	font-weight:bold; text-decoration:underline; }
A:hover	{	color: #572200; font-weight:bold; text-decoration:underline; }

img { border:0; }

HR	{	border:1px solid #D1C9BD; }

FORM			{	margin:0;	}

/* Layout
------------------------------------------------------------------------ */
#CONTAINER		{ position:relative; width:742px; background:url('../images/1_text-bg.jpg') repeat-y; margin:0 auto; text-align:center   }
	#HDRBOX			{ position:relative; width:742px; height:65px; margin:0}
	#MIDBOX			{ position: relative; width:742px; height:287px;}
	#NAVBOX			{ position:absolute; width: 742px; height: 287px; top:0; left:0 }
		/* This is the nav (placed vertically)  
		------------------------------------------------------------------------ */
		#NAV		{ position: absolute; left:0; width:211px; height:287px ; background:url(../images) no-repeat;}
			#NHOME, #NHOME A 	{	height:37px; background:url(../images/nav/home.jpg);}
			#NMEET, #NMEET A 	{	height:41px; background:url(../images/nav/meet.jpg);}
			#NPROC, #NPROC A 	{	height:75px; background:url(../images/nav/proc.jpg);}
			#NTEST, #NTEST A 	{	height:26px; background:url(../images/nav/test.jpg);}
			#NCONT, #NCONT A 	{	height:42px; background:url(../images/nav/contact.jpg);}
			#NFORM, #NFORM A 	{	height:34px; background:url(../images/nav/form.jpg);}
			#NGALLERY, #NGALLERY A 	{	height:32px; background:url(../images/nav/gallery.jpg);}
			#NHOME A, #NMEET A, #NPROC A, #NCONT A, #NFORM A, #NTEST A, #NGALLERY A	{	display:block; width:211px;}
			#NHOME A:hover	{	background:url(../images/nav/overhome.jpg); }
			#NMEET A:hover	{	background:url(../images/nav/overmeet.jpg);}
			#NPROC A:hover	{	background:url(../images/nav/overproc.jpg);}
			#NTEST A:hover	{	background:url(../images/nav/overtest.jpg);}
			#NCONT A:hover	{	background:url(../images/nav/overcontact.jpg);}
			#NFORM A:hover	{	background:url(../images/nav/overform.jpg);}
			#NGALLERY A:hover	{	background:url(../images/nav/overgallery.jpg);}

	#FLABOX			{ position:absolute; width:361px; height:287px; left:211px}
	#PROCBOX		{	position:absolute; width:170px; height:287px; right:0 }			
		#PROCHDR		{	position:absolute; width:30px; height:287px; left:0}			
		#PROCLIST		{	position:absolute; width:140px; right:0; margin-left:30px; height:287px; background:url('../images/1_Plist.jpg')}			
			#PROCLIST P			{	margin:8px 10px 8px 10px; line-height:145%;	}
			#PROCLIST A			{	color: #572200;	text-decoration:none; font-weight:normal }
			#PROCLIST A:hover	{	color: #747347; text-decoration:none; }

	/* CONTENT section. The following group is for the home page only 
	-------------------------------------------------------------------------- */
	#BORDERTOP		{ position:relative; height:10px; width:742px; top:0; left:0}
	#CONTENTBOX		{ position:relative; width:742px; top:0; left:0; margin-left:0; text-align:left}
		#WELBOX			{ position:relative; top:0px; left:1px; width: 345px; margin:0; }
			#WELBOX P				{ line-height:140%;}
			/* set the formatting for UL, OL, LI, DL, etc specific to the section rather than global.  */
			#WELBOX UL, #WELBOX OL			{	padding-left:25px;}
			#WELBOX LI				{	list-style:circle;} 

		#MEETBOX		{	position:absolute; width: 389px; height: 380px; top:50px; right:0; background:url(../images/1_Smess-bg.jpg) no-repeat; background-position:bottom right}
			#MEETPIC	{	position:absolute; margin:0; left:0; width:194px; height:244px}
			#MEETHDR	{	position:relative; top:0; margin-left:194px; width:195px; height:35px}
			#MEETTEXT	{	position:relative; margin-left:194px; right:0;  width:195px;}
				#MEETTEXT P			{ margin:3px 15px 6px 6px; line-height:120%; color: #FFFFFF; }
				#MEETTEXT A			{ color: #FFFFFF;}
				#MEETTEXT A:hover	{ color: #D1C9BD;}
				
		#CONTBOX		{
	position:absolute;
	top: 440px;
	right:0;
	height: 304px;
}
			#CONTHDR	{ position:relative; top:0; width:389px; left:0; margin:0;}
			#CONTFORM	{ position:relative; width:191px; height:210px; left:0; background:url(../images/1_Scont-bg.jpg) no-repeat;}
				#CONTFORM FORM	{ margin-left:12px;}
			#CONTLOC	{ position:absolute; width:198px; height:210px; top:34px; margin-left:191px; background:url(../images/1_Scont-map.jpg) no-repeat;}
				#CONTLOC P			{ margin:3px 10px 6px 6px; text-align:justify; line-height:140%; }
				#CONTLOC A			{ color: #572200;	font-weight:bold; text-decoration:none; }
				#CONTLOC A:hover	{ text-decoration:underline; }
		
		#TestBox{
		position:absolute;
		width: 389px; /* 389px */
		height: 120px; /* 244px */
		top:1060px;
		left:352px;
		background:url(../images/TestimonialsBG.jpg);
		}
			
			#TestBox p{
			margin:40px 0 0 10px;
			}
			
		#ArticleBox{
		position:absolute;
		width: 389px; /* 389px */
		height: 145px; /* 244px */
		top:1190px;
		left:352px;
		background:url(../images/ArticleBG.jpg);
		}	
			#ArticleBox p{
			margin:40px 0 0 10px;
			}


	/* a separator between the content and the footer. Clear all the formatting from above and give the bottom a clean section */
	#CLRBOX			{ clear:both; height:70px;  }
	#CONTACTS		{ position:relative; height:62px; margin:60px 0 10px 0; width:742px; top:0; left:0}
	#BORDERBTM		{ position:relative; height:11px; width:742px; top:0; left:0}
	#FTRBOX	{	position:relative; left:0; width: ; margin:0; padding:0; background:url(../images/1_ftrbg.jpg) repeat-y; }
		/* usually like to set formatting for the footer. */
		#FTRBOX P		{ line-height:125%; text-align:center; color: #FFFFFF; margin:0 15px; }
		#FTRBOX A		{ color: #FFFFFF; font-weight:normal; text-decoration:none; }
		#FTRBOX A:hover	{ text-decoration:underline; }
	/*------------------------------------------------------------------------ */

	/* The following is for inside pages
	-------------------------------------------------------------------------- */
	#CONTENTBOX2		{ position:relative; width:742px; top:0; left:0; margin-left:0; text-align:left; min-height:500px;}
	*html #CONTENTBOX2 {height:500px;}
		#MAINTEXT		{ position:relative; top:0px; left:1px; width: 530px; margin:0; }
			#MAINTEXT P				{ line-height:140%;}
			#MAINTEXT UL, #MAINTEXT OL		{	padding-left:25px;}
			#MAINTEXT LI					{	list-style:circle;} 
			
		#PCONTBOX		{ position:absolute; top:25px; right:0; width:212px; }
			#PCONTHDR	{ top:0; width:212px; left:0; margin:0;}
			#PCONTFORM	{ width:212px; height:210px; left:0; background:url(../images/side2-bg.jpg) repeat-y;}
				#PCONTFORM FORM	{ margin-left:12px;}
			#PCONTLOC	{ width:212px; height:270px; left:0; top:0; background:url(../images/side2-mapbg.jpg) no-repeat;}
				#PCONTLOC P			{ margin:0 15px 6px 20px; line-height:140%; }
				#PCONTLOC A			{ color: #572200;	font-weight:bold; text-decoration:none; }
				#PCONTLOC A:hover	{ text-decoration:underline; }
	/*------------------------------------------------------------------------ */


/* Procedures ----------------------------------------------------- */	
#LISTPROCBOX	{position:relative; top:0; left:0; margin-left:4px; width:526px;}
	#LISTPROC		{	position:relative; background-image:url('../images/1P_bgre.jpg'); background-repeat:repeat-y; height:250px;}
		#LISTPROC-FACE	{position: absolute; width:133px; left:0; top:0}
		#LISTPROC-BREAST	{position: absolute; width:130px; left:133px; top:0}
		#LISTPROC-BODY		{position: absolute; width:130px; left:263px; top:0}
		#LISTPROC-OTHER		{position: absolute; width:133px; left:393px; top:0}
		/* Procedures formatting ------------------------------------------ */	
		#LISTPROC P			{ margin: 5px 3px; text-align:center}
		#LISTPROC A			{ color:#572200; font-weight:normal; text-decoration:none}
		#LISTPROC A:hover	{ color:#666633; font-weight:normal; text-decoration:underline}
		/* ---------------------------------------------------------------- */	
	#LISTPROCBTM	{	position:relative; background-image:url('../images/1P_bgbtm.jpg'); background-repeat:no-repeat; height:10px; }
/* ----------------------------------------------------- */	

	
/* other formats 
------------------------------------------------------------------------ */
.clrALL	{	clear:both}
.alignC	{	text-align:center;}
.alignL	{	text-align:left;}
.alignR	{	text-align:right;}
.floatL	{	float:left; margin-bottom:8px; margin-right:10px;}
.floatR	{	float:right; margin-bottom:8px; margin-left:10px;}

.mapfla		{ 	border:1px solid #FFFFFF; margin-left:15px; }
#clickform	{	float:right; margin:15px 15px 0px 5px; background-color:#918F5E; border:1px solid #FFFFFF; }
#clickform	P	{ font-size:13px; color:#FFFFFF; text-align:center }
#clickform a		{ 	color:#FFFFFF; text-decoration:none; }
#clickform a:hover	{	color:#CCCCCC; text-decoration:none; }

/* photos table formatting */
.normal		{	font-size:11px; color:#572200; text-align:center;
			margin:10px 15px 10px 85px; border:1px solid #FFFFFF; background-color:#ffffff; }
.normal2	{	font-size:11px; color:#572200; text-align:center;
			margin:10px 15px 10px 105px; border:1px solid #FFFFFF; background-color:#ffffff; }			
.normal400	{	font-size:11px; color:#572200; text-align:center;
			margin:10px 15px 10px 50px; border:1px solid #FFFFFF; background-color:#ffffff; }

/* formatting for the FORM. class formQC is for setting the same formats for all the form elements for the Quick Contact.
FORMstyle is for the Consultation Form
------------------------------------------------------------------------ */
.formQC		{	margin:2px; width: 150px;   }
.FORMstyle	{	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#572200; margin:2px; }
INPUT, SELECT, TEXTAREA	{	padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#572200	}

.TestimonialsBox{
padding:0 0 0 20px;
width:520px;
display:table;
}
.Testimonial{
border:1px solid white;
padding:1px;
margin:5px;
width:150px;
height:150px;
float:left;
}