/* kill browser defaults
 * ------------------------------------------------------------------------- */
ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1.0em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0px; padding:0px; }

a img,:link img,:visited img,fieldset { border:none; }

a { outline:none; }




/* global elements
 * ------------------------------------------------------------------------- */
body {
	background:#fff url("../images/bg-body-index.jpg") top left repeat-x;
	text-align:center;
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#2b4726;
	}

blockquote {
	margin-left:10px;
	margin-right:10px;
	}

h1 { font-size:1.3em; color:#2b4726; line-height:16px; }
h2 { font-size:1.2em; color:#2b4726; }
h3 { font-size:1.1em; color:#2b4726; }

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

a:link,a:visited { color:#696; text-decoration:underline; }
a:hover,a:active { color:#003360; text-decoration:underline; }




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

#masthead {
	position:relative;
	background:url("../images/masthead.jpg");
	height:111px;
	}
	#masthead a {
		position:absolute;
		width:285px;		
		height:57px;
		top:25px;
		left:21px;
		}
		#masthead a span {
			display:none;
			}


			/* ----- column-left-index ----- */
			body#index #column-left {
				width:408px;
				float:left;
				padding-top:12px;
				}
				body#index #column-left p, body#index #column-left h1, body#index #column-left h2, body#index #column-left h3, body#index #column-left ul, body#index #column-left dl {
					margin:0px 0px 10px 74px;
					}
			
			/* ----- column-right-index ----- */
			body#index #column-right {
				width:332px;
				float:left;
				}
				body#index #column-right p, body#index #column-right h1, body#index #column-right h2, body#index #column-right h3, body#index #column-right ul, body#index #column-right dl {
					margin:0px 0px 10px 40px;
					}



/* ----- column-right-invisalign/ortho ----- */
body#ortho #column-left {
	width:534px;
	float:left;
	}
.ortho_specials_img {float:right;}

/* ----- column-right-invisalign/ortho ----- */
body#ortho #column-right {
	width:206px;
	float:left;
	background:url("../images/title-right-column.jpg") no-repeat;
	}

/* ----- column-right-BLOG ----- */
body#blog #column-right {
	width:206px;
	float:left;
	background:url("../images/title-right-column-blog.jpg") no-repeat;
	}


/* ----- column-left ----- */
#column-left {
	width:534px;
	float:left;
	}
	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
		margin:0px 0px 10px 74px;
		padding-right:20px;
		}
.news_images{ vertical-align:middle; padding-left:10px;}


#braces-ad {
margin-top:640px;
}

/* ----- column-right ----- */
#column-right {
	width:206px;
	float:left;
	background:url("../images/title-right-column.jpg") no-repeat;
	}
	#column-right p, #column-right ul, #column-right dl {
		margin:0px 0px 10px 30px;
		padding-right:15px;
		}
	#column-right img {
		margin-top:15px;
		}
#column-right-index {
	width:332px;
	float:left;
	 background:url("../images/title-right-column-index.jpg") 0px 208px no-repeat;
	}
	#column-right-index p, #column-right ul, #column-right dl {
	margin:0px 0px 10px 30px;
	padding-right:5px;
		}
	#column-right-index img {
		margin-top:15px;
		}

/* ----- bottom-wrap ----- */ 
#bottom-wrap {
	background:url("../images/bottom-wrap.jpg");
	height:20px;
	clear:both;
	width:100%;
	}




/* footer
 * ------------------------------------------------------------------------- */
#footer {
	width:760px;
	margin:0px auto;
	text-align:center;
	margin-top:15px;
	}

#footer p {
	color:#2b4726;
	margin-bottom:10px;
	}

#footer a:link, #footer a:visited { color:#696; }

#footer a:hover, #footer a:active { color:#003360; }

#footer ul { margin-top:10px; margin-bottom:10px; }

#footer li {
	padding:0px 1px 0px 5px;
	display:inline;
	border-left:1px solid #2b4726;
	}

	#footer li.first { border:none; }




/* header framework
 * ------------------------------------------------------------------------- */
