/*-------------------------------------------------------------------------------------*/
/*   ------------------- Last Modified --> 2008.04.12 ------------------------------   */
/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------
  Copyright Einstein Industries 2008. Used with Permission.                             
  May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE6/IE7/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/*   ----------------------------- GLOBAL ELEMENTS ---------------------------------   */
/*-------------------------------------------------------------------------------------*/
/*   ----------------------------- type selectors ----------------------------------   */
/*-------------------------------------------------------------------------------------*/
body {
	background:#ede5d9 url("../images/bg-body.png") repeat-x;
	text-align:center;
	font:75% Arial, Helvetica, sans-serif; /* assuming base font size of 16px. 16 * .75 = 12 */
	color:#763d3b;
	min-width:100%;
}
h1 {
	font-size:1.15em;
	color:#763d3b;
	font-weight:bold;
}
h2 {
	font-size:1.1em;
	color:#c64b4f;
	font-weight:bold;
}
h3 {
	font-size:1.0em;
	color:#c64b4f;
	font-weight:bold;
}
h1 span, 
h2 span, 
h3 span {
	display:none;
}
h1,
h2,
h3,
p,
ul,
ol,
dl {
	line-height:1.5em;
}
strong {
	font-weight:bold;
}
a, 
a:link, 
a:visited {
	color:#c55256;
	text-decoration:underline;
	outline:none;
}
a:hover, 
a:active {
	color:#c55256;
	text-decoration:none;
	outline:none;
}
pre, 
code, 
kbd, 
samp, 
tt {
	font-family:monospace;
	font-size:108%;
	line-height:99%;
}
/*-------------------------------------------------------------------------------------*/
/*   ----------------------------------- classes -----------------------------------   */
/*-------------------------------------------------------------------------------------*/
p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
}
img.img-left {
	float:left;
	margin:2px 10px 10px 0px;
}
img.img-right {
	float:right;
	margin:5px 0px 10px 10px;
}
div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
}
/*-------------------------------------------------------------------------------------*/
/*   ------------------------------- form elements ---------------------------------   */
/*-------------------------------------------------------------------------------------*/
form {
	margin:10px 0 15px 0; /* set margin left and right below */
}
form p.required-fields {
	font-size:.95em;
	color:#763d3b;
}
input, 
textarea, 
select {
	background-color:#fffdfb !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #ad4448;
	color:#763d3b;
	width:90%; /* 5 pixles smaller than form width !important */
	line-height:1.1em;
	vertical-align:middle;
	margin-bottom:.15em; /* sets vertical spacing between fields */
	padding:.1em; /* vertically position text in input/textarea field */
	padding-left:.2em; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif;
	font-size:.95em;
}
select {
	width:90%; /* same width as form - !important */
	padding:0;
} 
textarea {
	height:90px;
	overflow:auto;
}
#contact_business { /* do not remove - used to filder spam */
	display: none;
}
/*-------------------------------------------------------------------------------------*/
/*   ------------------------------ SPECIFIC ELEMENTS ------------------------------   */
/*-------------------------------------------------------------------------------------*/
/*   ------------------------------ quick contact form -----------------------------   */
/*-------------------------------------------------------------------------------------*/
#contact-quick {
	width:90%;
}

/*-------------------------------------------------------------------------------------*/
/*   -------------------------------  launcher button  -----------------------------   */
/*-------------------------------------------------------------------------------------*/

#vms-lightwindow-link {
	display: none;
	}

