/* ------------------------------------------------------------------------------------- */
/* 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: #010B07;
	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: #FFFFFF;
	text-decoration: underline;
}
a:hover, a:active {
	color: #AF0202;
	text-decoration: underline;
}

span {
	display: none;
}

.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}
/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper {
	width: 800px;
	margin: 0 auto;
	background:  url("../images/bg.jpg") left top repeat-y;
	text-align: left;
}


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

#menu li, #menu a {height: 30px; display: block;}
#menu-01 {left: 55px; width: 121px;}
#menu-02 {left: 176px; width: 97px;}
#menu-03 {left: 273px; width: 117px;}
#menu-04 {left: 390px; width: 169px;}
#menu-05 {left: 559px; width: 119px;}
#menu-06 {left: 678px; width: 74px;}

#menu-01 a:hover {background: transparent url("../images/nav.jpg") -55px -30px no-repeat;}
#menu-02 a:hover {background: transparent url("../images/nav.jpg") -176px -30px no-repeat;}
#menu-03 a:hover {background: transparent url("../images/nav.jpg") -273px -30px no-repeat;}
#menu-04 a:hover {background: transparent url("../images/nav.jpg") -390px -30px no-repeat;}
#menu-05 a:hover {background: transparent url("../images/nav.jpg") -559px -30px no-repeat;}
#menu-06 a:hover {background: transparent url("../images/nav.jpg") -678px -30px no-repeat;}

/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#menu li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;			/* Fixes one px spacing for border-right in FF */
	background:#366a53;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}
	
#menu li ul li { 
	height:20px; 				/* Height of each drop down nav item */
	border:1px solid #9ba283;
	border-top:none;
	position:relative;
	}	

#menu 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 */
	}

#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:1.0em;
	color:#FFFFFF;
	text-decoration:none;
	}

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

/* Hover styles for drop down items */
#menu-03 ul a:hover, #menu-02 ul a:hover { 
	background-image:none;
	background-color:#64ad8f;
	color:#FFFFFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#menu-02 ul, #menu-02 li { width:117px; }
#menu-03 ul, #menu-03 li { width:210px; }

/* VERTICAL sprite nav
 * ------------------------------------------------------------------------------------- */
#featured {width: 223px; height: 330px; background:  url("../images/index/featured_nav1.jpg") no-repeat; margin: 0; padding: 0; position: relative;}
#featured li { position:absolute; margin: 0; padding: 0; list-style: none;}
#featured li, #featured a { height:67px; display:block; }
#featured span { display: none; }

#featured1 { top: 0px; height: 67px; width: 223px;}
#featured2 { top: 67px; height: 67px; width: 223px;}
#featured3 { top: 134px; height: 67px; width: 223px;}
#featured4 { top: 201px; height: 67px; width: 223px;}
#featured5 { top: 268px; height: 67px; width: 223px;}

#featured1 a:hover { background: transparent url("../images/index/featured_nav1.jpg") -223px  0px  no-repeat;}
#featured2 a:hover { background: transparent url("../images/index/featured_nav1.jpg") -223px  -67px  no-repeat;}
#featured3 a:hover { background: transparent url("../images/index/featured_nav1.jpg") -223px  -134px  no-repeat;}
#featured4 a:hover { background: transparent url("../images/index/featured_nav1.jpg") -223px  -201px  no-repeat;}
#featured5 a:hover { background: transparent url("../images/index/featured_nav1.jpg") -223px  -268px  no-repeat;}


#Rfeatured {width: 223px; height: 330px; background:  url("../images/index/featured_nav2.jpg") no-repeat; margin: 0; padding: 0; position: relative;}
#Rfeatured li { position:absolute; margin: 0; padding: 0; list-style: none;}
#Rfeatured li, #Rfeatured a { height:67px; display:block; }
#Rfeatured span { display: none; }

#Rfeatured1 { top: 0px; height: 67px; width: 223px;}
#Rfeatured2 { top: 67px; height: 67px; width: 223px;}
#Rfeatured3 { top: 134px; height: 67px; width: 223px;}
#Rfeatured4 { top: 201px; height: 67px; width: 223px;}

#Rfeatured1 a:hover { background: transparent url("../images/index/featured_nav2.jpg") -223px  0px  no-repeat;}
#Rfeatured2 a:hover { background: transparent url("../images/index/featured_nav2.jpg") -223px  -67px  no-repeat;}
#Rfeatured3 a:hover { background: transparent url("../images/index/featured_nav2.jpg") -223px  -134px  no-repeat;}
#Rfeatured4 a:hover { background: transparent url("../images/index/featured_nav2.jpg") -223px  -201px  no-repeat;}


