/*--------------------- 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 ------------------------ */

/* ------------------------ type selectors ------------------------ */
body {
	background:#4A4030 url("../images/bg-body.jpg") top repeat-x;
	text-align:center;
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#000;
}
blockquote {
	margin-left:10px;
	margin-right:10px;
}
h1 {
	font-size:1.2em;
	color:#000;
}
h2 {
	font-size:1.1em;
	color:#120606;
}
h3 {
	font-size:1.0em;
	color:#641919;
}
h1 span, h2 span, h3 span {
	display:none;
	margin: 0px;
	height: .01em;
}
a:link, a:visited {
	color:#4A4030;
	text-decoration:underline;
	outline:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:underline;
	outline:none;
}
/* ------------------------ classes ------------------------ */
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.clear {
	height:.01em;
	clear:both;
	overflow:hidden;
}
div.clear-h2 {
	height:10px;
	clear:both;
	overflow:hidden;
}
p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet.gif") right no-repeat;
}
p.more-info {
	text-align:right;
	display:block;
}
p.mesotherapy {
	text-align:right;
	display:block;
	padding:0 0 47px 0;
}
img.img-left {
	float:left;
	margin:0px 5px 0px 0px;
}
img.img-right {
	float:right;
	margin:0px 0px 0px 5px;
}
#column-left p.address-text {
	font-size: .95em;
}
#column-left p.address-text a:link, #column-left p.address-text a:visited {
	color: #641919;
}
#column-left p.address-text a:hover, #column-left p.address-text a:active {
	color: #641919;
	text-decoration:none;
}
#column-left p.practice-name {
	font-size: .95em;
	color: #641919;
	margin-bottom: 0px;
	font-weight: bold;
}
#vms-lightwindow-link {
	display: none;
}
/* ------------------------ form elements ------------------------ */
form {
	width:150px;
	margin:10px 0 15px 0; /* set margin left and right below */
}
form label {
	font-size:.95em;
}
form br {
	line-height:0;
	height:0;
} /* defaults vertical spacing between fields */
input, textarea, select {
	background-color:#FFFFFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #BCAB8A;
	color:#000;
	width:203px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
}
select {
	width:150px;
	padding:0;
} /* same width as form - !important */
textarea {
	height:66px;
	overflow:auto;
}
#contact_business {
	display: none;
} /* do not remove */
/* ------------------------ SPECIFIC ELEMENTS ------------------------ */

/* ------------------------ main contact form ------------------------ */
#contact-main {
	margin:20px 0 10px 0;
}
#contact-main label {
	width:220px;
	position:relative;
	display:block;
	text-align:right;
	margin-bottom:10px;
	font-size:1.0em;
}
#contact-main label input, #contact-main label textarea, #contact-main label select {
	width:170px;
	position:absolute;
	left:110%;
	top:-2px;
}
#contact-main label select {
	width:175px;
} /* fixes display issue - 5px larger than input field */
#contact-main label textarea {
	height:100px;
	overflow:auto;
}
/* ------------------------ submit button form elements ------------------------ */

input.submit, input.submit-contact-main {
	width:60px;
	height:20px;
	cursor:pointer;
	padding:0;
	background-color:#BCAB8A !important; /* to prevent highlighting by Google Toolbar */
	color: #FFFFFF;
}
input.submit-contact-main {
	margin:95px 0 0 243px;
} /* defines placement of contact-main submit button */
/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	background:url("../images/bg-wrap.jpg") repeat-y;
	width:811px;
	margin:0 auto;
	text-align:left;
}
/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:241px;
	float:left;
}
#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
	margin:0px 15px 10px 33px;
}
#column-left form {
	padding-left:20px;
} /* set form margin here */
/* single column list */
	#column-left ul {
	padding-left:5px;
}
#column-left ul li {
	background:transparent url("../images/bullet.gif") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	padding-left:14px; /* pushes text to the right to display bg img */
}

#medical-loan { margin-left: 15px; }


/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:570px;
	float:left;
}
#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right h4, #column-right ul, #column-right dl {
	margin:0px 46px 10px 37px;
}
#column-right h2 {
	margin-top:1.5em;
	}
