/* 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,h5,h6,pre,code { font-size:12px; 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,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl
{ 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...
 *****************************************************************************/
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display:none; }

/* use this class to indent a paragraph 20 pixel...
 *****************************************************************************/
.indent { margin:0 0 0 20px; }
.clear{ clear: both; height: 1px; overflow: hidden; }
.topofpage{ text-align: right; }
.readme{ text-align: right; font-weight: bold; }
#center .readme a{ font-weight: bold;}
/* Default font settings for this website. This may very depending on the 
 * design. Also set your colors and underlines here for links.
 *****************************************************************************/
h1,h2,h3,h4,h5,h6,p,li{
	font: 12px Arial, Helvetica, sans-serif;
	color: #8E524D;
}
a:link, a:visited{
	font: 12px Arial, Helvetica, sans-serif;
	color: #8E524D;
	text-decoration: underline;
	outline:none;
}

a:hover, a:active{
	color: #73A475;
	text-decoration: none;
	outline:none;
}

/* Most of the sites I build are in a 760px to 780px container.
 *****************************************************************************/
body {
	text-align: center;
	color: #41403b;
	background:  #FBF6F6 url(../images/allpages/background-main.gif) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h1, h2, h3 { font-weight:bold; }
#container{
	margin: 0 auto 0 auto;
	text-align: left;
	width: 780px;
	background: url(../images/allpages/container-back.gif);
}

/* Default values end here.
 *****************************************************************************/

/*
 * This file is a modification of:
 * ----------------------------------------------------------------------------
 * undohtml.css
 * (C) 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
 *****************************************************************************/

/* Thanks to Mike Hawkins for sharing, and to him and Andy Waer for the 
 * mini-lessons. Custom modifications to the file by:
 * Benj Arriola http://www.benjarriola.com (spammers, go away!)
 *****************************************************************************/

/* Main Horizontal Boxes
 *****************************************************************************/

		#head{
			background: url(../images/allpages/header.png);
			height: 106px;
			position: relative;
		}
				#head a{
	position: absolute;
	height: 99px;
	width: 169px;
	margin: 13px 0 0 22px;
	top: -9px;
	left: -9px;
				}
				#head span{
					display: none;
				}
				
#flash {
	background: #FAF5F5;
	width: 780px;
	height: 204px;
}
	#mast{
		background: url(../images/allpages/mast.jpg);
		height: 204px;
		}
		#mast span{	display: none; }
				
	#navline{
		background: url(../images/allpages/nav-line.gif);
		height: 8px;
		overflow: hidden;
		}
		
		#left{
			float: left;
			width: 549px;
			margin: 0 0 0 11px;
			display: inline;
		}
				#center{
					float: right;
					width: 367px;
					margin: 0;
					padding: 0 0 10px 0;
				}
						#center h1{
							font-size: 14px;
							margin: 10px 10px 5px 10px;
						}
						#center h2{
							font-size: 12px;
							margin: 10px 10px 5px 10px;
						}
						#center h2 a{
							font-size: 12px;
						}
						#center p{
							margin: 10px 20px 5px 20px;
						}
						#center img.bna_thumb{
							margin: 25px 0px 2px 20px;
						}
						#center a.bna-link1 {
							margin-left:55px;
						}
						#center a.bna-link2 {
							margin-left:85px; 
						}
						
						#center ul{
							margin: 10px 20px 5px 20px;
						}
						#center li{
							list-style: circle;
							margin: 0 0 10px 20px;
						}
				
				#left2{
					float: right;
					width: 178px;
					margin: 0 4px 0 0;
				}
						#lsbProcedures{
							background: url(../images/leftsidebar/cosmetic-procedures.gif);
							width: 173px;
							height: 44px;
							margin: 15px 0 0 0;
						}
						#lsbMedia{
							background: url("../images/leftsidebar/media-center.jpg") 10px 20px no-repeat;
							height: 80px;
							}
							#lsbMedia span { display:none; }
							#media-center { margin-left:8px; }
						#left2 ul{
							margin: 10px 0 0 30px;
						}
								#left2 li{
									margin: 5px 0 0 0;
									list-style: url(../images/leftsidebar/cosmetic-procedures-bullets.gif);
								}
								
						#lsbSmileGallery{
							background: url(../images/leftsidebar/smile-gallery.gif);
							height: 50px;
							width: 173px;
							margin: 15px 0 0 0;
						}
						
						#bna-sidebar{
							margin: 0;
							text-align: center;
						}
						#bna-sidebar img{
							margin: 10px 0 0 0;
						}
				
		#right{
			float: left;
			width: 206px;
			margin: 0 0 0 4px;
		}
				#rsbContactUs{
					background: url(../images/rightsidebar/contact.gif);
					width: 173px;
					height: 44px;
					margin: 15px 0 0 0;
				}
					
				#right p{ margin: 10px 18px 5px 18px; }
						
				#rsbOurLocation{
					background: url(../images/rightsidebar/our-location.gif);
					width: 173px;
					height: 44px;
					margin: 40px 0 0 0;
				}
			
					body#contact #rsbOurLocation{
						background: url(../images/rightsidebar/our-location.gif);
						width: 173px;
						height: 44px;
						margin: 15px 0 0 0;
					}
				
				#rsbMap{
					margin: 0 0 0 1px;
					text-align: center;
				}
				#rsbMap img{
					border: 2px solid #C59D99;
				}


		#rsbContactUs span, #rsbOurLocation span, #lsbProcedures span, #lsbSmileGallery span{
			display: none;
		}
		
		#closer{
			background: #FBF6F6 url(../images/allpages/closer.jpg) no-repeat top;
			padding: 50px 0 0 0;
			width: 780px;
		}
 