/* logo
 * ------------------------------------------------------------------------------------- */

#header	{ position:relative; }

#header #logo-header {
	height: 81px;
	width: 800px;
	background:  url("../images/index/header.jpg") left top no-repeat;
}
	
	#logo-header a {
		position: absolute;
		width: 100px;
		height: 81px;
		top: 0px;
		left: 40px;
	}

#sub-header	{ position:relative; }

#sub-header #logo-subheader {
	height: 83px;
	width: 800px;
}
	
	#logo-subheader a {
		position: absolute;
		width: 100px;
		height: 84px;
		top: 0px;
		left: 40px;
	}

.practice {
	background:  url("../images/sub/practice_01.jpg") left top no-repeat;
}

.patient {
	background:  url("../images/sub/patient_01.jpg") left top no-repeat;
}

.procedures {
	background:  url("../images/sub/procedures_01.jpg") left top no-repeat;
}

.cosmetic {
	background:  url("../images/sub/cosmetic_01.jpg") left top no-repeat;
}

.contact {
	background:  url("../images/sub/contact_01.jpg") left top no-repeat;
}

/* image replacement
 * ------------------------------------------------------------------------------------- */
#banner-index {
	width: 800px;
	height: 276px;
	background:  url("../images/index/index_r2_c1.jpg") left top no-repeat;
}

#banner-practice {
	width: 800px;
	height: 187px;
	background:  url("../images/banner/practice_02.jpg") left top no-repeat;
}

#banner-patient {
	width: 800px;
	height: 187px;
	background:  url("../images/banner/patient_02.jpg") left top no-repeat;
}

#banner-procedures {
	width: 800px;
	height: 187px;
	background:  url("../images/banner/procedures_02.jpg") left top no-repeat;
}

#banner-cosmetic {
	width: 800px;
	height: 187px;
	background:  url("../images/banner/cosmetic_02.jpg") left top no-repeat;
}

#banner-contact {
	width: 800px;
	height: 187px;
	background:  url("../images/banner/contact_02.jpg") left top no-repeat;
}

#welcome-title {
	width: 555px;
	height: 86px;
	background:  url("../images/index/index_r4_c1.jpg") left top no-repeat;
}

#featured-title {
	width: 555px;
	height: 118px;
	background:  url("../images/featured.jpg") right top no-repeat;
}

#featured-patient-title {
	width: 555px;
	height: 178px;
	background:  url("../images/index/featured-patients_header.jpg") right top no-repeat;
}
#practice-title {
	width: 555px;
	height: 84px;
	background:  url("../images/pagetitles/practice.jpg") left top no-repeat;
}

#procedures-title {
	width: 555px;
	height: 84px;
	background:  url("../images/sub/restorative.jpg") left top no-repeat;
}

#patient-title {
	width: 555px;
	height: 84px;
	background:  url("../images/pagetitles/patient.jpg") left top no-repeat;
}

#cosmetic-title {
	width: 555px;
	height: 84px;
	background:  url("../images/pagetitles/cosmetic.jpg") left top no-repeat;
}

#invisalign-title {
	width: 555px;
	height: 84px;
	background:  url("../images/pagetitles/invisalign.jpg") left top no-repeat;
}

#porcelain-veneers-title {
	width: 555px;
	height: 84px;
	background:  url("../images/pagetitles/porcelain-veneers.jpg") left top no-repeat;
}

#teeth-whitening-title {
	width: 555px;
	height: 84px;
	background:  url("../images/pagetitles/teeth-whitening.jpg") left top no-repeat;
}

#implant-dentistry-title {
	width: 555px;
	height: 84px;
	background:  url("../images/pagetitles/implant-dentistry.jpg") left top no-repeat;
}

#contact-title {
	width: 555px;
	height: 84px;
	background:  url("../images/pagetitles/contact.jpg") left top no-repeat;
}

#sitemap-title {
	width: 555px;
	height: 84px;
	background:  url("../images/pagetitles/sitemap.jpg") left top no-repeat;
}

#thankyou-title {
	width: 555px;
	height: 84px;
	background:  url("../images/pagetitles/thankyou.jpg") left top no-repeat;
}

#contact-us {
	width: 245px;
	height: 156px;
	background:  url("../images/contactus_new.jpg") left top no-repeat;
}

#locate-us {
	width: 245px;
	height: 154px;
	background:  url("../images/locateus_new.jpg") left top no-repeat;
}

