/* 
----------------------------------------------------------------------------
Copyright Einstein Industries 2004. 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/Op7/NS7/Safari

CSS Document - layout.css
---------------------------------------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* remove default link styles */
:link, :visited {
	text-decoration:none;
}
/* No list-markers by default - must redefine bullets w/ bg graphics */
ul, ol {
	list-style:none;
}
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
}
/* Remove inconsistent (among browsers) default padding or margin */
html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, pre, form, fieldset, input {
	margin:0;
	padding:0;
}
/* prevent blue linked image borders */
a img, :link img, :visited img {
	border:none;
}
/* basic elements
 * ------------------------------------------------------------------------- */

/* global */ 
body {
	background:url("../images/index/bg-body.gif") repeat-x top left #EEEAE3;
	text-align:left;
}
p, a:link, a:visited, ul, ol, li, dl, dt, dd, h1, h2, h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#463714;
	text-decoration:none;
}
p, dl, dt, dd, ul, ol, li {
	line-height: 14px;
}
p, pre, blockquote {
	margin-bottom:7px;
}
a:link, a:visited {
	text-decoration:underline;
}
a:hover, a:active {
	text-decoration:none;
}
h1 span, h2 span, h3 span {
	display:none;
}
h1 {
	font-size:14px;
}
h2 {
	font-size:13px;
}
/* classes */
.thumbs-left {
	margin:2px 8px 0 0;
}
.thumbs-right {
	margin:2px 0 0 8px;
}
.center {
	text-align:center;
}
.clear {
	clear:both;
}
.margin-bottom {
	margin-bottom:7px;
}
.img-left {
	float:left;
	margin:0 10px 5px 0;
	clear:left;
}
.img-right {
	float:right;
	margin:0 20px 8px 8px;
	clear:left;
}
a.care-credit {
	float:right;
	margin:0 20px 8px 8px;
	clear:left;
}
a.care-credit img {
	margin-left:60px;
}
a.care-credit:link, a.care-credit:visited {
	text-decoration:none;
}

/* contact forms
 * ------------------------------------------------------------------------- */

/* quick contact */
form {
	width:150px;
	padding:5px 0 15px 25px;
}
input, textarea {
	background-color:#ECE8DD;
	border:1px solid #998455;
	width:150px;
	height:18px;
	margin-bottom:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#463714;
}
textarea {
	height:70px;
}
.submit, .submit-big-contact {
	width:60px;
	cursor:pointer;
}
/* main contact - dental.medical */
#big-contact {
	padding:8px 0 10px 45px;
}
#big-contact form, #big-contact label, #big-contact input, #big-contact select, #big-contact textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#463714;
}
#big-contact label {
	position:relative;
	display:block;
	text-align:right;
	color:#463714;
	width:200px;
}
#big-contact label input, #big-contact label textarea, #big-contact select {
	background-color:#ECE8DD;
	border:1px solid #998455;
	position:absolute;
	left:217px;
	top:-2px;
}
#big-contact label input, #big-contact select {
	width:200px;
}
#big-contact label textarea {
	top:0px;
	width:200px;
	height:100px;
}
.submit-big-contact {
	margin:85px 0 0 217px;
}
/* skeleton
 * ------------------------------------------------------------------------- */
#wrap {
	background:url("../images/index/bg-index.gif") repeat-y;
	width:760px;
	margin:0 auto;
}

#nav-two {
	background:url("../images/index/top.png") no-repeat;
	height:46px;
	position:relative;
}
	#nav-two li {
		position:absolute;
		top:37px;
	}
	#nav-two li, #nav-two a {
		height:12px;
		display:block;
	}
	#nav-two span {
		display:none;
	}
	#nav-two-01 {
		width: 85px;
		left:503px;
	}
	#nav-two-02 {
		width: 95px;
		left:619px;
	}
	#nav-two-01 a:hover {
		background: transparent url("../images/index/top.png") -503px -83px no-repeat;
	}
	#nav-two-02 a:hover {
		background: transparent url("../images/index/top.png") -619px -83px no-repeat;
	}


