/*--------------------- Last Modified  2006.11.10 ---------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright Einstein Industries 2006. Used with Permission.                             
  May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

body {
	background: url(../images/home/slice.jpg) repeat-x top left;
	background-color: #B5A891;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4E0101;
	text-align:center; 
	}

p { margin: 0px 0px 12px 0px; }
h1, h2, h3 { padding: 0px; margin: 0px; font-size: 11px; }
h1 span { display: none; }

input { padding: 0px; margin: 0px; }

a { color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; outline: none;}
a:hover { text-decoration: underline; }


/*-------------- classes ------------------------*/
.right { text-align: right; }
.bold { font-weight: bold; }
.hide { display: none; }

.fields { 
	display: block; 
	width: 103px; 
	height: 17px; 
	background: url(../images/home/fieldbg_07.gif) repeat top left; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; color: #4E0101; 
	border-top-width: 1px; 
	border-left-width: 1px; border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-style: solid; 
	border-color: #FAF4EB; 
	padding: 0px; 
	margin: 0px; 
	} 
	
.bigfields { 
	display: block; 
	width: 103px; 
	height: 39px; 
	background: url(../images/home/bigfieldbg_07.gif) repeat top left; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #4E0101; 
	border-top-width: 1px; 
	border-left-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-style: solid; 
	border-color: #FAF4EB; 
	overflow: hidden; 
	}
	
.dpod_sub { 
	color: #A52E15; 
	font-weight:bold; 
	font-size: 13px; 
	}
	
.forms { 
	background-color: #D6B179; 
	font-family: Arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #4E0101; 
	width: 105px; 
	border-top-width: 1px; 
	border-left-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-style: solid; 
	border-color: #FAF4EB;
	}
.formsbig { 
	background-color: #D6B179; 
	font-family: Arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #4E0101; 
	width: 300px; 
	border-top-width: 1px; 
	border-left-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-style: solid; 
	border-color: #FAF4EB; 
	}

/*----------------- div declarations ---------------------*/
#container {
	padding: 0px;
	text-align: left;
	margin:0 auto;
	width: 760px;
}

#r1 { width: 760px;  height: 386px;}



#r1c1 { width: 36px; float: left; position: relative;}
#r1c2 { width: 695px; float: left; position: relative; height: 386px;}
  body#body-page #r1c2 {background: url("../images/sub/body.jpg") top no-repeat;}
  body#skin-page #r1c2 {background: url("../images/sub/skin5.jpg") top no-repeat;}
  body.face #r1c2 {background: url("../images/sub/face.jpg") top no-repeat;}
  body.breast #r1c2 {background: url("../images/sub/breast2.jpg") top no-repeat;}
  body#practice #r1c2 {background: url("../images/sub/practice3.jpg") top no-repeat;}
  body.contact #r1c2 {background: url("../images/sub/practice2.jpg") top no-repeat;}
  body#sitemap #r1c2 {background: url("../images/sub/practice3.jpg") top no-repeat;}

#r1c2 a.home-link {
	position:absolute;
	top: 24px;
	left: 40px;
	width: 380px;
	height: 60px;
	}
#r1c3 { width: 29px; float: left; position: relative; }

#bodycontainer { 
	width: 760px; 
	background: url(../images/home/bodycontainerbg_02.gif) repeat-y top left; 
	padding-left: 49px; 
	}
#bodycontainer:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	}
	
#bodyc1 { width: 187px; float: left; } 
#bodyc2 { width: 517px; float: left; padding-left: 7px; }
	#bodyc2 p, #bodyc2 dl { margin-left: 29px; margin-right: 70px; }
	#bodyc2 dt { font-weight: bold; }
	#bodyc2 ul { margin: 0 70px 10px 57px;}
	#bodyc2 h1, #bodyc2 h2, #bodyc2 h3, #bodyc2 h4, #bodyc2 h5, #bodyc2 h6 { margin: 0 70px 5px 29px; }   

body#body-page h2, body#skin-page h2, body#skin-page h1 {margin: 0px;}
body#body-page h2 span, body#skin-page h2 span, body#skin-page h1 span {display: none;}
#quickcontact { padding: 0px 0px 0px 0px;}
#quickcontact form { 
	width: 103px; 
	margin: 0px 0px 0px 37px; 
	padding: 0px; 
	}