/* Specific Boxes
 *****************************************************************************/
 
/* Other Details
 *****************************************************************************/

	/* Titles */
		
		#care-credit{
			margin-left: 109px;
			margin-top: 5px;
		}
	
		.titles{
			width: 367px;
			height: 54px;
			margin: 0;
		}
			.titles span{ display: none; }

		#center h2.titles{
			margin: 10px 0 0 0;
		}
			
			#title-home-1		{ background: url(../images/titles/home1.jpg); }
			#title-doctor		{ background: url(../images/titles/doctor.jpg); }
			#title-cosmetic		{ background: url(../images/titles/cosmetic.jpg); }
			#title-restorative	{ background: url(../images/titles/restorative.jpg); }
			#title-implants		{ background: url(../images/titles/implants.jpg); }
			#title-practice		{ background: url(../images/titles/practice.jpg); }
			#title-gallery		{ background: url(../images/titles/gallery.jpg); }
			#title-contact		{ background: url(../images/titles/contact.jpg); }
			#title-thankyou		{ background: url(../images/titles/thankyou.jpg); }
			#title-sitemap		{ background: url(../images/titles/sitemap.jpg); }
			#title-home-2{
				background: url(../images/titles/home2.jpg);
				border-bottom: 1px solid #C59D99;
				border-top: 1px solid #C59D99;
				margin: 10px 0 0 0;
			}
			#title-home-3{
				background: url(../images/titles/home3.jpg);
				border-bottom: 1px solid #C59D99;
				border-top: 1px solid #C59D99;
				margin: 15px 0 0 0;
			}
 
/* Quick Contact Form */

		#quickcontactform1 input, #quickcontactform1 textarea{
			color: #8E524D;
			border: 1px solid #C59D99;
			background:#E4D1D0 !important;
			font: 11px Arial, Helvetica, sans-serif;
			margin: 3px 0 0 26px;
		}
		
		#quickcontactform1 textarea{
			height: 50px;
			overflow: auto;
		}
		
		.quickcontact1{
			width: 150px;
		}
		
		#quickcontactform1 .quickcontact-button1{
			margin: 3px 0 0 26px;
			border: 2px solid #C59D99;
			padding: 1px;
			font-weight: bold;
		}


		

