/*--------------------- 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:#4c4c4c 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:#000; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#2f1b74; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#6450af; text-decoration:none; outline:none; }
	
	body#directions a { color:#FFF; text-decoration:underline; outline:none; }

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.jpg") right no-repeat;
	}
	
p.learn-more {
	text-align:right;
	display:block;
	padding:0;
	height:21px;
	background:url("../images/learn-more.jpg") right no-repeat;
	}
	p.learn-more a { display:block; height:21px; }

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}
	img.group-pic {
		float:right; 
		margin:5px 10px 10px 10px;
		border: solid 2px #686089;
		}

img.profiles {
	border: solid 2px #686089;
	}

#column-right div.content {
	/* background:#fff url("../images/content-bottom.jpg") 0 bottom no-repeat; */
	padding-bottom:7px;
	}

body#directions {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #806D9F;
	background-image: none;
	text-align: left;
	}
	
	body#directions h3 {
		color: #FFF;
		}
	body#directions p, body#directions ul {
		margin: 5px 20px;
		}

.bna-title {
	color: #665A8A;
	font-size:14px;
	}

/* ------------------------ form elements ------------------------ */

form label	{ font-size:.95em; } 

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #327142;
	color:#000;
	width:215px; /* 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:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}

select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:90px; 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; height: 20px; } /* 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; 
	}

input.submit-contact-main { margin:95px 0 0 243px; }

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	background:url("../images/bg-wrap.jpg") 0 0 repeat-y;
	width:919px;
	margin:23px auto 0;
	text-align:left;
	}

#nav {
	background:url("../images/nav.jpg") top left no-repeat;					
	width:189px;
	height:292px;
	margin:0;
	padding:80px 0 0 0;
	float:left;
	}

#nav li span { display: none; }

#nav li { 
	float:right;
	clear:right;
	list-style:none;
	position:relative;
	}

#nav li, #nav a { 
	height:27px;
	display:block;
	}

/* margin-top to set where the nav should begin */
#nav-01 { margin:0 0 2px 0; width:70px; }
#nav-02 { margin:0 0 2px 0; width:120px; }
#nav-03 { margin:0 0 2px 0; width:160px; }
#nav-04 { margin:0 0 2px 0; width:155px; }
#nav-05 { margin:0 0 2px 0; width:155px; }
#nav-06 { margin:0 0 0 0; width:100px; }

#nav-01 a:hover { background:url("../images/nav.jpg") -310px -80px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -260px -109px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -220px -138px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -225px -167px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -225px -196px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -280px -225px no-repeat; }

/* ------------------------ privacy masthead ----------------------------- */

body#privacy #wrap-gallery {
	width:649px;
	margin:0 auto;
	text-align:left;
	background:url("../gallery/bg-imgs/bg-wrap.jpg") repeat-y;
	}

body#privacy #masthead {
	position:relative;
	height:175px;
	background:url("../gallery/bg-imgs/header.jpg") no-repeat;
	}
	body#privacy #masthead a {	
		position:absolute;
		left:0px;
		top:0px;
		width:650px;
		height:140px; 
		}
		body#privacy #masthead a span {
			display: none;
			}
			
body#privacy {background: #D8D3E7;
		}

#privacy-content {
	width: 524px;
	margin: 0 auto;
	background: #FFF;
	}
	#privacy-content p, #privacy-content h5, #privacy-content h1, #privacy-content h2 {
		margin: 10px 20px 5px 20px;
		}
		.MsoBodyText2 {text-align:center;
	font-size:12pt;
	font-family:"Times New Roman";
	font-weight:bold;}

/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:270px;
	float:left;
	}

	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
		margin:0px 14px 10px 20px;
		}

	#column-left form { margin-left:0px; } /* set form margin here */

	/* single column list */
	#column-left ul { padding-left:5px; }
		#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 */
			}
			
	#featured-case {
		background:url("../images/index-featured-case.jpg") 0 0 no-repeat;
		height:286px;
		}
		#featured-case a {
			height:270px;
			display:block;
			}
			#featured-case a span {
				display:none;
				}
				
	#quick-contact {
		background:#d9d3e8 url("../images/quick-contact.jpg") 0 0 no-repeat;
		width:260px;
		padding-top:80px;
		}
	

		
	#locate-us {
		background:#d9d3e8 url("../images/locate-us.jpg") 0 0 no-repeat;
		width:260px;
		padding-top:91px;
		}
				
	p#map-text {
		font-weight: bold;
		text-decoration: underline;
		color: #076E1F;
		}

.youtube-link {
	margin:0 0 15px 7px;
}