#column-right p.italics {
	width: 480px;
}
#column-right form {
	margin-left:20px;
}
/* single column list */
	#column-right ul {
	padding-left:5px;
}
#column-right ul li {
	background:transparent url("../images/bullet.gif") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	padding-left:14px;  /* pushes text to the right to display bg img */
	line-height: 17px;
	margin-bottom:.5em;
}
#column-right ul li.no-bullet {
	background:none; /* 0px = horizontal position for left, 6px = vertical position from top */
	padding-left:4px;  /* pushes text to the right to display bg img */
	margin-top: 5px;
}
/* multi column list */
	#column-right ul.multi {
	padding-left:5px;
}
#column-right ul.multi li {
	background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	padding-left:10px;  /* pushes text to the right to display bg img */
	float:left;
	width:150px;
	line-height:20px;
}
#column-right ul.bna {
	padding-left:0px;
	margin-right:30px;
}
#column-right ul.bna li {
	background:none;
	padding-left:0px;  /* pushes text to the right to display bg img */
	float:left;
	width:250px;
	height:140px;
	text-align:left;
}
/* definition list */
	#column-right dl {
	padding-left:5px;
}
#column-right dl dt {
	font-weight:bold;
	color:#99CC00;
}
#column-right dl dd {
	background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	padding-left:10px;  /* pushes text to the right to display bg img */
	margin-left:5px;
}
/* ------------------------ header framework ------------------------ */
#header-graphic {
	height:403px;
	background:url("../images/header-graphic.jpg") top left no-repeat;
	position:relative;
} 

/* sets height for all non-flash headers */
#header-graphic a {
	display:block;
	width:200px;
	height:230px;
	margin:0 auto;
}

body#index #header-graphic a {
	display:inline;
}

body#index #header-graphic {
	background:url("../images/header-flash.jpg") top left no-repeat;
} 
	#header-swf {
		margin: 6px 0 0 290px;
	}
	
body#index #header-graphic #noflash p, body#index #header-graphic noscript {
	width: 230px;
	margin:0 auto;
	display:block;
	padding:5px 0 0 5px;
}

/* sets height for all non-flash headers */
/*
	body#index #header-graphic { background:url("../images/header-index.jpg"); }
	body#about #header-graphic { background:url("../images/header-about.jpg"); }
	body#contact #header-graphic { background:url("../images/header-contact.jpg"); }
	body#thankyou #header-graphic { background:url("../images/header-thankyou.jpg"); }
	body#sitemap #header-graphic { background:url("../images/header-sitemap.jpg"); }
*/

/* ------------------------ subhead framework ------------------------ */
#subhead {
	height:110px;
} /* sets height for all subheads */
body#index #subhead {
	background:url("../images/subhead-index.jpg");
}
body#dr-barone #subhead {
	background:url("../images/subhead-dr-barone.jpg");
}
body#practice #subhead {
	background:url("../images/subhead-practice.jpg");
}
body#forms #subhead {
	background:url("../images/subhead-forms.jpg");
}
body#concierge #subhead {
	background:url("../images/subhead-concierge.jpg");
}
body#tuba-page #subhead {
	background:url("../images/subhead-tuba.jpg");
}
body#augmentation #subhead {
	background:url("../images/subhead-augmentation.jpg");
}
body#lift #subhead {
	background:url("../images/subhead-lift.jpg");
}
body#reduction #subhead {
	background:url("../images/subhead-reduction.jpg");
}
body#makeover #subhead {
	background:url("../images/subhead-makeover.jpg");
}
body#lipo #subhead {
	background:url("../images/subhead-lipo.jpg");
}
body#abdomino #subhead {
	background:url("../images/subhead-abdomino.jpg");
}
body#weight-loss #subhead {
	background:url("../images/subhead-weight-loss.jpg");
}
body#face-page #subhead {
	background:url("../images/subhead-face.jpg");
}
body#rhino #subhead {
	background:url("../images/subhead-rhino.jpg");
}
body#eyelid #subhead {
	background:url("../images/subhead-eyelid.jpg");
}
body#fillers #subhead {
	background:url("../images/subhead-fillers.jpg");
}
body#skin-resurfacing #subhead {
	background:url("../images/subhead-skin-resurfacing.jpg");
}
body#laser-hair #subhead {
	background:url("../images/subhead-laser.jpg");
}
body#quick-lift #subhead {
	background:url("../images/subhead-quicklift.jpg");
}

body#lunch-hour #subhead {
	background:url("../images/subhead-lunch-hour.jpg");
}
body#instructions #subhead {
	background:url("../images/subhead-instructions.jpg");
}
body#financing #subhead {
	background:url("../images/subhead-financing.jpg");
}

