/* */
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; background:url(../images/1_name.jpg); position:relative;}
		.Facebook-Link{
			position:absolute;
			width:32px;
			height:32px;
			top:24px;
			right:170px;
		}
	#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:2px 10px 8px 10px; line-height:130%;	}
			#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:10px; right:0;  background-position:bottom right}
			#MEETPIC	{	position:absolute; margin:0; left:0; width:194px; height:244px; top:130px;}
			#MEETHDR	{	position:relative; margin-left:194px; width:195px; height:35px;top:130px;}
			#MEETTEXT	{	position:relative; margin-left:194px; right:0;  width:195px; top:125px; background:url(../images/1_Smess-bg.jpg) no-repeat;}
				#MEETTEXT P			{ margin:3px 15px 6px 6px; line-height:120%; color: #FFFFFF; }
				#MEETTEXT A			{ color: #FFFFFF;}
				#MEETTEXT A:hover	{ color: #D1C9BD;}
				/*CoolSculpting*/
.CoolSculpting{
	position:absolute;
	top:0;
	left:0;
}
				
		#CONTBOX		{
	position:absolute;
	top: 530px;
	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;  }
	#CONTACTS		{ position:relative; height:100px; 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;
}
.IMGBdr{
border:1px solid black;
padding:1px;
}
.MessVideo {
margin:20px 0 20px 20px;
}
a.VideoBtn{
	width:300px;
	font-size:16px;
	color:#fff;
	display:block;
	background: rgb(157,95,48); /* Old browsers */
background: -moz-linear-gradient(top, rgba(157,95,48,1) 0%, rgba(96,57,21,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,95,48,1)), color-stop(100%,rgba(96,57,21,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(157,95,48,1) 0%,rgba(96,57,21,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(157,95,48,1) 0%,rgba(96,57,21,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(157,95,48,1) 0%,rgba(96,57,21,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d5f30', endColorstr='#603915',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(157,95,48,1) 0%,rgba(96,57,21,1) 100%); /* W3C */
padding:10px;
text-transform:uppercase;
text-decoration:none;
line-height:140%;
}
.VideoBtn img{
	margin:0 10px 0 0;
}
a.VideoBtn:hover{
	color:#ccc;
}
a.VideoBtn span{
	color:#6FA52F;
	}
a.VideoBtn span:hover{
	color:#A5CC77;
}