body#index #header { height:361px; padding-left:1px; background:url("../images/header-index.jpg"); }
#header { height:125px; }
	body#cosmetic #header { background:url("../images/header-cosmetic.jpg"); }
	body#implants #header { background:url("../images/header-implants.jpg"); }
	body#periodontics #header, body#about #header, body#thankyou #header, body#sitemap #header { background:url("../images/header-periodontics.jpg"); }
	body#whitening #header { background:url("../images/header-whitening.jpg"); }
	body#sedation #header { background:url("../images/header-sedation.jpg"); }
	body#pediatrics #header { background:url("../images/header-pediatrics.jpg"); }
	body#elderly #header { background:url("../images/header-elderly.jpg"); }
	body#gallery #header { background:url("../images/header-gallery.jpg"); }
	body#ortho #header { background:url("../images/header-invisalign.jpg"); }
	body#contact #header { background:url("../images/header-contact.jpg"); }
	body#blog #header { background:url("../images/header-sedation.jpg"); }




/* subhead framework
 * ------------------------------------------------------------------------- */
	body#index #column-left { background:url("../images/subhead-index.jpg") top left no-repeat; }
	body#cosmetic #column-left { background:url("../images/subhead-cosmetic.jpg") top left no-repeat; }
	body#implants #column-left { background:url("../images/subhead-implants.jpg") top left no-repeat; }
	body#periodontics #column-left { background:url("../images/subhead-periodontics.jpg") top left no-repeat; }
	body#ortho #column-left { background:url("../images/subhead-ortho.jpg") top left no-repeat; }
	body#whitening #column-left { background:url("../images/subhead-whitening.jpg") top left no-repeat; }
	body#sedation #column-left { background:url("../images/subhead-sedation.jpg") top left no-repeat; }
	body#pediatrics #column-left { background:url("../images/subhead-pediatrics.jpg") top left no-repeat; }
	body#elderly #column-left { background:url("../images/subhead-elderly.jpg") top left no-repeat; }
	body#about #column-left { background:url("../images/subhead-about.jpg") top left no-repeat; }
	body#gallery #column-left { background:url("../images/subhead-gallery.jpg") top left no-repeat; }
	body#contact #column-left { background:url("../images/subhead-contact.jpg") top left no-repeat; }
	body#thankyou #column-left { background:url("../images/subhead-thankyou.jpg") top left no-repeat; }
	body#sitemap #column-left { background:url("../images/subhead-sitemap.jpg") top left no-repeat; }
	body#blog #column-left { background:url("../images/subhead_blog.jpg") top left no-repeat; }

	
	  
	body#blog .list { 
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin-left:50px;
	padding:0px 0px 5px 10px;
	text-decoration:none;
	 }



/* navigation
 * ------------------------------------------------------------------------- */
#nav {
	background:url("../images/nav.jpg") no-repeat;
	width:740px;
	height:70px;
	margin:0px;
	padding:0px;
	}

#nav span { display:none; }

#nav li, #nav a { height:25px; display:block; position:relative; }

#nav li { float:left; margin-top:2px; list-style:none; _display:inline; }

#nav-01 { width:42px; margin-left:11px; }
#nav-02 { width:104px; }
#nav-03 { width:55px; }
#nav-04 { width:71px; }
#nav-05 { width:104px; }
#nav-06 { width:58px; }
#nav-07 { width:70px; }
#nav-08 { width:56px; }
#nav-09 { width:77px; }
#nav-10 { width:74px; }

#nav-01 a:hover { background:url("../images/nav.jpg")  -11px -72px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg")  -53px -72px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -157px -72px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -212px -72px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -283px -72px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -387px -72px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -445px -72px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.jpg") -515px -72px no-repeat; }
#nav-09 a:hover { background:url("../images/nav.jpg") -571px -72px no-repeat; }
#nav-10 a:hover { background:url("../images/nav.jpg") -648px -72px no-repeat; }


/* ----- drop downs ----- */
#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;			/* Fixes one px spacing for border-right in FF */
	background-color:#23411d;	/* 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: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:#fff;
	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-06 ul a:hover, #nav-08 ul a:hover, #nav-10 ul a:hover {
	background-image:none;
	background-color:#537a4b;
	color:#fff;
	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:160px; }		
#nav-03 ul, #nav-03 li { width:90px; }
#nav-04 ul, #nav-04 li { width:130px; }
#nav-06 ul, #nav-06 li { width:260px; }
#nav-08 ul, #nav-08 li { width:115px; }
#nav-10 ul, #nav-10 li { width:130px; }




