/* ------------------------------------------------------------------------------------- */
/* Copyright Einstein Industries 2004. 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/Op7/NS7/Safari/FireFox                             */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */

/* 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 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 { text-decoration:none }

ul,ol { list-style:none }

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

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p, blockquote, fieldset, input
{ margin:0; padding:0 }

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

/* more varnish stripping as necessary...                             */


/* basic elements
 * ------------------------------------------------------------------------------------- */
body {
	background: #FFFFFF url(../images/bg02.jpg) top left repeat-x;
	text-align: center;
}

p, div, li, div, h1, h2, h3, h4, td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}

a:link, a:visited {
	color: #92740D;
	text-decoration: underline;
}
a:hover, a:active {
	color: #5A3015;
	text-decoration: underline;
}

span {
	display: none;
}

#content-left form p {
	margin:0;
	padding:0;
	text-align:left;
	font-size:10px;
}

/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper {
	width: 774px;
	margin: 0 auto;
	text-align: left;
}

.bg-index {
	background: url(../images/bg-main.jpg) left top repeat-y;
}

.bg-sub {
	background: url(../images/bg-sub.jpg) left top repeat-y;
}

body.nobg {
	background: #fff;
}

/* VERTICAL sprite nav
 * ------------------------------------------------------------------------------------- */
#menu {
	background: url(../images/menu.jpg) left top no-repeat;					
	width: 178px;
	height: 341px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#menu li span {display: none;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute;}

#menu li, #menu-01 a, #menu-02 a, #menu-03 a, #menu-04 a, #menu-06 a, #menu-07 a, #menu-08 a, #menu-09 a, #menu-10 a, #menu-11 a {height: 29px; display: block;}
#menu-05 a {height: 42px; display: block;}
#menu-01 {top: 0px;}
#menu-02 {top: 29px;}
#menu-03 {top: 58px;}
#menu-04 {top: 87px;}
#menu-05 {top: 116px;}
#menu-06 {top: 158px;}
#menu-07 {top: 187px;}
#menu-08 {top: 216px;}
#menu-09 {top: 245px;}
#menu-10 {top: 274px;}
#menu-11 {top: 303px;}

#menu-01, #menu-02, #menu-03, #menu-04, #menu-05, #menu-06, #menu-07, #menu-08, #menu-09, #menu-10, #menu-11 { left: 0px; width: 178px; }

#menu-01 a:hover {background: transparent url(../images/menu.jpg) -178px -0px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/menu.jpg) -178px -29px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/menu.jpg) -178px -58px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/menu.jpg) -178px -87px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/menu.jpg) -178px -116px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/menu.jpg) -178px -158px no-repeat;}
#menu-07 a:hover {background: transparent url(../images/menu.jpg) -178px -187px no-repeat;}
#menu-08 a:hover {background: transparent url(../images/menu.jpg) -178px -216px no-repeat;}
#menu-09 a:hover {background: transparent url(../images/menu.jpg) -178px -245px no-repeat;}
#menu-10 a:hover {background: transparent url(../images/menu.jpg) -178px -274px no-repeat;}
#menu-11 a:hover {background: transparent url(../images/menu.jpg) -178px -303px no-repeat;}

/* SON OF SUCKERFISH */

#menu li ul {
	position: absolute;
	left: -9999px;
	margin-left: 181px;			/* Set to same width as in #menu */
	margin-top: -40px;			/* Set to each button height, same as used above */
	}

#menu li ul li {
	height: 30px;				/* Height of each drop down menu item */
	background-color: #F0E8E7;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	}

#menu li ul li a {
	width: 100%;
	height: 30px;				/* Height of each drop down menu item, should match above */
	line-height: 30px;			/* Height of each drop down menu item again, should match above */
	}

#menu li ul li a span {
	display: block;
	padding-left: 5px;
	}

/* Drop down link styles */
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	}

#menu li:hover ul, #menu li.sfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#menu-05 ul a:hover { 
	background-image: none;
	background-color: #F1F1F1;
	text-decoration: underline;
	}

/* width of drop down menu - choose width that allows items to display on one line */
#menu-05 ul, #menu-05 li { width: 100px; }		

/* logo
 * ------------------------------------------------------------------------------------- */
#header	{ position:relative; }

#header #logo {
	width: 178px;
	height: 257px;
	background:  url(http://www.diloretodental.com/images/logo.jpg) left top no-repeat;
}
	
	#logo a {
		position: absolute;
		width: 147px;
		height: 143px;
		top: 56px;
		left: 18px;
	}

/* image replacement
 * ------------------------------------------------------------------------------------- */
#contactus {
	width: 178px;
	height: 88px;
	background: url(../images/contactus.jpg) left top no-repeat;
}

#directions {
	width: 178px;
	height: 88px;
	background: url(../images/sub/directions.jpg) left top no-repeat;
}

.banner-index {
	background: url(../images/banners/banner_index.jpg) left top no-repeat;
}

.banner02 {
	background: url(../images/banners/banner02.jpg) left top no-repeat;
}