/* masthead
 * ------------------------------------------------------------------------- */
#logo {
	position:relative;
	background:url("../images/index/nav-main.png") no-repeat;
	width:760px;
	height:82px;
	float:left;
}

	#logo a.logo-link {
		height:68px;
		left:30px;
		position:absolute;
		top:0px;
		width:320px;
		}

	a.logo-link span { display:none; }
/* ------------------------------------------------------------------------- */
/* nav-three */
/* ------------------------------------------------------------------------- */
#nav-three {
	padding: 60px 30px 6px 0px;
	text-align: left;
	margin: 0 auto;
	float:right;
    }	

	#nav-three li {
		display: inline;
		border-left:1px solid #3f2c06;
		background:none;
		}

	#nav-three li.first {
		border-left: none;
		}

	#nav-three li a {
		text-decoration: none;
		font-size: 11px;
		font-weight:bold;
		border-left:none;
		border-top:none;
		padding:1px 5px;
		}
		
#nav-three li, #nav-three a { display:block; z-index:2; } /* change height here also */		
#nav-three li { float:left; list-style:none; _display:inline; position:relative; }

#nav-three a:link, #nav-three  a:visited { color:#3f2c06; text-decoration:none; }
#nav-three  a:hover, #nav-three  a:active { color:#247045; text-decoration:none; }


#banner {
	background:url("../images/index/banner.jpg") no-repeat;
	height:184px;
	clear:both;
}
#flash {
	width:760px;
	height:184px;
	display:block;
	clear:both;
}
#column-left {
	width:538px;
	float:left;
}

.carecredit { margin-left:15px; margin-top:10px;}

