/* ----------------------------------------------------------------------------  */

/*	undo common browser defaults  */

	hr,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset
	{ margin:0; padding:5px; border: none; }
	
	input
	{margin: 0 0 1px 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 {display:none; padding: 0px; margin: 0px;}
	
/* ----------------------------------------------------------------------------  */

.clear {
	clear:both;
	width:0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}


h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-size:12px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/bg-wrap.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #EAF1F9;
	margin: 0px;
	padding: 0px;
}
#main-container {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/homepage/homepage_19.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

#sub-main-container {
	width: 780px;
	margin: 0 auto;
	background-image: url(../images/sub/sub-main-bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	padding: 0 auto;
}

A:link {text-decoration: underline; color: #503605;}
A:visited {text-decoration: underline; color: #503605;}
A:hover {text-decoration: none; color: #503605;}
A:active {text-decoration: underline; color: #503605;}

#left {
	background-repeat: no-repeat;
	background-position: left top;
	width: 780px;
}
#right {
	background-repeat: no-repeat;
	background-position: right top;
	width: 780px;
}
#footer {
	background-image: url(../images/homepage/homepage_20.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #E6EFF8;
	height: 27px;
	width: 100%;
	clear: both;	
	padding-top: 15px;
}

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



#middle {
	height: auto;
	width: 724px;
	margin-left: 29px;
}
#top {
	background-image: url(../images/homepage/homepage_02.jpg);
	height: 64px;
	width: 724px;
}
#top a {
	height: 64px;
	width: 724px;
	display: block;
}

#middle-left {
	float: left;
	height: auto;
	width: 213px;
}
#nav {
	background-image: url("../images/homepage/vertnav.jpg");
	height: 285px;
	width: 213px;
}
#schedule {
	background-image: url(../images/homepage/homepage_06.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 213px;
	padding-top: 90px;
}

#schedule p {
	padding: 0 15px 5px 30px;
}

#carecredit {
	background-image: url(../images/homepage/homepage_18.jpg);
	height: 282px;
	width: 213px;
}
#middle-right {
	float: left;
	width: 511px;
}

#middle-right p {
	padding: 0 15px 10px 30px;
}

#middle-right strong {
	color:#9D680C;
}

#middle-right ul {
	padding: 0 15px 10px 38px;
}

#mast {
	background-image: url(../images/homepage/homepage_05.jpg);
	height: 205px;
	width: 511px;
}
#middle-right-pod1 {
	background-image: url(../images/homepage/homepage_14.jpg);
	background-repeat: repeat-y;
	height: auto;
	width: 511px;
}
#lifetime {
	background-image: url(../images/homepage/homepage_07.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 511px;
	padding: 50px 0 15px 0;
	line-height: 20px;
}

#lifetime-pic {
	height: 263px;
	width: 206px;
	float: right;
}

#about {
	background-image: url(../images/sub/header-about.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 511px;
	padding: 50px 0 15px 0;
}

	img.img-docs { margin:0 0 10px 25px; }

#general {
	background-image: url(../images/sub/header-general.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 511px;
	padding: 50px 0 15px 0;
}

#cosmetic {
	background-image: url(../images/sub/header-cosmetic.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 511px;
	padding: 50px 0 15px 0;
}

#restorative {
	background-image: url(../images/sub/header-restorative.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 511px;
	padding: 50px 0 15px 0;
}

#faq {
	background-image: url(../images/sub/header-faq.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 511px;
	padding: 50px 0 15px 0;
}

#contact {
	background-image: url(../images/sub/header-contactus.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 511px;
	padding: 50px 0 15px 0;
}
#thankyou {
	background-image: url(../images/sub/header-thankyou.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	width: 511px;
	padding: 50px 0 15px 0;
}

#middle-right-pod2 {
	height: 335px;
	width: 511px;
	background-image: url(../images/homepage/middle-right-pod2.jpg);
	background-repeat: no-repeat;
}
#middle-right-pod2 a {height: 87px; width: 273px; display:block; padding-bottom: 4px;}
#middle-right-pod2-spacer {height: 50px; width: 273px;}