.banner03 {
	background: url(../images/banners/banner03.jpg) left top no-repeat;
}

.welcome-title {
	width: 596px;
	height: 51px;
	background: url(../images/index/welcome_title.jpg) left top no-repeat;
}
.about-title {
	height: 51px;
	background: url(../images/page_titles/about_title.jpg) left top no-repeat;
}
.cosmetic-title {
	height: 51px;
	background: url(../images/page_titles/cosmetic_title.jpg) left top no-repeat;
}
.endodontics-title {
	height: 51px;
	background: url(../images/page_titles/endodontics_title.jpg) left top no-repeat;
}
.prosthetic-title {
	height: 51px;
	background: url(../images/page_titles/prosthetic_title.jpg) left top no-repeat;
}
.advanced-title {
	height: 51px;
	background: url(../images/page_titles/advanced_title.jpg) left top no-repeat;
}
.gallery-title {
	height: 51px;
	background: url(../images/page_titles/gallery_title.jpg) left top no-repeat;
}
.spa-title {
	height: 51px;
	background: url(../images/page_titles/spa_title.jpg) left top no-repeat;
}
.patient-title {
	height: 51px;
	background: url(../images/page_titles/patient_title.jpg) left top no-repeat;
}
.doctor-title {
	height: 51px;
	background: url(../images/page_titles/doctor_title.jpg) left top no-repeat;
}
.faq-title {
	height: 51px;
	background: url(../images/page_titles/faq_title.jpg) left top no-repeat;
}
.contact-title {
	height: 51px;
	background: url(../images/page_titles/contact_title.jpg) left top no-repeat;
}
.sitemap-title {
	height: 51px;
	background: url(../images/page_titles/sitemap_title.jpg) left top no-repeat;
}

.privacy-title {
	height: 51px;
	background: url(../images/page_titles/privacy_title.jpg) left top no-repeat;
}

.events-title {
	height: 51px;
	background: url(../images/page_titles/events_title.jpg) left top no-repeat;
}

.implants-title {
	height: 51px;
	background: url(../images/page_titles/implant_title.jpg) left top no-repeat;
}

.services-index {
	width: 297px;
	height: 65px;
	background: url(../images/index/services_index.jpg) left top no-repeat;
}

.cosmetic-index {
	width: 297px;
	height: 26px;
	background: url(../images/index/cosmetic_index.jpg) left top no-repeat;
}

.advanced-restor-index {
	width: 297px;
	height: 39px;
	background: url(../images/index/advanced_restor_index.jpg) left top no-repeat;
}

.other-index {
	width: 297px;
	height: 26px;
	background: url(../images/index/other_index.jpg) left top no-repeat;
}

#google	{ position:relative; }

#google #google-logo {
	width: 178px;
	height: 56px;
	background:  url(../images/google.jpg) left top no-repeat;
}
	
	#google-logo a {
		position: absolute;
		width: 119px;
		height: 41px;
		top: 10px;
		left: 32px;
	}

#spa-img {
	width: 595px;
	height: 372px;
	margin: 0 auto;
	background: url(../images/sub/spa_img.jpg) center top no-repeat;
}

	p.spa-text {
		text-align: right;
		font-size: 11px;
		color: #999999;
	}

/* content
 * ------------------------------------------------------------------------------------- */
#content-left {
	width: 178px;
	float: left;
}
	#content-left p {
		color: #575757;
		margin: 5px 15px 10px 20px;
	}
	#content-left form {
		margin-left: 20px;
	}
	#content-left a:link, #content-left a:visited {
		color: #482523;
		text-decoration: underline;
	}
	#content-left a:hover, #content-left a:active {
		color: #92740D;
		text-decoration: underline;
	}

#forms	{ position:relative; }

#forms #download {
	width: 178px;
	height: 85px;
	background:  url(../images/patientforms.jpg) left top no-repeat;
}
	
	#download a {
		position: absolute;
		width: 148px;
		height: 58px;
		top: 13px;
		left: 19px;
	}

#content-right {
	width: 596px;
	float: left;
}

	#banner {
		width: 596px;
		height: 272px;
	}
	
	#welcome {
		width: 596px;
		padding-bottom: 5px;
		background: url(../images/index/welcome_bg.jpg) left top repeat-y;
	}
		#welcome p {
			margin: 6px 55px 5px 25px;
			padding-bottom: 5px;
		}
		
		#welcome p.philosophy {
			text-align: center;
			font-weight: bold;
		}
		
		#welcome p.philosophy-sig {
			text-align: right;
			font-weight: bold;
			margin-right: 55px;
		}

		#welcome h1 {
			margin: 6px 50px 5px 25px;
			font-size: 14px;
			color: #271405;
		}
		#welcome h2 {
			margin: 6px 50px 5px 25px;
			font-size: 14px;
			color: #271405;
		}
		#welcome h3 {
			margin: 6px 50px 5px 25px;
			font-size: 14px;
			color: #271405;
		}
		
		#welcome-img {
			width: 213px;
			height: 133px;
			float: left;
			background: url(../images/index/welcome_img.jpg) left top no-repeat;
		}
		#welcome-footer {
			width: 609px;
			height: 9px;
			background: url(../images/index/welcome_footer.jpg) left top no-repeat;
		}
	#services {
		width: 297px;
		float: left;
	}
		#services ul {
			margin: 4px 0px 10px 46px;
		}
		#services li {
			list-style-image: none;
		}
	#results {
		width: 299px;
		float: left;
		background: url(../images/index/results_index.jpg) left top no-repeat;
	}
		#results img.first {
			margin: 65px 0px 8px 80px;
		}
		#results img.rest {
			margin: 8px 0px 0px 80px;
		}
		#results p {
			text-align: center;
			margin: 10px 0px 0px 0px;
		}
		
			#results-link	{ position:relative; }
	
				#results-link #more {
					width: 299px;
					height: 18px;
					background:  url(../images/index/more_results.jpg) left top no-repeat;
				}
					
					#more a {
						position: absolute;
						width: 173px;
						height: 180px;
						top: 0px;
						left: 60px;
					}

