/*
----------------------------------------------------------------------------
undohtml.css
(CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet is licensed under a Creative Commons License.
---------------------------------------------------------------------------- */


/* Purpose: undo some of the default styling of common (X)HTML browsers      */


/* Link underlines tend to make hypertext less readable, 
 * because underlines obscure the shapes of the lower halves of words
  ****************************************************************************/
:link,:visited,:hover { text-decoration:none; }


/* No list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none; }


/* Avoid browser default inconsistent heading font-sizes and pre/code too    */
h1,h2,h3,h4,h6,h6,pre,code { font-size:11px; font-weight: normal; }


/* Remove the inconsistent (among browsers) default ul,ol padding or margin
 * the default spacing on headings does not match nor align with normal
 * interline spacing at all, so let's get rid of it.
 * Zero out the spacing around pre, form, body, html, p, blockquote as well
 * form elements are oddly inconsistent, and not quite CSS emulatable.
 * Nonetheless, strip their margin and padding as well.
 *****************************************************************************/
hr,ul,ol,li,h1,h2,h3,h4,h6,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; }



/* whoever thought blue linked image borders were a good idea?               */
a img,:link img,:visited img { border:none; }


/* more varnish stripping as necessary...                                    */
#telno span, #smile-gallery span, #contact span, h1 span, h2 span, h3 span {display:none;}


/* use this class to indent a paragraph 20 pixel...                          */
.indent {margin:0 0 0 20px;}


/* format all paragraph text								                          */
h4, h3, p, a, ul {
	font: 12px Arial, Helvetica, sans-serif;
	color: #601E1E;
}


#sub-vert-yellow-line a, .vert-yellow-line a {
	text-decoration: underline;
}


#sub-vert-yellow-line a:hover, .vert-yellow-line a:hover{
	color: #E6B14D;
	text-decoration: none;
}


.vert-yellow-line p{
	margin: 0 0 0 17px;
	padding: 17px 0 0 0;
}


#sub-vert-yellow-line p{
	margin: 0 0 20px 40px;
	padding: 0 0 0 0;
	width: 450px;
}


.vert-yellow-line h3{
	margin: 0 0 0 17px;
	padding: 17px 0 0 0;
	font-weight: bold;
}


#sub-vert-yellow-line h3, #sub-vert-yellow-line h3 a{
	margin: 15px 0 8px 0;
	padding: 0 0 0 0;
	font-weight: bold;
}




.side-box p{
	color: #F7F1E4;
	margin: 0 16px 10px 16px;
}


.read-more-side-box{
	text-align: right;
	margin: 16px 16px 0 0;

	height: 60px;
}


.read-more-main{
	text-align: right;
	margin: 16px 16px 0 0;
	clear: left;
}


.side-box a{
	color: #F7F1E4;
	text-decoration: underline;
}


.side-box a:hover{
	color: #E6B14D;
	text-decoration: none;
}


.imgRight { float:right; padding-left: 15px; }


body{
	margin: 0 0 50px 0;
	padding: 0;
	text-align: center;
	background: url(../images/main-background.gif);
}


#container{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 766px;
	height: auto;
	background: transparent url(../images/container-background.gif) repeat-y top;
	text-align: left;
}


#flash-box{
	background: url(../images/flash-box.jpg);
	height: 203px;
}


#flash-box-cosmetic{
	background: url(../images/flash-box-cosmetic.jpg);
	height: 203px;
}
#flash-box-cosmetic2{
	background: url(../images/flash-box-cosmetic2.jpg);
	height: 203px;
}
#flash-box-family{
	background: url(../images/flash-box-family.jpg);
	height: 203px;
}




#cosmetic #left-column {margin-top:-55px;}
#left-column{
	width: 243px;
	float: left;
	display: inline;
}


#right-column{
	width: 520px;
	float: left;
	display: inline;
}


.side-box{
	width: 209px;
	background: url(../images/side-box.jpg);
	margin: 0 0 20px 13px;
}


.side-box-bottom{
	background: transparent url(../images/side-box-bottom.jpg) no-repeat bottom;
}