/* global form elements
 * ------------------------------------------------------------------------- */
form {
	width:137px;
	margin:0px 0px 0px 30px;
	}

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

form br { line-height:0px; height:0px; }

input, textarea, select {
	background-color:#fff !important;
	border:1px solid #89ad85;
	color:#89ad85;
	width:132px; /* 5 pixles smaller than form width !important */
	height:14px;
	line-height:14px;
	vertical-align:middle;
	margin-bottom:4px;
	margin-left:0px;
	padding-top:0px;
	padding-left:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	}

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

textarea { height:90px; overflow:auto; }

#contact-business { display:none; }


/* ----- main contact form ----- */ 
#contact-main {
	margin:20px 0px 40px 90px;
	width:380px;
	}

#contact-main label {
	width:180px;
	position:relative;
	display:block;
	text-align:right;
	margin-bottom:6px;
	font-size:1.0em;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select {
	width:170px;
	position:absolute;
	left:106%;
	top:-2px;
	}
#contact-quick {padding:0 0 0 31px; margin:0;}
body#index #contact-quick {padding:0 0 0px 31px; margin:0px;}

#contact-main label select { width:170px; }

#contact-main p textarea { height:70px; width:300px; margin-top:10px; overflow:auto; }

#contact-main hr { margin:20px 0px; }

#contact-main p { text-align:center; margin:0px; }

/* ----- submit buttons ----- */ 
input.submit {
	width:65px;
	height:17px;
	cursor:pointer;
	padding:0px;
	}
	input.submit-hover {
		background-color:#264d3e !important;
		width:65px;
		height:17px;
		cursor:pointer;
		padding:0px;
		}

body#contact form input.submit { margin:20px 0px 0px 150px; }
body#contact form input.submit-hover { margin:20px 0px 0px 150px; }




/* miscellaneous id's
 * ------------------------------------------------------------------------- */
body#index #contact-section {
	background:url("../images/subhead-contact-2.jpg") top left no-repeat;
	width:408px;
	margin:0px 0px 10px 0px;
	padding-top:10px;
	float:left;
	}
	body#index #contact-section p {
		margin-left:74px;
		}
	body#index #contact-section p.address {
		width:130px;
		float:left;
		padding:0px 0px 0px 74px;
		margin:0px;
		}
	body#index #contact-section form {
		width:137px;
		float:left;
		padding-left:10px;
		}

body#index #wrap #contact-section #form-arrow-bg {
	display:block;
	float:left;
	background:url("../images/arrow2-leftcolumn.jpg") bottom left no-repeat;

	}
	
body#index #brite-smile { 
	background:url("../images/title-right-column-special.jpg") top left no-repeat; 
	width:332px;
	float:left;
	padding-top:30px;
	}

#special-offer {
	background:url("../images/special-offer.jpg");
	clear:both;
	width:740px;
	height:340px;
	display:block;
	}
	#special-offer span {
		display:none;
		}

#featured-media {
	background:url("../images/title-featured-media.jpg") top left no-repeat;
	margin-left:15px;
	width:200px;
	float:left;
	padding-top:52px;
	}
	#featured-media div {
		border:1px solid #ccc;
		margin-left:70px;
		padding:20px;
		width:200px;
		height:80px; /* REMOVE if the box ever gets enough content in it to be filled */
		line-height:26px;
		font-weight:bold;
		}
		
#featured-finance {
	background:url("../images/title-financing.jpg") top left no-repeat;
	margin-left:15px;
	width:200px;
	float:left;
	padding-top:52px;
	margin-top: 20px;
	}
	#featured-finance div {
	margin-left:70px;
	padding:0 20px 40px 20px;
	width:200px;
	height:80px; /* REMOVE if the box ever gets enough content in it to be filled */
	line-height:16px;
	font-weight:bold;
		}

#our-office {
	background:url("../images/title-our-office.jpg") top left no-repeat;
	margin-left:5px;
	width:200px;
	float:left;
	margin-top: 50px;
	padding-top:52px;
	}		
		
#newsletter {
	background:url("../images/title-newsletter.gif") top left no-repeat;
	width:332px;
	float:left;
	padding-top:30px;
	}
	