/*-------------------------------------------------------------------------------------*/
/*   ------------------------------- main contact form -----------------------------   */
/*-------------------------------------------------------------------------------------*/
#contact-main {
	width:400px;
}
#contact-main dl {
	width:100%;
	margin:20px 0 10px 0;
}
#contact-main dt {
	text-align:left;
	margin-top:10px;
}
#contact-main dd {
	width:90%;
}
input.radio {
	width:12px;
	height:12px;
	background-color:#FF00FF !important;
	border:none !important;
	margin-right:6px;
}
input.checkbox {
	width:12px;
	height:12px;
	background-color:#FF00FF !important;
	border:none !important;
	margin-right:6px;
}
/*-------------------------------------------------------------------------------------*/
/*   ------------------------ submit button form elements --------------------------   */
/*-------------------------------------------------------------------------------------*/
input.submit, 
input.submit-contact-main {
	width:75px;
	height:25px;
	cursor:pointer;
	padding:0;
}
/*-------------------------------------------------------------------------------------*/
/*   ------------------------------ CONTENT FRAMEWORK ------------------------------   */
/*-------------------------------------------------------------------------------------*/
/*   --------------------------------- main framework ------------------------------   */
/*-------------------------------------------------------------------------------------*/
#wrap {
	background:#ede5d9 url("../images/bg-wrap.png") repeat-y;
	width:1055px;
	margin:0 auto;
	text-align:left;
	overflow:auto;
}
/*-------------------------------------------------------------------------------------*/
/*   ------------------------------- masthead framework ----------------------------   */
/*-------------------------------------------------------------------------------------*/
#masthead {
	position:relative;
	background:url("../images/masthead.png");
	height:94px;
}
/* index page link within #masthead */		
	#masthead a {
	position:absolute;
	left:168px;
	width:416px;
	top:14px;
	height:79px;
}
#masthead a span {
	display:none;
}
/*-------------------------------------------------------------------------------------*/
/*   --------------------------------- content left --------------------------------   */
/*-------------------------------------------------------------------------------------*/
#content-left {
	width:748px;
	float:left;
}
body#index #content-left h2{ margin:0px;}
#content-left p, 
#content-left h1, 
#content-left h2, 
#content-left h3,
#content-left h4, 
#content-left dl {
	margin:0px 50px 10px 185px;

}
/* set form margin here */
#content-left form {
	margin-left:0px;
}
/*-------------------------------------------------------------------------------------*/
/*   --------------------------------- content right -------------------------------   */
/*-------------------------------------------------------------------------------------*/
#content-right {
	width:306px;
	float:right;
}
#content-right p, 
#content-right h1, 
#content-right h2, 
#content-right h3, 
#content-right ul, 
#content-right dl {
	margin:0px 20px 10px 22px;
}
/* set form margin here */
#content-right form {
	margin-left:22px;
}
#content-right form p {
	margin-left:0px;
}
/* definition list */
#content-right dl {
	padding-left:70px;
}
#content-right dl dt {
	font-weight:bold;
	color:#cd353c;
}
#content-right dl dd {
	margin-left:5px;
}
#content-right strong {
	color:#c55256;
}
/*-------------------------------------------------------------------------------------*/
/*   ------------------------------- map framework ----------------------------   */
/*-------------------------------------------------------------------------------------*/
#map {
	position:relative;
	background:url("../images/img-map-trans.png") no-repeat;
	height:140px;
}
body#contact #map{
	background:url("../images/img-map-trans.png");
}
/* index page link within #masthead */		
	#map a {
	position:absolute;
	left:21px;
	width:148px;
	top:0px;
	height:140px;
}
#map a span {
	display:none;
}
/*-------------------------------------------------------------------------------------*/
/*   -------------------- titles with the different heights ------------------------   */
/*-------------------------------------------------------------------------------------*/
#title-contact {
	height:132px;
	background:url("../images/title-contact.png");
}
body#index #title-contact {
	height:104px;
	background:url("../images/title-contact-index.png");
}
#title-contact-special{
	height:132px;
	background:url("../images/title-contact-special.png") no-repeat;
}
/*-------------------------------------------------------------------------------------*/
/*   --------------------------------- footer --------------------------------------   */
/*-------------------------------------------------------------------------------------*/
#wrap-footer {
	width:100%;
	background:#ede5d9 url("../images/bg-wrap-footer.png") repeat-x;
}
#footer {
	width:888px;
	margin:0 auto;
	text-align:center;
	background:#ede5d9 url("../images/bg-footer.png") no-repeat;
	padding-top:100px;
}
#footer p {
	color:#763d3b;
	padding-bottom:10px;
	margin:0 auto;
}
#footer a:link, 
#footer a:visited {
	color:#763d3b;
}
#footer a:hover, 
#footer a:active {
	color:#c64b4f;
}
#footer ul {
	padding:5px 10px;
	width:888px;
	margin:0 auto;
}
#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 #763d3b;
	line-height:1.7em;
}
#footer li.first {
	border: none;
}
/*-------------------------------------------------------------------------------------*/
/*   ----------------------- MAIN NAVIGATION FRAMEWORK -----------------------------   */
/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*   ------------------------ vertical sprite nav ----------------------------------   */
/*-------------------------------------------------------------------------------------*/
#content-right #nav {
	background:url("../images/nav.png") top left no-repeat;					
	width:306px;	/* Width of buttons, not entite image (or half of entire image) */
	height:536px;	 /* Height of entire image */
	margin:0;
	padding:0;
	}