#aacd {
	background:  url("../images/aacd.jpg") left top no-repeat;
	width: 150px;
	height: 36px;
	margin: 20px 0px 10px 20px;
}

#invialign {
	background:  url("../images/invisalign.jpg") left top no-repeat;
	width: 150px;
	height: 55px;
	margin: 20px 0px 10px 20px;
}

#zoom {
	background:  url("../images/zoom.jpg") left top no-repeat;
	width: 150px;
	height: 150px;
	margin: 20px 0px 10px 20px;
}

#cerec {
	background:  url("../images/cerec-3d.gif") left top no-repeat;
	width: 150px;
	height: 55px;
	margin: 20px 0px 10px 20px;
}

#lumineers {
	background:  url("../images/lumineers.jpg") left top no-repeat;
	width: 150px;
	height: 55px;
	margin: 20px 0px 10px 20px;
}



/* content
 * ------------------------------------------------------------------------------------- */
#content-container {
	width: 800px;
	float: left;
	background:  url("../images/content_bg.jpg") left bottom no-repeat;
}

#content-left {
	width: 555px;
	background:  url("../images/index/index_r5_c3.jpg") right top repeat-y;
	float: left;
}

#sub-content-left ul {
	margin: 10px 0 10px 85px;
}
	#welcome {
		width: 555px;
		padding-bottom: 20px;
		background:  url("../images/welcome_bg.jpg") left bottom no-repeat;
	}
	#welcome p {
		margin: 10px 20px 5px 85px;
	}
	#welcome h1 {
		margin: 10px 20px 5px 85px;
		font-size: 13px;
		color: #FFFFFF;
	}
	#welcome h2 {
		margin: 10px 20px 5px 85px;
		font-size: 13px;
		color: #FFFFFF;
	}
	#welcome h3 {
		margin: 10px 20px 5px 85px;
		font-size: 12px;
		color: #FFFFFF;
	}
	#welcome img {
		margin: 10px 0px 0px 295px;
	}
	
#featured-index {
	width: 555px;
	float: right;
    	background:  url("../images/featuredBG.jpg") right top repeat-y;
}
	#featured-right {
		width: 250px;
		float: right;
	}
	#featured-left {
		width: 250px;
		float: right;
		padding:0 0 25px 0;
	}

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

	#content-right p {
		margin: 0px 50px 15px 20px;
	}
	#content-right form {
		margin: 10px 0px 10px 20px;
	}

#sub-content-left {
	width: 555px;
	float: left;
}

	#sub-content-left p {
		margin: 10px 20px 5px 85px;
	}
	#sub-content-left  h1 {
		margin: 10px 20px 5px 85px;
		font-size: 13px;
		color: #FFFFFF;
	}
	#sub-content-left  h2 {
		margin: 10px 20px 5px 85px;
		font-size: 13px;
		color: #FFFFFF;
	}
	#sub-content-left  h3 {
		margin: 10px 20px 5px 85px;
		font-size: 12px;
		color: #FFFFFF;
	}

#feat-pat {
    	background:  url("../images/featuredBG.jpg") right top repeat-y;
}

#feat-pat p {
		margin:0 0 0 65px;
		}

		
/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer {
	background:  url("../images/footer.jpg") left top no-repeat;
	width: 800px;
	height: 114px;
	clear: both;
}

	#page-footer img {
		padding: 10px 0px 0px 425px;
	}

#page-footer-sub {
	background:  url("../images/footer-sub.jpg") left top no-repeat;
	width: 800px;
	height: 115px;
	clear: both;
}

#footer {
	width: 730px;
	margin: 0px auto;
	padding: 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
	#footer p {
		color: #FFFFFF;
		margin-bottom: 10px;
	}
	
	#footer ul {
		margin-bottom: 10px;
	}
	
	#footer li { 
		margin: 0px;
		padding: 0px;
		display: inline;
		color: #FFFFFF;
	}
	
	#footer a:link, #footer a:visited {
		color: #FFFFFF;
		text-decoration: underline;
	}
	#footer a:hover, #footer a:active {
		color: #FFFFFF;
		text-decoration: underline;
	}

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

#submit {
	border: 1px solid #559E85;
}

.quickcontact {
	width: 150px;
}

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

.big-form {
	padding-top: 30px;
	padding-bottom: 30px;
	width: 400px;
	margin: auto;
}

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

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

.big-form br {
	clear: left;
}

.bg-form-submit {
	border: none;
	margin-left: 120px;
}

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

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

img.img-space {
	margin: 5px 15px 10px 0px;
}
div.clear {
	clear: both;
}
.staff-img p{
	color: #FFFFFF;
}