.side-box-top{
	background: transparent url(../images/side-box-top.jpg) no-repeat top;
}


#contact{
	background: url(../images/contact.jpg) no-repeat bottom;
	width: 178px;
	height: 46px;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
}
#telno{
	background: url(../images/telno.jpg) no-repeat bottom;
	width: 178px;
	height: 46px;
	margin: 0 0 8px 10px;
	padding: 0 0 0 0;
}


#smile-gallery{
	background: url(../images/smile.jpg) no-repeat bottom;
	width: 109px;
	height: 45px;
	margin: 0 0 8px 10px;
	padding: 10px 0 0 0;
}

#followus{
	background: url(../images/followus.jpg) no-repeat bottom;
	width: 178px;
	height: 46px;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
}

.twtr-widget { margin-left: 10px; }


	#side-bar-bna-thumb{
		background: url(../images/side-bar-bna-thumb.jpg);
		width: 111px;
		height: 156px;
		margin: 0px auto;
		border: 1px solid #ECB94F;
		position: relative;
	}
	

	#side-bar-bna-thumb a{
		position: absolute;
		width: 111px;
		height: 156px;
	}
	
	#side-bar-bna-thumb span{
		display: none;
	}
	
#tooth-whitening{
	display: none;
}


#tooth-whitening-inset{
	background: url(../images/tooth-whitening-inset.jpg);
	width: 90px;
	height: 60px;
	float: right;
	margin: 8px 17px 3px 0;
	display: inline;
}


	#tooth-whitening-inset span{
		display: none;
	}



/*-------- Headers ---------*/


	#header-home {
		background-image: url(../images/header-home.jpg);
		width: 500px;
		height: 33px;
		margin: 19px 0 0 0px;
	}
	#header-implant-restoration {
		width: 500px;
		height: 33px;
		margin: 19px 0 0 0px;
		background-image: url(../images/header-implant-restoration.jpg);
	}
	#header-cosmetic-dentistry {
		width: 500px;
		height: 33px;
		margin: 19px 0 0 0px;
		background-image: url(../images/header-cosmetic-dentistry.jpg);
	}
	#header-invisalign {
		width: 500px;
		height: 33px;
		margin: 19px 0 0 0px;
		background-image: url(../images/header-invisalign.jpg);
	}
	#header-family-denistry {
		width: 500px;
		height: 33px;
		margin: 19px 0 0 0px;
		background-image: url(../images/header-family-dentistry.jpg);
	}
	#header-dr-latham {
		width: 500px;
		height: 33px;
		margin: 19px 0 0 0px;
		background-image: url(../images/header-dr-latham.jpg);
	}
	#header-contact {
		width: 500px;
		height: 33px;
		margin: 19px 0 0 0px;
		background-image: url(../images/header-contact.jpg);
	}	
	#header-site-map {
		width: 500px;
		height: 33px;
		margin: 19px 0 0 0px;
		background-image: url(../images/header-site-map.jpg);
	}	
	#header-smile-gallery {
		width: 500px;
		height: 33px;
		margin: 19px 0 0 0px;
		background-image: url(../images/header-smile-gallery.jpg);
	}	
	
	
	
.vert-yellow-line{
	background: url(../images/vert-yellow-line.gif) repeat-y left;
	width: 480px;
	margin: 0 0 0 0;
}


#office-photo{
	background: url(../images/index/office-photo1.jpg);
	width: 214px;
	height: 161px;
	float: right;
	margin: 0 17px 0 17px;
}
#office-photo2{
	background: url(../images/index/office-photo2.jpg);
	width: 161px;
	height: 214px;
	float: left;
	margin: 17px 17px 17px 17px;
}
#invisalign-photo{
	background: url(../images/index/invisalign-banner.jpg);
	width: 216px;
	height: 441px;
	float: right;
	margin: 17px 0 0 17px;
}


#office-photo span, #office-photo2 span{
	display: none;
}


#practice-info{
	background: url(../images/index/practice-areas.gif);
	width: 387px;
	height: 37px;
	margin: 19px 0 0 0px;
	padding: 0;
}