#content-right-sub {
	width: 595px;
	float: left;
}
	#content-right-sub p {
		margin: 10px 35px 10px 40px;
	}
	#content-right-sub h1 {
		margin: 10px 35px 10px 40px;
		font-size: 15px;
		color: #CEAB2F;
	}
	#content-right-sub h2 {
		margin: 10px 35px 10px 40px;
		font-size: 14px;
		color: #271405;
	}
	#content-right-sub h3 {
		margin: 10px 35px 10px 40px;
		font-size: 13px;
		color: #B69D5C;
	}
	#content-right-sub h4 {
		margin: 10px 35px 10px 40px;
		color: #292929;
	}
	#content-right-sub ul {
		margin: 15px 35px 15px 60px;
	}
	#content-right-sub li {
		list-style-type: disc;
		list-style-position: outside;
	}

#content-right-sub .testimonials {
	float: left;
	display: block;
	margin: 10px 0px;
}
	#content-right-sub .testimonials p.text {
		margin: 0px 35px 5px 200px;
	}

/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer {
	width: 774px;
	height: 36px;
	clear: both;
}

	.footer-index {
		background: url(../images/index/footer_index.jpg) left top no-repeat;
	}
	.footer-sub {
		background: url(../images/footer_sub.jpg) left top no-repeat;
	}

#footer {
	width: 770px;
	margin: 0 auto;
	padding: 14px;
	text-align: center;
}
	#footer p {
		margin: 5px 0px 5px 0px;
		font-size: 11px;
	}

	#footer li { 
		margin: 0px;
		padding: 0px;
		display: inline;
		font-size: 11px;
	}
	
	#footer a:link, #footer a:visited {
		color: #92740D;
		text-decoration: underline;
	}
	#footer a:hover, #footer a:active {
		color: #5A3015;
		text-decoration: underline;
	}

/* driving direction elements 
 * ------------------------------------------------------------------------------------- */

#wrapper-directions {
	width: 450px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

	#wrapper-directions h1 {
		font-size: 14px;
		color: #271405;
		margin-top: 30px;
		margin-bottom: 15px;
	}
	
	#wrapper-directions h2 {
		font-size: 14px;
		color: #271405;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	
	#wrapper-directions p, #wrapper-directions ul {
		margin: 10px;
	}
	
	img.map {
		margin: 10px;
		border: 1px solid #92740D;
	}
	
	.directions {
		background-color: #ECECEC;
	}
	
	p.spacer {
		margin: 10px;
	}

/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
 
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #B5B5B5;
	background-color: #FFFFFF;
	margin-bottom: 3px;
}

input.submit { 
	background: url(../images/submit_button.jpg); 
	width:73px; 
	height:16px; 
	border:none; 
	margin-left: 79px;
	margin-bottom: 5px;
	cursor:pointer; 
	}

.quickcontact {
	width: 150px;
}

.top {
	display: block;
	text-align: right;
	font-size: 11px;
}

.big-form {
	width: 450px;
	margin-top: 20px;
	margin-bottom: 25px;
	margin-left: 30px;
}

.big-form label, .big-form-field {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

.big-form label {
	text-align: right;
	width: 200px;
	padding-right: 20px;
}

.big-form br {
	clear: left;
}

.big-form-submit {
	border: none;
	margin-left: 160px;
	margin-bottom: 5px;
	background: url(../images/submit_button.jpg); 
	width:73px; 
	height:16px; 
	border:none; 
	cursor:pointer; 

}

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

img.img-right {
	float: right;
	margin: 0px 0px 10px 10px;
}
div.clear {
	clear: both;
}

#implant-img {
	width: 100px;
	float: right;
	margin-left: 15px;
	margin-right: 25px;
}

.implant-img-2 {
	text-align: center;
	margin-left: 15px;
	margin-right: 25px;
}

.bna-space {
	float: left;
	margin-bottom: 10px;
	margin-left: 40px;
}

.bna-right {
	float: right;
	margin-bottom: 10px;
}

.align-right {
	margin-bottom: 5px;
	margin-left: 10px;
}