#content-right #nav li span{ 
	display: none; 
}
#content-right #nav li { 
	float:left; 
	list-style:none; 
	position:relative; 
}
#content-right #nav li, 
#content-right #nav a { 
	height:28px;	/* Each button must have the same height, define it here */
	display:block;
}
/* margin-top to set where the nav should begin */
#content-right #nav-01 { 
	margin-top:40px; 
	width:306px;
}
/* margin-top if there is a spacing between each nav button */
#content-right #nav-02, 
#content-right #nav-03, 
#content-right #nav-04, 
#content-right #nav-05, 
#content-right #nav-06, 
#content-right #nav-07, 
#content-right #nav-08, 
#content-right #nav-09, 
#content-right #nav-10, 
#content-right #nav-11, 
#content-right #nav-12, 
#content-right #nav-13, 
#content-right #nav-14, 
#content-right #nav-15,
#content-right #nav-16 { 
	margin-top:0; 
	width:306px; 
}
/*-------------------------------------------------------------------------------------*/
/*   ----- (-15px) X position of button / (-100px) width of image from above -------   */
/*-------------------------------------------------------------------------------------*/
#content-right #nav-01 a:hover { background:url("../images/nav.png") -306px  -40px no-repeat; }
#content-right #nav-02 a:hover { background:url("../images/nav.png") -306px  -68px no-repeat; }
#content-right #nav-03 a:hover { background:url("../images/nav.png") -306px -96px no-repeat; }
#content-right #nav-04 a:hover { background:url("../images/nav.png") -306px -124px no-repeat; }
#content-right #nav-05 a:hover { background:url("../images/nav.png") -306px -152px no-repeat; }
#content-right #nav-06 a:hover { background:url("../images/nav.png") -306px -180px no-repeat; }
#content-right #nav-07 a:hover { background:url("../images/nav.png") -306px -208px no-repeat; }
#content-right #nav-08 a:hover { background:url("../images/nav.png") -306px -236px no-repeat; }
#content-right #nav-09 a:hover { background:url("../images/nav.png") -306px -264px no-repeat; }
#content-right #nav-10 a:hover { background:url("../images/nav.png") -306px -292px no-repeat; }
#content-right #nav-11 a:hover { background:url("../images/nav.png") -306px -320px no-repeat; }
#content-right #nav-12 a:hover { background:url("../images/nav.png") -306px -348px no-repeat; }
#content-right #nav-13 a:hover { background:url("../images/nav.png") -306px -376px no-repeat; }
#content-right #nav-14 a:hover { background:url("../images/nav.png") -306px -404px no-repeat; }
#content-right #nav-15 a:hover { background:url("../images/nav.png") -306px -432px no-repeat; }
#content-right #nav-16 a:hover { background:url("../images/nav.png") -306px -460px no-repeat; }

/*-------------------------------------------------------------------------------------*/
/*   ------ OPTIONAL - Keeps the hover state on each page based on body id ---------   */
/*-------------------------------------------------------------------------------------*/
body#index #content-right #nav-01 { background:url("../images/nav.png") -306px  -40px no-repeat; }

body#about-dr-newman #content-right #nav-02 { background:url("../images/nav.png") -306px  -68px no-repeat; }
body#about-the-practice #content-right #nav-03 { background:url("../images/nav.png") -306px -96px no-repeat; }
body#credentials #content-right #nav-04 { background:url("../images/nav.png") -306px -124px no-repeat; }
body#gallery #content-right #nav-05 { background:url("../images/nav.png") -306px -152px no-repeat; }
body#procedures #content-right #nav-06 { background:url("../images/nav.png") -306px -180px no-repeat; }


body#laser-services #content-right #nav-07 { background:url("../images/nav.png") -306px -208px no-repeat; }


body#face #content-right #nav-08 { background:url("../images/nav.png") -306px -236px no-repeat; }
body#facelift #content-right #nav-08 { background:url("../images/nav.png") -306px -236px no-repeat; }
body#mid-facelift #content-right #nav-08 { background:url("../images/nav.png") -306px -236px no-repeat; }
body#eyelid-surgery #content-right #nav-08 { background:url("../images/nav.png") -306px -236px no-repeat; }
body#eyelid-recovery-results #content-right #nav-08 { background:url("../images/nav.png") -306px -236px no-repeat; }
body#facial-implants #content-right #nav-08 { background:url("../images/nav.png") -306px -236px no-repeat; }
body#lip-enhancement #content-right #nav-08 { background:url("../images/nav.png") -306px -236px no-repeat; }
body#forehead-lift #content-right #nav-08 { background:url("../images/nav.png") -306px -236px no-repeat; }


body#nose-surgery #content-right #nav-09 { background:url("../images/nav.png") -306px -264px no-repeat; }
body#rhinoplasty-candidates #content-right #nav-09 { background:url("../images/nav.png") -306px -264px no-repeat; }
body#surgical-approaches #content-right #nav-09 { background:url("../images/nav.png") -306px -264px no-repeat; }
body#rhinoplasty-cost #content-right #nav-09 { background:url("../images/nav.png") -306px -264px no-repeat; }
body#male-rhinoplasty #content-right #nav-09 { background:url("../images/nav.png") -306px -264px no-repeat; }
body#ethnic-rhinoplasty #content-right #nav-09 { background:url("../images/nav.png") -306px -264px no-repeat; }
body#rhinoplasty-evaluation #content-right #nav-09 { background:url("../images/nav.png") -306px -264px no-repeat; }