body#local-surgery #subhead {
	background:url("../images/subhead-local-awake.jpg");
}
body#awake-abdominoplasty #subhead {
	background:url("../images/subhead-abdominoplasty.jpg");
}
body#custom-acoustic-liposuction #subhead {
	background:url("../images/subhead-custom-acoustic-lipo.jpg");
}
body#facelift #subhead {
	background:url("../images/subhead-facelifts.jpg");
}
body#awake-eyelid-surgery #subhead {
	background:url("../images/subhead-eyelid.jpg");
}
body#awake-breast-augmentation #subhead {
	background:url("../images/subhead-awake-breast-aug.jpg");
}
body#awake-breast-lift #subhead {
	background:url("../images/subhead-awake-breast-lift.jpg");
}
body#injections #subhead {
	background:url("../images/subhead-awake-fat-injections.jpg");
}
body#natural-breast-augmentation #subhead {
	background:url("../images/subhead-natural-breast-aug.jpg");
}

body#contact #subhead {
	background:url("../images/subhead-contact.jpg");
}
body#thankyou #subhead {
	background:url("../images/subhead-thankyou.jpg");
}
body#sitemap #subhead {
	background:url("../images/subhead-sitemap.jpg");
}
body#blog-2 #subhead {
	background:url("../images/subhead-blog.jpg");
	width:565px;
}
/* ------------------------ subhead framework with varying heights ------------------------ */
#media-center-index {
	height:212px;
	background:url("../images/media-center-index.jpg");
	position:relative;
}
#media-center-index a {
	position: absolute;
	top: 20px;
	left: 25px;
	width: 190px;
	height: 165px;
}
#btn-derm-team {
	height:101px;
	background:url("../images/btn-derm-team.jpg");
	position:relative;
}
#btn-derm-team a {
	position: absolute;
	top: 10px;
	left: 8px;
	width: 228px;
	height: 90px;
}
#facebook {
	height:116px;
	background:url("../images/facebook-logo.jpg");
	position:relative;
	margin:2px 0 2px 0;
}
#facebook a {
	position: absolute;
	top: 10px;
	left: 8px;
	width: 228px;
	height: 90px;
}
#logos {
	height:115px;
	background:url("../images/logos.jpg");
	position:relative;
	margin-bottom: 60px;
}
#logos a.asps {
	position: absolute;
	top: 20px;
	left: 37px;
	width: 100px;
	height: 95px;
}
#logos a.aacs {
	position: absolute;
	top: 11px;
	left: 156px;
	width: 100px;
	height: 104px;
}
#logos a.acs {
	position: absolute;
	top: 20px;
	left: 278px;
	width: 100px;
	height: 95px;
}
#quickliftmd {
	margin-left: 37px;
	width: 449px;
	height: 60px;
}


/* ------------------------ title framework with varying heights ------------------------- */
#title-concerns {
	height:49px;
	background:url("../images/title-concerns.jpg");
}
#title-gallery {
	height:47px;
	background:url("../images/title-gallery.jpg") no-repeat;
}
#title-featured-articles {
	height:177px;
	background:url("../images/title-featured-articles.jpg");
}
#title-financing {
	height:43px;
	background:url("../images/title-financing.jpg");
}
#title-board-certified {
	height:94px;
	background: url("../images/title-board-certified.jpg");
}
#title-tuba-mesotherapy {
	height:114px;
	width:550px;
	background:url("../images/title-tuba-mesotherapy.jpg");
}
#column-right h2#title-about-dr-barone {
	height:96px;
	background:url("../images/title-about-dr-barone.jpg");
	margin: 0px;
	clear: both;
}
#title-tuba-mesotherapy {
	height:102px;
	background:url("../images/title-tuba-mesotherapy.jpg");
	clear:both;
}
#title-gallery-philosophy {
	height:98px;
	background:url("../images/title-gallery-philosophy.jpg");
}
#title-procedures {
	background: url("../images/title-procedures.jpg") top no-repeat;
	height: 31px;
}
#title-blog {
	background: url("../images/title-blog.jpg") no-repeat;
	height:49px;
}
div.two-column-content{
	width: 230px;
	float: left;
	margin-left: 35px;
	display: inline;
}