#column-left p, #column-left h1, #column-left h2, #column-left h3 {
	padding-left:45px;
	padding-right:20px;
}
#column-left h2, #column-left h3 {
	margin-bottom:7px;
}
#header-welcome {
	background:url("../images/index/header-welcome.gif") no-repeat;
	height:50px;
}
#header-look {
	background:url("../images/index/header-look.gif") no-repeat;
	height:56px;
	margin-top:15px;
}
#bg-girl {
	background:url("../images/index/bg-girl.jpg") top right no-repeat;
	padding-top:14px;
}
#bg-girl p, #bg-girl h2 {
	padding-right:165px;
}
#wrap-our-staff {
	background:url("../images/index/header-our-staff.gif") no-repeat;
	padding-top:70px;
	margin-top:15px;
}
#wrap-our-staff img {
	margin-left:45px;
}
#wrap-our-staff p {
	margin-bottom:45px;
}
#wrap-our-staff dt {
	width:82px;
	float:left;
}
#wrap-our-staff dd {
	width:135px;
	float:left;
}
#column-left ul {
	padding-left:50px;
	padding-bottom:10px;
}
#column-left ul 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 */
	padding-right:20px;
}
#column-left li ul {
	margin-left:0px;
	padding-left:10px;
}
#column-left li ul 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 */
}
#column-right {
	width:222px;
	float:left;
}
#column-right p {
	padding-left:25px;
	padding-right:45px;
}
#column-right ul {
	padding-left:20px;
	padding-right:45px;
}
#column-right h2 {
	padding-left:25px;
	padding-bottom: 5px;
	padding-top:10px;
}
#header-call-us {
	background:url("../images/index/header-call-us.gif") no-repeat;
	height:103px;
	position:relative;
}
#header-call-us a {
	position:absolute;
	left:12px;
	width:180px;
	top:51px;
	height:49px;
}
#header-call-us a span {
	display:none;
}
#header-quick-contact {
	background:url("../images/index/header-quick-contact.gif") no-repeat;
	height:40px;
}
#title-med-procedures {
	background:url("../images/inside/title-med-procedues.jpg") no-repeat;
	height:48px;
}
#title-cosmetic-procedures {
	background:url("../images/inside/title-cosmetic-procedures.jpg") no-repeat;
	height:48px;
	margin-top:10px;
}
#bottom {
	background:url("../images/index/bottom.gif") no-repeat bottom;
	width:760px;
	height:37px;
	clear:both;
	overflow:hidden;
}
#column-left #coups-left {
	float:left;
}
#column-left #coups-right {
	float:left;
}
/* skeleton inside
 * ------------------------------------------------------------------------- */
 #banner-01 {
	background:url("../images/inside/banner-01.jpg") no-repeat;
	height:184px;
	clear:both;
}
#banner-02 {
	background:url("../images/inside/banner-02.jpg") no-repeat;
	height:184px;
	clear:both;
}
#banner-03 {
	background:url("../images/inside/banner-03.jpg") no-repeat;
	height:184px;
	clear:both;
}
#banner-04 {
	background:url("../images/inside/banner-04.jpg") no-repeat;
	height:184px;
	clear:both;
}
#header-locate {
	background:url("../images/inside/header-locate.gif") no-repeat;
	height:40px;
}
#header-about {
	background:url("../images/inside/header-about.gif") no-repeat;
	height:50px;
}
#header-staff {
	background:url("../images/inside/header-staff.gif") no-repeat;
	height:50px;
}
#header-contact {
	background:url("../images/inside/header-contact.gif") no-repeat;
	height:50px;
}
#header-blog {
	background:url("../images/inside/header-blog.gif") no-repeat;
	height:50px;
}
#header-featured-special {
	background:url("../images/inside/header-featured-special.gif") no-repeat;
	height:50px;
}
#header-gallery {
	background:url("../images/inside/header-gallery.gif") no-repeat;
	height:50px;
}
#header-laser-hair-removal {
	background:url("../images/inside/header-laser-hair-removal.gif") no-repeat;
	height:50px;
}
#header-liposuction {
	background:url("../images/inside/header-liposuction.gif") no-repeat;
	height:50px;
}
#header-mohs {
	background:url("../images/inside/header-mohs.gif") no-repeat;
	height:50px;
}
#header-procedures {
	background:url("../images/inside/subhead-procedures.jpg") no-repeat;
	height:50px;
}
#header-cosmetic-procedures {
	background:url("../images/inside/subhead-cosmetic-procedures.jpg") no-repeat;
	height:50px;
}
#header-site-map {
	background:url("../images/inside/header-site-map.gif") no-repeat;
	height:50px;
}
#header-skin-care {
	background:url("../images/inside/header-skin-care.gif") no-repeat;
	height:50px;
}
#header-testimonials {
	background:url("../images/inside/header-testimonials.gif") no-repeat;
	height:50px;
}
#header-thanks {
	background:url("../images/inside/header-thanks.gif") no-repeat;
	height:50px;
}
#header-dermatology {
	background:url("../images/inside/subhead-dermatology.jpg") no-repeat;
	height:50px;
}
#header-practice {
	background:url("../images/inside/subhead-practice.jpg") no-repeat;
	height:50px;
}
#header-products {
	background:url("../images/inside/subhead-products.jpg") no-repeat;
	height:50px;
}
#header-laser {
	background:url("../images/inside/subhead-laser.jpg") no-repeat;
	height:50px;
}
#header-injectables {
	background:url("../images/inside/subhead-injectables.jpg") no-repeat;
	height:50px;
}
#header-cosmetic-procedures {
	position:relative;
	background:url("../images/inside/subhead-cosmetic-procedures.jpg") no-repeat;
	height:50px;
	margin-bottom: 11px;
}
/* index page link within #masthead */		
	#header-cosmetic-procedures a {
	position:absolute;
	left:390px;
	width:97px;
	top:6px;
	height:26px;
}
#header-cosmetic-procedures a span {
	display:none;
}
#gallery dl {
	padding-left:45px;
	margin-bottom:30px;
	width:200px;
	float:left;
}
#gallery dt {
	padding-left:5px;
}
#privacy-body {
	background-image:none;
}
#privacy-wrap {
	padding:20px;
}
#bna-wrap {
	width:600px;
	height:440px;
}
#bna-case {
	height:318px;
}
#bna-bottom {
	background:url("../bna/images/layout/bna-bottom.gif") no-repeat;
	height:15px;
}
#bna-top {
	position:relative;
	background:url("../bna/images/layout/bna-top.gif") no-repeat;
	height:107px;
}
/* index page link within #masthead */		
	#bna-top a {
	position:absolute;
	left:14px;
	width:573px;
	top:7px;
	height:100px;
}
#bna-top a span {
	display:none;
}
#coupon-body {
	background-image:none;
	background-color:#F1EDE4;
}
#coupon-wrap {
	width:424px;
	height:250px;
}
#new_location {
	height:180px;
	width:222px;
	display:block;
	background: url("../images/index/header-new-location.jpg");
}