#test{
	width: 240px;	
	float: left;
	display: inline;
}


#test2{
	width: 240px;
	float: left;
}


#column1{
	width: 240px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}


#column2{
	width: 240px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}


.vert-yellow-line ul{
	list-style: outside url(../images/index/bullet.gif);
	margin: 10px 0 0 40px;
}


.vert-yellow-line li{
	vertical-align: middle;
}


#footer{
	background: url(../images/footer-background.jpg);
	width: 766px;
	clear: both;
}


#footer-top{
	background: url(../images/footer-top.gif) no-repeat top;
}


#footer-bottom{
	background: url(../images/footer-bottom.gif) no-repeat bottom;
	padding: 16px 0 16px 0;
}


#footer-bottom p{
	color: #F7F1E4;
	text-align: center;
	margin: 0 0 0 0;
	padding: 6px 10px;
}


#footer a{
	color: #F7F1E4;
	text-decoration: underline;
}


#footer a:hover{
	color: #E6B14D;
	text-decoration: none;
}


input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #601E1E;
	border: 1px solid #E6B14D;
	background-color: #F7F1E4;
}


.quickcontact {
	margin: 0 0 10px 23px;
	width: 166px;
	height: 17px;
}


.quickcontact-message {
	margin: 0 0 10px 23px;
	width: 166px;
	height: 60px;
	overflow: auto;
}


.quickcontact-button {
	margin: 0 0 20px 131px;
	width: 60px;
	height: 18px;
	font-size: 11px;
	text-align: center;
	padding: 0;
}


.maincontact {
	margin: 10px 0 10px 170px;
	width: 200px;
	height: 17px;
}


.maincontact-message {
	margin: 10px 0 10px 170px;
	width: 200px;
	height: 60px;
	overflow: auto;
}


.maincontact-button {
	margin: 10px 0 10px 170px;
	width: 60px;
	height: 18px;
	font-size: 11px;
	text-align: center;
	padding: 0;
}






/* top nav */


		#h-spritenav1, #h-spritenav1 li, #h-spritenav1 a{
			/* Change height of nav */
			height: 20px;
		}
		
		#h-spritenav1{
			/* Change image of nav */
			background: url(../images/top-nav.gif) no-repeat left top;
			position: relative;
			/* Change width of nav */
			width: 444px;
/*			margin: 6px 0 0 0;*/
		}
		
		#h-spritenav1 li a span{
			display: none
		}
		
		#h-spritenav1 li{
			list-style-type: none;
			position: absolute;
			top: 0px;
			display: block;
		}

		
		#h-spritenav1 a{
			display: block;
		}


		/* Change left coordinate and width of link */
		#h-spritenav1-1{left:   0px; width:  41px}
		#h-spritenav1-2{left:  41px; width: 101px}
		#h-spritenav1-3{left: 142px; width:  88px}
		#h-spritenav1-4{left: 229px; width: 104px}
		#h-spritenav1-5{left: 334px; width:  63px}
		#h-spritenav1-6{left: 397px; width:  48px}
		#h-spritenav1-7{left: 444px; width:  55px}
		
		/* Change image of nav and negative left coordinate and negative height */
		#h-spritenav1-1 a:hover{background: url(../images/top-nav.gif) no-repeat    0px -20px}
		#h-spritenav1-2 a:hover{background: url(../images/top-nav.gif) no-repeat  -41px -20px}
		#h-spritenav1-3 a:hover{background: url(../images/top-nav.gif) no-repeat -142px -20px}
		#h-spritenav1-4 a:hover{background: url(../images/top-nav.gif) no-repeat -229px -20px}
		#h-spritenav1-5 a:hover{background: url(../images/top-nav.gif) no-repeat -334px -20px}
		#h-spritenav1-6 a:hover{background: url(../images/top-nav.gif) no-repeat -397px -20px}
		#h-spritenav1-7 a:hover{background: url(../images/top-nav.gif) no-repeat -444px -20px}