div.two-column-content2{
	width: 230px;
	float: left;
	margin-left: 170px;
	display: inline;
}
div.two-column-content2 h2 {margin:0;}
#column-right div.two-column-content2 p {
	margin: 0 0 10px 0;
}
#column-right div.two-column-content p {
	margin: 0 0 10px 0;
}
/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	background:url("../images/bottom-wrap.jpg");
	width:100%; /* fix for Safar */
	height:62px;
	clear:both; /* important - do not remove */
}
/* ------------------------footer framework ------------------------ */
#footer {
	width:811px;
	margin:0 auto;
	text-align:left;
	font-size: .95em;
}
#footer p {
	color:#E6D4AB;
	margin-bottom:10px;
	margin-left:5px;
}
#footer p.footer-text {
	font-size: 12px;
	margin-left:5px;
}
#footer a:link, #footer a:visited {
	color:#E6D4AB;
}
#footer a:hover, #footer a:active {
	color:#FFFFFF;
}
#footer ul {
	margin:10px 10px 10px 0;
}
#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
	display: inline;
	border-left: 1px solid #E6D4AB;
}
#footer li.first {
	border: none;
}
#footer li.section-title {
	font-size:13px;
	color:#FFFFFF;
	line-height:20px;
}
/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */
/* ------------------------ horizontal sprite nav ------------------------ */
#nav {
	background:url("../images/nav.jpg") no-repeat;
	width:811px;
	height:38px;
	margin:0;
	padding:0;
}
#nav span {
	display: none;
}
#nav li, #nav a {
	height:38px;
	display:block;
} /* change height here also */
#nav li {
	float:left;
	list-style:none;
	_display:inline;
	position:relative;
}
#nav-01 {
	width: 73px;
	margin-left: 7px;
}
#nav-02 {
	width: 154px;
}
#nav-03 {
	width: 225px;
}
#nav-04 {
	width: 127px;
}
#nav-05 {
	width: 102px;
}
#nav-06 {
	width: 116px;
}
/*-------------- (-79px) X position of button / (-38px) height of image from above ------------- */
#nav-01 a:hover {
	background:url("../images/nav.jpg") -7px -38px no-repeat;
}
#nav-02 a:hover {
	background:url("../images/nav.jpg") -80px -38px no-repeat;
}
#nav-03 a:hover {
	background:url("../images/nav.jpg") -234px -38px no-repeat;
}
#nav-04 a:hover {
	background:url("../images/nav.jpg") -459px -38px no-repeat;
}
#nav-05 a:hover {
	background:url("../images/nav.jpg") -586px -38px no-repeat;
}
#nav-06 a:hover {
	background:url("../images/nav.jpg") -688px -38px no-repeat;
}
/*-------------- OPTIONAL - Keeps the hover state on each page based on body id ------------- */
body#index #nav-01 {
	background:url("../images/nav.jpg") -7px -38px no-repeat;
}
body#dr-barone #nav-02 {
	background:url("../images/nav.jpg") -80px -38px no-repeat;
}
body#practice #nav-03 {
	background:url("../images/nav.jpg") -234px -38px no-repeat;
}
body#forms #nav-04 {
	background:url("../images/nav.jpg") -459px -38px no-repeat;
}
body#concierge #nav-05 {
	background:url("../images/nav.jpg") -586px -38px no-repeat;
}
body#contact #nav-06 {
	background:url("../images/nav.jpg") -688px -38px no-repeat;
}
/* --------------------- SIDE NAV (MOOTOOLS) ------------------------------*/

.nav {
	height: 33px;
}
a.nav {
	display:block;
}
#sidenav span {
	display:none;
}
#sidenav .padd {
	height:33px;
}
/* -------- Drop Down Nav Setup -- The hover states are under each over state. ---------*/