#form {
	background:url("../images/title-forms.gif") top left no-repeat;
	width:332px;
	float:left;
	padding-top:30px;
	}
	
body#kids-popup {
	margin:0px;
	}

#thumb-container {
	margin:30px 0px 10px 60px;
	}
	#thumb-container div {
		margin:0px 0px 25px 40px;
		float:left;
		width:165px;
		height:119px;
		}
		#thumb-container div a {
			width:165px;
			height:119px;
			display:block;
			}
		#thumb-container div a:hover {
			background-position:0px -119px;
			}

	#thumb-01 a { background:url("../images/bna/gallery-01.jpg"); }
	#thumb-02 a { background:url("../images/bna/gallery-02.jpg"); }
	#thumb-03 a { background:url("../images/bna/gallery-03.jpg"); }
	#thumb-04 a { background:url("../images/bna/gallery-04.jpg"); }
	#thumb-05 a { background:url("../images/bna/gallery-05.jpg"); }
	#thumb-06 a { background:url("../images/bna/gallery-06.jpg"); }
	#thumb-07 a { background:url("../images/bna/gallery-07.jpg"); }
	#thumb-08 a { background:url("../images/bna/gallery-08.jpg"); }
	#thumb-09 a { background:url("../images/bna/gallery-09.jpg"); }
	#thumb-10 a { background:url("../images/bna/gallery-10.jpg"); }
	#thumb-11 a { background:url("../images/bna/gallery-11.jpg"); }
	#thumb-12 a { background:url("../images/bna/gallery-12.jpg"); }
	#thumb-13 a { background:url("../images/bna/gallery-13.jpg"); }
	#thumb-14 a { background:url("../images/bna/gallery-14.jpg"); }
	#thumb-15 a { background:url("../images/bna/gallery-15.jpg"); }


	#aadsubhead {
		background:url("../images/aadsubhead.jpg");
	 	width:740px;
	 	height:120px;
		margin-top:-41px;
		display:block;
		}

/* classes
 * ------------------------------------------------------------------------- */
div.clear {
	clear:both;
	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;
	clear:both;
	}

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

img.img-right {
	float:right;
	margin:0px 0px 4px 10px;
	}

ul.anchor-list {
	font-size:1.1em;
	font-weight:bold;
	line-height:18px;
	padding-bottom:30px;
	}
	ul.anchor-list li {
		margin-bottom:6px;
		}
		ul.anchor-list li ul {
			font-size:0.9em;
			font-weight:normal;
			line-height:15px;
			padding:0px !important;
			margin:0px 0px 0px 20px !important;
			}
			ul.anchor-list li ul li {
				margin:0px;
				}

#column-left dl.floating-dl {
	width:320px;
	margin-left:130px;
	}
	dl.floating-dl dt {
		width:160px;
		height:180px;
		text-align:center;
		float:left;
		}

img.invisalign-image-positioning {
	margin-left:70px;
	margin-bottom:20px;
	}

div#invisalign-btn
{
	background: url(../images/invisalign.jpg) no-repeat;
	height: 325px;
	margin-bottom: 20px;
	margin-left: 70px;
	position: relative;
	width: 460px;
}
#invisalign-btn .a
{
	position:absolute;
	left:273px;
	top:8px;
	height: 88px;
	width: 180px;
}
#invisalign-btn .b
{
	position:absolute;
	left:273px;
	top:114px;
	height: 98px;
	width: 176px;
}
#invisalign-btn .c
{
	position:absolute;
	left:271px;
	top:230px;
	height: 86px;
	width: 181px;
}

.subscribe {
padding-left: 70px; 
*padding-left: 10px;
width: 150px;
}

#special_1 {
	text-align:center;
	width: 275px;
	padding-bottom: 25px;
	padding-left: 35px;
}


#quote2 {
	width: 150px;
	margin: 0 0 0 15px;
	padding: 5px 15px;
	height: 100%;
	color: #254118;
	font-size: 12px;
	line-height: 17px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	clear:both;
}

#quote2 img {
margin: 0;
}

#gallery-1 .gallery-item {
	width:32%!important;
}

ul.listchild  {list-style-type:disc;}
ul.listchild  li{padding-bottom:8px;}

.vidbtn {margin-left:75px;}
.vidbtninside {margin-left:10px;}