#quickcontact div { margin: 0px 0px 2px 0px; }
#quickcontact p { margin: 0 11px 11px; padding: 5px 0; }

#pod1-bottom {
	width: 475px;
	background: url("../images/home/pod1-bottom.jpg");
	height: 31px;
	clear:both;
	}
#pod1 { 
	width: 475px; 
	background: url(../images/home/pod1-wrap.jpg) repeat-y; 
	float: left;
	}
	#pod1 p { margin-left: 165px; margin-right: 29px; }
	#pod1 h1 { margin-left: 165px; margin-right: 29px; }
	
#dpod { 
	width: 475px; 
	background: url(../images/home/doublepodbg_03.gif) repeat-y top left; 
	}

#dpodbottom { 
	width: 475px; 
	background: url(../images/home/dpodbottom_03.gif) no-repeat bottom left; 
	padding-bottom: 40px; 
	}
#dpodbottom:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	}

#dpod1 { 
	width: 241px; 
	float: left; 
	background: url(../images/home/subhead_smart_lipo.jpg) no-repeat top left; 
	padding-top: 70px; 
	}
#dpod1 p, #dpod1 h2 { margin-left: 37px; margin-right: 10px; }
#dpod2 { 
	width: 234px; 
	float: left; 
	background: url(../images/home/subhead_zahorsky.jpg) no-repeat top left; 
	padding-top: 70px; 
	}
#dpod2 p, #dpod2 h2 { margin-right: 24px; margin-left: 24px; }

#footer { width:760px; text-align: center; padding-bottom: 10px;}
	#footer p { padding: 0; margin: 0 24px 11px; }
	#footer ul { padding: 0; margin: 0 0 10px; list-style: none; }
	#footer li { 
		padding: 0 5px 0 7px; 
		border-left: 1px solid #4E0101; 
		display: inline; 
		font-size: 11px; 
		line-height: 16px; 
		}
	#footer li.first { border-left: none; }
#footer a { color: #4E0101; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


/* -------------------- sub div's ----------------------*/
#contactform { 
	text-align: center; 
	width: 360px; 
	margin: 0px 0px 0px 50px; 
	}
#contactform div { 
	padding: 5px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #505050; 
	font-size: 11px; 
	}

/*------------------- h1 - h4 image replacements ----------------------*/
#beautyleaves { 
	background: url(../images/home/pod1-top.jpg) no-repeat top; 
	width: 475px; 
	padding: 89px 0 0 0 ; 
	}
	#beautyleaves span { display: none; }
#practicediv { 
	background: url(../images/sub/hdr_practice_03.gif) no-repeat top left; 
	width: 347px; 
	height: 70px; 
	}
	#practicediv span { display: none; }
#sitemapdiv { 
	background: url(../images/sub/hdr_sitemap.gif) no-repeat top left; 
	width: 347px; 
	height: 70px; 
	}
	#sitemapdiv h1 { display: none; }
#bodydiv { 
	background: url(../images/sub/hdr_body_03.gif) no-repeat top left; 
	width: 347px; 
	height: 70px; 
	}
	#bodydiv span { display: none; }
#breastaugh1 { 
	background: url(../images/sub/hdr_breastaug_03.gif) no-repeat top left; 
	width: 347px; 
	height: 70px; 
	}
#breastdiv { 
	background: url(../images/sub/hdr_breast.gif) no-repeat top left; 
	width: 347px; 
	height: 70px; 
	}
	#breastdiv h1 { display: none; }
#breastliftdiv { 
	background: url(../images/sub/hdr_breastlift_03.gif) no-repeat top left; 
	width: 347px; 
	height: 70px; 
	}
	#breastliftdiv h1 { display: none; }
#chinaugdiv { 
	background: url(../images/sub/hdr_chinaug_03.gif) no-repeat top left; 
	width: 458px; 
	height: 70px; 
	}
	#chinaugdiv span { display: none; }
#eyelid div { 
	background: url(../images/sub/hdr_eyelid_03.gif) no-repeat top left; 
	width: 347px; 
	height: 70px; 
	}
	#eyeliddiv span { display: none; }