#sidenav ul a:link, #sidenav ul a:visited {
	color:#671610;
	text-decoration:underline;
}
#sidenav ul a:hover, #sidenav ul a:active {
	color:#4A4030;
	text-decoration:underline;
}
#sidenav ul {
	margin: 5px 0 0px 30px;
	padding-bottom: 10px;
	font-size: .95em;
}
#breast-slide {
	background:url("../images/breast-slide.jpg");
}
#breast-slide:hover, body.breast #breast-slide {
	background: url("../images/breast-slide.jpg") -241px 0px no-repeat;
}
#body-slide {
	background: url("../images/body-slide.jpg");
}
#body-slide:hover, body.body #body-slide {
	background: url("../images/body-slide.jpg") -241px 0px no-repeat;
}
#face-slide {
	background: url("../images/face-slide.jpg");
}
#face-slide:hover, body.face #face-slide {
	background: url("../images/face-slide.jpg") -241px 0px no-repeat;
}
#skin-slide {
	background: url("../images/skin-slide.jpg");
}
#skin-slide:hover, body.skin #skin-slide {
	background: url("../images/skin-slide.jpg") -241px 0px no-repeat;
}
#local-awake-slide {
	background: url("../images/local-awake-slide.jpg");
}
#local-awake-slide:hover, body.awake #local-awake-slide {
	background: url("../images/local-awake-slide.jpg") -241px 0px no-repeat;
}
#laser-slide {
	background: url("../images/laser-slide.jpg");
}
#laser-slide:hover, body#laser-hair #laser-slide {
	background: url("../images/laser-slide.jpg") -241px 0px no-repeat;
}
#mommy-slide {
	background: url("../images/mommy-slide.jpg");
}
#mommy-slide:hover {
	background: url("../images/mommy-slide.jpg") -241px 0px no-repeat;
}
#instructions-slide {
	background: url("../images/instructions-slide.jpg");
}
#instructions-slide:hover, body#instructions #instructions-slide {
	background: url("../images/instructions-slide.jpg") -241px 0px no-repeat;
}
#lunch-hour-slide {
	background: url("../images/lunch-hour-slide.jpg");
}
#lunch-hour-slide:hover, body#lunch-hour #lunch-hour-slide {
	background: url("../images/lunch-hour-slide.jpg") -241px 0px no-repeat;
}
#financing-slide {
	background: url("../images/financing-slide.jpg");
}
#financing-slide:hover, body#financing #financing-slide {
	background: url("../images/financing-slide.jpg") -241px 0px no-repeat;
}
#news-slide {
	background: url("../images/news-thoughts-slide.jpg");
}
#news-slide:hover, body#blog #news-slide {
	background: url("../images/news-thoughts-slide.jpg") -241px 0px no-repeat;
}
#sister-site-slide {
	background: url("../images/sister-site-slide.jpg");
}
#quicklift{ 
	background: url("../images/quick-lift-btn.jpg");
}	

#quicklift:hover{ 
	background: url("../images/quick-lift-btn.jpg") -241px 0px no-repeat;
}
#blog {
	background:url("../images/before-after-slide.jpg");
}
#blog:hover {
	background:url("../images/before-after-slide-over.jpg") ;
}
#sister-site-slide:hover {
	background: url("../images/sister-site-slide.jpg") -241px 0px no-repeat;
}
/* ------------------------ blog ------------------------ */
body#blog #column-left.post {
	padding:0px;
}
.storycontent p em {
	font-style:italic;
}
div.feedback {
	margin-left:45px;
}
div.storycontent {
	margin:0;
}
div.menu {
	margin:0 150px 0 45px;
}
div.meta {
	width:540px;
	padding-top:3px;
	padding-left:5px;
	font-size:.8em;
	color:#93362F;
	background-color:#E5E5E5;
	margin:0 0px 10px 20px;
	height:20px;
}
div.meta a {
	color:#4A4030;
}
div.meta a:hover {
	color:#000000;
}
#blog blockquote p {
	background-color:#F1F7FB;
	margin:0 20px 0 38px;
}
#blog ol {
	list-style-type:decimal !important;
	margin:0 0 0 65px !important;
}
#blog ol li p {
	margin:0 0 10px 0;
}
#blog ol li p cite {
	font-size:.9em;
}
.blogbutton {
	margin-left:10px;
}
.blogbutton-inside {
	margin-left:-10px;
}
/* ------------------------ blog list------------------------ */
body#blog #column-right p {
	margin-right:5px;
	padding-right:60px;
}
#menu ul {
	margin:5px 0px 5px 15px;
}
#menu ul li ul li {
	font-weight:bold;
	padding-right:10px;
	padding-left:20px;
}
#categories ul, #meta ul, #archives ul {
	margin:0 0 0 40px;
	padding-bottom:20px;
}
#categories ul a {
	color:#4A4030;
	text-decoration:underline;
}
#meta ul a {
	color:#4A4030;
	text-decoration:underline;
}
#archives ul a {
	color:#4A4030;
	text-decoration:underline;
}
#categories ul a:hover {
	color:#000000;
	text-decoration:underline;
}
#meta ul :hover {
	color:#000000;
	text-decoration:underline;
}
#archives ul :hover {
	color:#000000;
	text-decoration:underline;
}

#ul-left { width:250px; float:left; }
#ul-right { width:250px; float:left; }


.indexVideo {font-size: 1.2em; text-align:center;}