/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:649px;
	background:url("../images/bg-right-col.jpg") top right no-repeat;
	float:left;
	}
	body#index #column-right {
		background-image:url("../images/bg-right-col-index.jpg");
	}
	
	#column-right div {
		background:#fff;
		width:524px;
		}

	#column-right p, 
	#column-right h2, 
	#column-right h3, 
	#column-right ul, 
	#column-right dl {
		margin:0px 140px 10px 20px;
		}
	#column-right h1 {
		margin:0px 60px 10px 20px;
		}	
	
		
		#column-right div.content p {
		margin-right:13px;
		}

	#column-right form { margin-left:0px; }

	/* single column list */
	#column-right ul { padding-left:5px; }
		#column-right 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 .right-list {
			float: right;
			display: inline;
			margin-right: 180px;
			}
		#column-right .left-list {
			width: 150px;
			}
			
	#column-right ul#subnav {
		width:524px;
		height:366px;
		background:url("../images/subnav.jpg") 0 0 no-repeat;
		margin:0;
		padding:74px 0 0 0;
		}

		#column-right ul#subnav li { 
			float:left; 
			height:124px;
			width:161px;
			padding:0;
			margin-left:5px;
			display:inline; /* fix IE double margin */
			}

		#column-right ul#subnav a { 
			height:122px;
			display:block;
			}
			#column-right ul a span { display:none; }
			#column-right ul#subnav li#subnav-01 { margin-left:15px; }
			
			#subnav-01 a:hover { background:url("../images/subnav.jpg") -539px -74px no-repeat; }
			#subnav-02 a:hover { background:url("../images/subnav.jpg") -705px -74px no-repeat; }
			#column-right ul li#subnav-03 { width:162px; }
			#subnav-03 a:hover { background:url("../images/subnav.jpg") -871px -74px no-repeat; }
			
	#column-right div#content-bottom {
		width: 524px;
		height: 14px;
		background:url("../images/content-bottom.jpg") bottom no-repeat;
		}

/* ------------------------ header framework ------------------------ */
#header-graphic { width:730px; height:372px; float:left; background:url("../images/header-index.jpg"); }

body#gallery #header-graphic { width:730px; height:372px; float:left; background:url("../images/header-gallery.jpg"); }
body#smile #header-graphic { width:730px; height:372px; float:left; background:url("../images/header-smile.jpg"); }
body#cosmetic #header-graphic { width:730px; height:372px; float:left; background:url("../images/header-cosmetic.jpg"); }
body#about #header-graphic { width:730px; height:372px; float:left; background:url("../images/header-index.jpg"); }
body#contact #header-graphic { width:730px; height:372px; float:left; background:url("../images/header-smile.jpg"); }
body#sitemap #header-graphic { width:730px; height:372px; float:left; background:url("../images/header-index.jpg"); }
body#thankyou #header-graphic { width:730px; height:372px; float:left; background:url("../images/header-smile.jpg"); }

	div#noflash {
		color: #FFF;
		}
		 div#noflash a {
		 	color: #FFF;
			}
			noscript {
				color: #529E18;
				}
/* ------------------------ subhead framework ------------------------ */
#subhead { height:58px; margin-bottom:10px; } /* sets height for all subheads */
	body#index #subhead { background:url("../images/subhead-index.jpg") no-repeat; position:relative; }
	body#about #subhead { background:url("../images/subhead-about.jpg") no-repeat; }
	body#contact #subhead { background:url("../images/subhead-contact.jpg") no-repeat; }
	body#thankyou #subhead { background:url("../images/subhead-thankyou.jpg") no-repeat; }
	body#sitemap #subhead { background:url("../images/subhead-sitemap.jpg") no-repeat; }
	body#smile #subhead { background:url("../images/subhead-smile.jpg") no-repeat; }
	body#cosmetic #subhead { background:url("../images/subhead-cosmetic.jpg") no-repeat; }
	body#gallery #subhead { background:url("../images/subhead-gallery.jpg") no-repeat; }
	body#privacy #subhead { background:url("../images/subhead-privacy.jpg") no-repeat; }
	body#multiple #subhead, body#single #subhead { background:url("../images/subhead-blog.jpg") no-repeat; }
	
body#index #subhead a {
	display:block;
	width:150px;
	height:55px;
	position:absolute;
	left:375px;
}


/* ------------------------ subhead framework with varying heights ------------------------ */
#column-right #title-procedures {
	height:113px;
	width:561px;
	background:url("../images/title-procedures.jpg") 0 0 no-repeat;
	}


/* ------------------------ bottom-wrap framework ------------------------ */
#bottom-wrap {
	background:url("../images/bottom-wrap.jpg");
	width:100%; /* fix for Safar */
	height:121px;
	clear:both; /* important - do not remove */
	}

/* ------------------------footer framework ------------------------ */
#footer {
	width:794px;
	margin:0 auto;
	text-align:center;
	}

#footer p {
	color:#fff;
	margin:10px 120px 10px 10px;
	}

#footer a:link, #footer a:visited { color:#fff; }
#footer a:hover, #footer a:active { color:#fff; }

#footer ul {margin:10px 120px 10px 10px;}
	#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 #fff;
		}
	#footer li.first { border: none; }

a.clickhere{color:#076E1F;}
/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */




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

div#social-media { 
	width:270px;
	height:83px;
	background:url("../images/smk.jpg") no-repeat;
	margin:0;
	position:relative;
	z-index:999;
	margin-bottom:10px;
	}
	
	div#social-media span { display:none;}
	
	#social-media a { width:40px; height:40px;}

	#social-media a.twitter {
		position:absolute;
		top:29px;
		left:20px;
		}
		
	#social-media a.linkedin {
		position:absolute;
		top:29px;
		left:65px;
		}	
		
	#social-media a.facebook {
		position:absolute;
		top:29px;
		left:110px;
		}
		
	#social-media a.youtube {
		position:absolute;
		top:29px;
		left:155px;
		}	
		
	#social-media a.blog {
		position:absolute;
		top:29px;
		left:200px;
		}	
	#blog-btn img {
		margin:10px 0 7px 32px;
		}