#sitemaph1 { 
	background: url(../images/sub/hdr-sitemap.jpg) no-repeat top left; 
	width: 347px;
	height: 70px; 
	}
#facelifth1 { 
	background: url(../images/sub/hdr_facelift_03.gif) no-repeat top left; 
	width: 347px; 
	height: 70px; 
	}
#facediv { 
	background: url(../images/sub/hdr_face.gif) no-repeat top left; 
	width: 347px; 
	height: 70px; 
	}
	#facediv span { display: none; }
#rhinoplastydiv { 
	background: url(../images/sub/hdr_rhinoplasty_03.gif) no-repeat top left; 
	width: 347px; 
	height: 70px; 
	}
	#rhinoplastydiv span { display: none;  }
	
#skindiv { 
	background: url(../images/sub/hdr_skin_03.gif) no-repeat top left; 
	width: 458px; 
	height: 70px; 
	}
	#skindiv h1 { display: none; }
	
#contactusdiv { 
	background: url(../images/sub/hdr_contactus_03.gif) no-repeat top left; 
	width: 458px; 
	height: 70px; 
	}
	#contactusdiv span { display: none;}
	
#thankyoudiv { 
	background: url(../images/sub/hrd_thankyou_03.gif) no-repeat top left; 
	width: 458px; 
	height: 70px; 
	}
	#thankyoudiv span { display: none;}

/* ------------------------ horizontal sprite nav ------------------------ */
#nav { 
	background:url("../images/nav.jpg") top no-repeat; 
	width:760px; 
	height:32px; 
	margin:0;
	padding:0; 
	z-index: 99;
	}

#nav span { display: none; }

#nav li, #nav a { height:32px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 64px; margin-left: 77px;}
#nav-02 { width: 86px;}
#nav-03 { width: 71px;}
#nav-04 { width: 60px;}
#nav-05 { width: 56px;}
#nav-06 { width: 157px;}
#nav-07 { width: 89px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")  -77px -32px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -141px -32px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -227px -32px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -298px -32px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -358px -32px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -414px -32px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -571px -32px no-repeat; }

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	background-color:#FDEDAF;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { 
	height:20px; /* Height of each drop down nav item */
	border:1px solid #B5A891;
	border-top:none;
	}	

#nav li ul li a {
	width:100%;
	height:20px;	/* Height of each drop down nav item, should match above */
	line-height:20px;	 /* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#460900;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul { left: auto; }

/* Hover styles for drop down items */
#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover { 
	background-image:none;
	background-color:#EB9F54;
	color:#460900;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width:80px; }		
#nav-03 ul, #nav-03 li { width:135px; }
#nav-04 ul, #nav-04 li { width:160px; }		
#nav-05 ul, #nav-05 li { width:110px; }		
#nav-06 ul, #nav-06 li { width:205px; }






#contactus_03 { 
	background: url(../images/home/contactus_03.gif); 
	width: 160px; 
	height: 60px; 
	}





/* Main Contact
---------------------------------------------------------------------------- */
.fieldset { border: none; }
#bodyc2 form { margin: 0 12px 11px; }
#bodyc2 .fieldset { margin-bottom: 3px; }
#bodyc2 .fieldset div { float: left; width: 200px; }
#bodyc2 .fieldset div.field-item { text-align: right; padding-right: 12px; }
#bodyc2 div.clear { clear: both; text-align: center; padding-top: 12px; }

#bodyc2 input, #bodyc2 select {
	width: 144px;
	padding: 1px 2px;
	margin-bottom: 2px;
	font: 11px/11px lucida grande,lucida sans,lucida sans unicode,helvetica;
	background-color: #fff !important;
	color: #000;
	border: 1px solid #fff;
}
#bodyc2 select { margin-left: 12px; width: 149px;}
html>body #bodyc2 select { margin: 0 0 2px; }

#bodyc2 textarea {
	width: 344px; height: 88px;
	padding: 1px 2px;
	margin-bottom: 2px;
	font: 11px/11px lucida grande,lucida sans,lucida sans unicode,helvetica;
	background-color: #fff;
	color: #000;
	border: 1px solid #fff;
	overflow: auto;
}