/* Text Nav */
	
		#text-nav{
		clear: both;
		width: 735px;
		margin: 10px auto 15px auto;
		text-align: center;
		}	


		#text-nav ul{
			margin: 6px 0;
			}
			
		#text-nav li{
			padding: 0 7px 0 10px;
			display: inline;
			border-left: 1px solid #F7F1E4;
			background: none;
			font-size: 10px;
			line-height: 10px;
		}
		
		#text-nav li.first{border: none;}
		#text-nav p{line-height: 12px; font-size: 10px; color: #F7F1E4;}
		#text-nav a:link, #footer-menu a:visited{color: #F7F1E4;}
		#text-nav a:hover, #footer-menu a:active{color: #E6B14D;}
		
/* Thumbnail Gallery */


#bna-thumbnail-gallery div{
	float: left;

	height: 92px;
	width: 220px;
	border: 1px solid #ECB94F;
	margin: 0 0 20px 20px;
	position: relative;
}


#bna-thumbnail-gallery a{
	height: 92px;
	width: 220px;
	position: absolute;
}


#bna-thumbnail-gallery span{
	display: none;
}




/* ------ Main Contact Form ---------*/


		#big-contact{
			border:none;
			margin: 40px auto 0 auto;
			width: 350px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #601E1E;
		}
		


		#big-contact input, #big-contact textarea{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			width: 130px;
		}


		#big-contact br{
			clear: both;
		}
		
		#big-contact p
			{
				text-align:center;
				margin: 10px 0 10px 0;
				font-size: 12px;
				width: 350px;
			}
	
		#big-contact label input, #big-contact label select{
			position: absolute;
			left: 110%;
			top: -1px;
			width: 100px;
		}
	
		#big-contact form, #big-contact label, #big-contact input, #big-contact textarea, #big-contact select{
			font-size: 11px;
		}
	
		#big-contact label{
			position: relative;
			width: 140px;
			display: block;
			margin: 0 10px;
			text-align: right;
			height: 20px;
		}
		
		#big-contact fieldset{
			width: 300px;
			padding: 5px 10px;
		}
		
		#big-contact hr{
			border: 0px;
			height: 1px;
			color: #000000;
			background: #000000;
			margin: 0 0 20px 0;
		}


		#big-contact label textarea{
			position: absolute;
			left: 110%;
			top: 0px;
			width: 160px;
			height: 100px;
		}


		#big-contact .radio{
			top:0;
			width: 14px;
		}
		
		#big-contact .reset{
			width:60px;
			margin: 10px 0 0 90px;
		}


		#big-contact .reset-clear{
			width:60px;
			margin: 100px 0 0 90px;
		}
		
		#big-contact .submit{
			width:60px;
			margin: 10px 0 0 12px;
		}
		
		#big-contact .clear-textarea{
			margin:100px 0 10px 0;
		}
		
		#big-contact .subscribe{
			width:90px;
			margin: 10px 0 0 110px;
		}
		
		#big-contact .submit-center{
			width:140px;
			margin: 10px 0 0 80px;
		}
		


#aacd-logo {
	clear: left; width: 200px; height: 35px; background-image: url(../images/aacd.jpg); margin: 15px 0px 15px 15px;
	position: relative;
}
#aacd-logo a{
	width: 200px; height: 35px;
	position: absolute;

}
#aacd-logo span {
	display: none;
}


#insetpic1{
	margin: 0 20px 10px 20px; border: 2px solid #ECB94F;
}


#pusher{
	height: 70px;
}






#aacd-logo-center-hr{
	color: transparent;
	background: transparent;
	border: 0px;
	border-top: 1px solid #ECB94F;
	width: 460px;
	margin: 50px 0 0 0;
}


#aacd-logo-center {
	clear: both; width: 200px; height: 35px; background-image: url(../images/aacd.jpg); margin: 80px auto 50px auto;
	position: relative;
}
#aacd-logo-center a{
	width: 200px; height: 35px;
	position: absolute;
}
#aacd-logo-center span {
	display: none;
}


#index-footer{
	margin: 0 30px 0 30px;
	test-align: center;
}


#last-p-phone{
	margin: 0 0 0 15px;
}