/*vert sprite*/
#vertnav { background: url(../images/homepage/vert-nav.jpg) no-repeat top left; width: 213px; height: 285px; margin: 0px; padding: 0px; float: left; }
#vertnav li { list-style: none; padding: 0px; margin: 0px; }
#vertnav li, #vertnav a { display: block; width: 213px; margin: 0px; padding: 0px;}
#vertnav span { display: none;}

#vertnav7 a { width: 213px; height: 46px; }
#vertnav2 a { width: 213px; height: 41px; }
#vertnav3 a { width: 213px; height: 39px; }
#vertnav4 a { width: 213px; height: 39px; }
#vertnav5 a { width: 213px; height: 39px; }
#vertnav6 a { width: 213px; height: 39px; }
#vertnav8 a { width: 213px; height: 39px; }

#vertnav7 a:hover { background: transparent url(../images/homepage/vert-nav.jpg) -213px -0px no-repeat;}
#vertnav2 a:hover { background: transparent url(../images/homepage/vert-nav.jpg) -213px -46px no-repeat;}
#vertnav3 a:hover { background: transparent url(../images/homepage/vert-nav.jpg) -213px -87px no-repeat;}
#vertnav4 a:hover { background: transparent url(../images/homepage/vert-nav.jpg) -213px -126px no-repeat;}
#vertnav5 a:hover { background: transparent url(../images/homepage/vert-nav.jpg) -213px -165px no-repeat;}
#vertnav6 a:hover { background: transparent url(../images/homepage/vert-nav.jpg) -213px -204px no-repeat;}
#vertnav8 a:hover { background: transparent url(../images/homepage/vert-nav.jpg) -213px -243px no-repeat;}


/*vert sprite*/

/* Text Nav */
	
		#text-nav{
			margin: 10px auto 20px auto;
			text-align: center;
		}	

		#text-nav ul{
			margin: 0 0 10px 0;
		}
			
		#text-nav li{
			padding: 0 7px 0 10px;
			display: inline;
			border-left: 1px solid #000000;
			background: none;
			font-size: 11px;
			line-height: 14px;
		}
		
		#text-nav p {
			padding: 0 0 10px 0;
		}		
		
		#text-nav li.first{border: none;}
		#text-nav a:link, #text-nav a:visited{color: #3E4231; text-decoration: underline;}
		#text-nav a:hover, #text-nav a:active{color: #3E4231; text-decoration: none;}
		
/* Text Nav End */
/* ----- global form elements ----- */ 

form {
	width:150px;
	padding:0 0 0 25px;
	}

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

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

input, textarea, select { 
	background-color:#FFFFFF; /* to prevent highlighting by Google Toolbar */
	border:1px solid #434343;
	color:#434343;
	width:145px; /* 5 pixles smaller than form width !important */
	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:5px; /* horizontally position text in input/textarea field */
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px;
	}
	
select { 
	width:155px; /* same width as form !important */
	padding:0;
	}

textarea { 
	height:90px; 
	overflow:auto; 
	}
	
input.submit, input.submit-contact-main { 
	width:60px; 
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { 
	margin:90px 0 0 242px; 
	background:url("../images/homepage/homepage_10.jpg") top left no-repeat;
	width:87px;
	height:15px;
	border:none;
	cursor:pointer;
	}

input.submit-image { 
	background:url("../images/homepage/homepage_10.jpg") top left no-repeat;
	width:87px;
	height:15px;
	border:none;
	cursor:pointer;
	}

#contact_business { display: none; } /* do not remove */ 


/* ----- main contact form ----- */ 
 
#contact-main { padding:20px 0 10px 0; }
	
#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:20px;
	font-size:1.0em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:220px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#contact-main label select {
	width:227px;
	}
	
#contact-main label textarea { height:100px; }

.thumbnail {
	float: right;
	height: 90px;
	width: 210px;
	padding: 10px;
	text-align: center;
	font-size: 10px;
}

.thumbnail A:link {text-decoration: none; color: #503605;}
.thumbnail A:visited {text-decoration: none; color: #503605;}
.thumbnail A:hover {text-decoration: underline; color: #503605;}
.thumbnail A:active {text-decoration: none; color: #503605;}