/* Horizontal SpriteNav */

		#h-spritenav1, #h-spritenav1 li, #h-spritenav1 a{
			/* Change height of nav */
			height: 23px;
		}
		
		#h-spritenav1{
			/* Change image of nav */
			background: url(../images/allpages/top-nav.jpg) no-repeat left top;
			position: relative;
			/* Change width of nav */
			width: 780px;
		}
		
		#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:  11px; width: 51px}
		#h-spritenav1-2{left:  62px; width: 108px}
		#h-spritenav1-3{left: 170px; width: 119px}
		#h-spritenav1-4{left: 289px; width: 130px}
		#h-spritenav1-5{left: 419px; width: 101px}
		#h-spritenav1-6{left: 520px; width: 84px}
		#h-spritenav1-7{left: 604px; width: 90px}
		#h-spritenav1-8{left: 694px; width: 76px}
		
		/* Change image of nav and negative left coordinate and negative height */
		#h-spritenav1-1 a:hover{background: url(../images/allpages/top-nav.jpg) no-repeat  -11px -23px}
		#h-spritenav1-2 a:hover{background: url(../images/allpages/top-nav.jpg) no-repeat  -62px -23px}
		#h-spritenav1-3 a:hover{background: url(../images/allpages/top-nav.jpg) no-repeat -170px -23px}
		#h-spritenav1-4 a:hover{background: url(../images/allpages/top-nav.jpg) no-repeat -289px -23px}
		#h-spritenav1-5 a:hover{background: url(../images/allpages/top-nav.jpg) no-repeat -419px -23px}
		#h-spritenav1-6 a:hover{background: url(../images/allpages/top-nav.jpg) no-repeat -520px -23px}
		#h-spritenav1-7 a:hover{background: url(../images/allpages/top-nav.jpg) no-repeat -604px -23px}
		#h-spritenav1-8 a:hover{background: url(../images/allpages/top-nav.jpg) no-repeat -694px -23px}


		

/* Vertical SpriteNav */
		
		#v-spritenav1 li, #v-spritenav1 a {
			height: 73px;
			display: block;
		}
		
		#v-spritenav1 li a span{
			display: none
		}
		
		#v-spritenav1{
			width: 100px;
			height: 219px;
			background: url(../images/v-spritenav.gif);
			position: relative;
		}
		
		#v-spritenav1 li{
			list-style: none;
			position: absolute;
		}
		
		#v-spritenav1-1, #v-spritenav1-2, #v-spritenav1-3{left: 0; width: 100px;} 
		
		#v-spritenav1-1{top:   0px;}
		#v-spritenav1-2{top:  73px;}
		#v-spritenav1-3{top: 146px;}
		
		
		#v-spritenav1-1 a:hover{background: transparent url(../images/v-spritenav.gif) -100px    0px no-repeat;}
		#v-spritenav1-2 a:hover{background: transparent url(../images/v-spritenav.gif) -100px  -73px no-repeat;}
		#v-spritenav1-3 a:hover{background: transparent url(../images/v-spritenav.gif) -100px -146px no-repeat;}


/* Text Nav */
	
		#text-nav{
			clear: both;
			width: 780px;
			margin: 0px auto 5px auto;
			text-align: center;
		}	

		#text-nav ul{
			margin: 0 0 15px 0;
		}
			
		#text-nav li{
			padding: 0 3px 0 5px;
			display: inline;
			border-left: 1px solid #8E524D;
			background: none;
			font-size: 12px;
			line-height: 13px;
		}
		
		#text-nav li.first{border: none;}
		#text-nav p{line-height: 13px; font-size: 12px; color: #8E524D; margin-bottom:15px; }
		#text-nav a:link, #text-nav a:visited{color: #8E524D; text-decoration: underline;}
		#text-nav a:hover, #text-nav a:active{color: #73A475; text-decoration: none;}
		
		
/* ------ Main Contact Form ---------*/

		#big-contact label{
			border:none;
			margin: 40px auto 0 auto;
			width: 350px;
			color: #8E524D;
		}
		
		#big-contact input, #big-contact textarea, #big-contact option, #big-contact select{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			width: 130px;
			background-color:#FFFFFF !important;
		}

		#big-contact br{
			clear: both;
		}
		
		#big-contact p
			{
				text-align:center;
				margin: 10px 0 10px 0;
				font-size: 12px;
			}
	
		#big-contact label input, #big-contact label select{
			position: absolute;
			left: 110%;
			top: -1px;
			width: 160px;
		}
	
		#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: #C59D99;
			background: #C59D99;
			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;
		}
		

		#center-column-inside #big-contact label{
			font: 12px Arial,Helvetica,sans-serif;
		}
		.img-left {float:left;margin: 0 5px 5px 0;}