#bodyc2 input.hidden { display: none; }
#bodyc2 input.btn-send { width: 52px; height: 15px; border: none; background: transparent !important; }


/* ---------------- adds ---------------------------------- */
#botox, 
#radiance, 
#restylane, 
#laser, 
#sclerotherapy, 
#laser-tattoo, 
#cooltouch, 
#permanent-makeup, 
#fotofacial, 
#airbrush, 
#mesotherapy, 
#obagi {
	height: 70px; 
	}
#botox h2, 
#radiance h2, 
#restylane h2, 
#laser h2, 
#sclerotherapy h2, 
#laser-tattoo h2, 
#cooltouch h2, 
#permanent-makeup h2, 
#fotofacial h2, 
#airbrush h2, 
#mesotherapy h2, 
#obagi h2 { 
	display: none; 
	}
	

#gallery-btn {
	width: 176px; 
	height: 60px;
	background: url(../images/gallery-btn.jpg); 
	}
	#gallery-btn span {display: none;}
	
	#gallery-btn a {
		display:block;
		width:176px;
		height:60px;
	}

#non-surg {
	width: 347px; 
	height: 70px;
	background: url(../images/sub/hdr-non-surg.jpg); 
	}
#books {
	width: 347px; 
	height: 70px;
	background: url(../images/sub/hdr-books.jpg); 
	}
	#books span {display: none;}
#botox {
	width: 400px;
	background: url(../images/sub/hdr-botox.jpg);
	}
#radiance {
	width: 400px;
	background-image: url(../images/sub/hdr-radiance.jpg);
	}
#juvederm {
	height: 70px;
	width: 400px;
	background: url(../images/sub/hdr-juvederm.jpg);
	}
#sclerotherapy {
	height: 70px;
	width: 451px;
	background: url(../images/sub/hdr-sclerotherapy.jpg); 
	}
#restylane { 
	width: 347px; 
	background: url(../images/sub/hdr-restylane.jpg); 
	}
#laser { 
	width: 347px; 
	background: url(../images/sub/hdr-laserhairremoval.jpg); 
	}
#laser-tattoo { 
	width: 347px; 
	background: url(../images/sub/hdr-lasertattoremoval.jpg); 
	} 
#cooltouch { 
	width: 447px; 
	background: url(../images/sub/hdr-cooltouch.jpg); 
	}
#permanent-makeup { 
	width: 347px; 
	background: url(../images/sub/hdr-permanetmakeup.jpg); 
	}
#fotofacial { 
	width: 347px; 
	background: url(../images/sub/hdr-fotofacial.jpg); 
	}
#airbrush { 
	width: 347px; 
	background: url(../images/sub/hdr-airbrush.jpg); 
	}
#mesotherapy { 
	width: 447px; 
	background: url(../images/sub/hdr-mesotherapy.jpg); 
	}
#obagi { 
	width: 347px; 
	background: url(../images/sub/hdr-obagi.jpg); 
	}
#spray-tanning {
	height: 70px;
	width: 418px;
	background: url(../images/sub/hdr-spray-tanning.jpg); 
}
#subhead-better-living {
	background: url("../images/sub/subhead-better-living.jpg");
	height: 70px;
	width: 400px;
	}
#better-living {
	height: 70px;
	width: 400px;
	background: url(../images/sub/hdr-better-living.jpg); 
}
#liposuction {
	height: 70px;
	width: 347px;
	background: url(../images/sub/hdr-liposuction.jpg); 
}
#smartlipo {
	height: 70px;
	width: 418px;
	background: url(../images/sub/hdr-smartlipo.jpg); 
}
#liposelection {
	height: 70px;
	width: 418px;
	background: url(../images/sub/hdr-liposelect.jpg); 
}
#abdominoplasty {
	height: 70px;
	width: 347px;
	background: url(../images/sub/hdr-abdominoplasty.jpg); 
}
#buttock {
	height: 70px;
	width: 418px;
	background: url(../images/sub/hdr-buttocksthighlifting.jpg); 
}
#upperarm {
	height: 70px;
	width: 418px;
	background: url(../images/sub/hdr-upperarmreduction.jpg); 
}