body#breast #content-right #nav-10 { background:url("../images/nav.png") -306px -292px no-repeat; }
body#breast-augmentation #content-right #nav-10 { background:url("../images/nav.png") -306px -292px no-repeat; }
body#risks-benefits #content-right #nav-10 { background:url("../images/nav.png") -306px -292px no-repeat; }
body#breast-implants #content-right #nav-10 { background:url("../images/nav.png") -306px -292px no-repeat; }
body#implant-revision #content-right #nav-10 { background:url("../images/nav.png") -306px -292px no-repeat; }
body#breast-reduction #content-right #nav-10 { background:url("../images/nav.png") -306px -292px no-repeat; }
body#breast-lift #content-right #nav-10 { background:url("../images/nav.png") -306px -292px no-repeat; }
body#breast-reconstruction #content-right #nav-10 { background:url("../images/nav.png") -306px -292px no-repeat; }
body#surgery-costs #content-right #nav-10 { background:url("../images/nav.png") -306px -292px no-repeat; }
body#breast-faqs #content-right #nav-10 { background:url("../images/nav.png") -306px -292px no-repeat; }


body#body #content-right #nav-11 { background:url("../images/nav.png") -306px -320px no-repeat; }
body#abdominoplasty #content-right #nav-11 { background:url("../images/nav.png") -306px -320px no-repeat; }
body#liposuction #content-right #nav-11 { background:url("../images/nav.png") -306px -320px no-repeat; }


body#skin #content-right #nav-12 { background:url("../images/nav.png") -306px -348px no-repeat; }


body#coblation #content-right #nav-13 { background:url("../images/nav.png") -306px -376px no-repeat; }
body#laser-skin-resurfacing #content-right #nav-13 { background:url("../images/nav.png") -306px -376px no-repeat; }
body#botox #content-right #nav-13 { background:url("../images/nav.png") -306px -376px no-repeat; }
body#collagen #content-right #nav-13 { background:url("../images/nav.png") -306px -376px no-repeat; }
body#skin-care #content-right #nav-13 { background:url("../images/nav.png") -306px -376px no-repeat; }
body#microdermabrasion #content-right #nav-13 { background:url("../images/nav.png") -306px -376px no-repeat; }
body#faqs #content-right #nav-13 { background:url("../images/nav.png") -306px -376px no-repeat; }


body#out-of-town-patients #content-right #nav-14 { background:url("../images/nav.png") -306px -404px no-repeat; }
body#online-consultation #content-right #nav-15 { background:url("../images/nav.png") -306px -432px no-repeat; }
body#contact #content-right #nav-16 { background:url("../images/nav.png") -306px -460px no-repeat; }
body#contact #content-right #nav-17 { background:url("../images/nav.png") -306px -460px no-repeat; }

/* ------------------------ son of suckerfish: vertical sprite nav ------------------------ */
#content-right #nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#ece3d6;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	margin-right:306px; /* Set to same width as in #nav */
	margin-top:0px; /* Set to each button height, same as used above */
	margin-left:-100px;
	}

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

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


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

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

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

/* Hover styles for drop down items */
#content-right #nav-07 ul a:hover, #content-right #nav-08 ul a:hover, #content-right #nav-09 ul a:hover, #content-right #nav-10 ul a:hover, #content-right #nav-11 ul a:hover { 
	background-image:none;
	background-color:#fafbf3;
	color:#c64b4f;
	text-decoration:none;
	
	}

/* width of drop down nav - choose width that allows items to display on one line */
#content-right #nav-07 ul, #content-right #nav-07 li { width:200px; margin-left:-100px; }		
#content-right #nav-08 ul, #content-right #nav-08 li { width:200px; margin-left:-100px;}
#content-right #nav-09 ul, #content-right #nav-09 li { width:200px; margin-left:-100px;}		
#content-right #nav-10 ul, #content-right #nav-10 li { width:200px; margin-left:-100px;}		
#content-right #nav-11 ul, #content-right #nav-11 li { width:200px; margin-left:-100px;}		





/* ----- Social Media Kit ------ */

	
div#social-media { 
	margin-left:22px;
	margin-bottom:10px;
	}
	
	div#social-media span { display:none;}
	
	#social-media a { width:31px; height:31px;}



img.btn-blog { margin:10px 0 10px 20px;}