#column-left dl {
	margin:10px 10px 10px 55px;
}
	#column-left dl dt {
		font-weight:bold;
		margin-top:15px;
	}
	#column-left 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;
	}
	#column-left dd dl {
		margin:0px 10px 10px 5px;
	}
	#column-left dd 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 */
	}
/* footer
 * ------------------------------------------------------------------------- */
#footer {
	width:760px;
	text-align:center;
	margin:0 auto;
}
#footer a:link, #footer a:visited, #footer p {
	text-decoration:none;
	margin-bottom:3px;
}
#footer a:hover, #footer a:active {
	text-decoration:underline;
}
#footer-column-left {
	padding-left:13px;
	text-align: left;
	float:left;
}
#footer-column-right {
	padding-right:13px;
	text-align: right;
	float: right;
}
/* nav-seven
 * ------------------------------------------------------------------------- */
#nav-seven {
	background:url("../images/index/nav-buttons.png") no-repeat;
	height:160px;
	position:relative;
}
#nav-seven li {
	position:absolute;
	top:18px;
}
#nav-seven li, #nav-seven a {
	height:127px;
	display:block;
}
#nav-seven span {
	display:none;
}
#nav-seven-01 {
	width:132px;
	left:40px;
}
#nav-seven-02 {
	width:132px;
	left:176px;
}
#nav-seven-03 {
	width:132px;
	left:314px;
}
#nav-seven-04 {
	width:132px;
	left:450px;
}
#nav-seven-05 {
	width:132px;
	left:587px;
}
#nav-seven-01 a:hover {
	background: transparent url("../images/index/nav-buttons.png") -40px -178px no-repeat;
}
#nav-seven-02 a:hover {
	background: transparent url("../images/index/nav-buttons.png") -176px -178px no-repeat;
}
#nav-seven-03 a:hover {
	background: transparent url("../images/index/nav-buttons.png") -314px -178px no-repeat;
}
#nav-seven-04 a:hover {
	background: transparent url("../images/index/nav-buttons.png") -450px -178px no-repeat;
}
#nav-seven-05 a:hover {
	background: transparent url("../images/index/nav-buttons.png") -587px -178px no-repeat;
}

/*---- hidden ---*/
#hidden-cancer { display:none; visibility:collapse; }

.eventsTitle {font-size:16px; z-index:0 auto; margin-top:40px;}
.hrClass {width:100px; }
h2.h2TopSpace {margin-top:25px; }

/*------------- social-media-kit -------------*/

#column-right ul#social-media-kit { 
	padding: 5px 0px 50px 26px;
	}
#social-media-kit li { 
	width:38px; 
	float:left; }
	
/* ------------ Gallery -----------------------*/
.gallery { 
	margin: 25px 20px 10px 45px;
	padding-top:10px;
	border-top:6px solid green;
}

#column-left .gallery p, #column-left .gallery h2 { padding:0; }

img.bna, .gallery img {
width: 88px;
margin:3px 2px;
border:1px solid #000000;
} 

.gallery a { margin-right: 20px;}