/* 
 ----------------------------------------------------------------------------
  Copyright Einstein Industries 2006. 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/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

/* global span */
span { display:none; }

/* global elements - type selectors
 * ------------------------------------------------------------------------- */

body { 
	background:#140B01 url("../images/index/bg-body.gif") top repeat-x;
	text-align:center; 
	font:11px/16px "Veranda", Arial, Helvetica, sans-serif; 
	color:#FFF;
	}
/* sub pages body class */	
body.sub-bg { 
	background:#140B01 url("../images/sub/bg-sub-body.gif") top repeat-x;
	text-align:center; 
	font:11px/16px "Veranda", Arial, Helvetica, sans-serif; 
	color:#281C05;
	}

blockquote { margin-left:10px; margin-right:10px; }
	
p.h1	{ font-size:1.2em; color:#346BB2; }
p.h2	{ font-size:1.1em; color:#346BB2; }
p.h3	{ font-size:1.0em; color:#3F2001; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited { color:#2f86af; text-decoration:underline; outline:none; }
a:hover,a:active { color:#9BAC11; text-decoration:underline; outline:none; }

/* global classes
 * ------------------------------------------------------------------------- */

div.clear { clear:both; height:.01em; overflow:hidden; }
	
p.back-to-top { background:url("../images/sub/back-to-top.gif") right no-repeat; text-align:right; display:block; padding-right:15px; }

p.quote { padding-left:25px; padding-right:25px;}
	
img.img-left { float:left; margin:2px 10px 10px 0; }
img.img-right { float:right; margin:5px 0 10px 10px; }
	
.req {font-size:10px;}
.photos { padding-left:32px; }
.inset-testimonials {padding:0px 0 0px 0px; }
div.quotebreak {background:#ECE6DB url("../images/sub/quote-break.jpg"); width:150px; height:10px; margin:10px 0 20px 165px;}
div.quotebreak2 {background:#ECE6DB url("../images/sub/quote-break.jpg"); width:150px; height:10px; margin:10px 0 5px 165px;}
/* main framework
 * ------------------------------------------------------------------------- */

#wrap { background:url("../images/index/bg-wrap.gif") repeat-y; width:791px; margin:0 auto; text-align:left;}
#header-flash { background:url("../images/index/flash-banner.gif") no-repeat; width:532px; height:432px;} 

#column-left { width:259px; float:left;}/* column left */	
		#column-left p, #column-left h1, #column-left h2, #column-left h3 { margin:0 0px 10px 32px; }
		#column-left p.intro { padding-top:136px; }
		#ask_doc_button { margin: 80px 0 10px 30px; }
		#ask_doc_button_gallery { margin: 10px 0 10px 30px; }
	#title-askthedoctor { background:url("../images/index/btn-ask-the-doctor.gif") left top no-repeat;}
		#title-askthedoctor p { padding:0px 5px 5px 0px; }
		#title-askthedoctor p.ask-intro { padding-top:25px; }
		#ask-header { padding-top: 30px; }
#media-center { padding-top:25px;
				padding-right:44px;}	
#column-right { width:532px; float:left;}/* column right */	
		#column-right p, #column-right h1, #column-right h2, #column-right h3 { margin:0 0px 10px 0px; }
		#column-right p.intro { padding-top:136px; }
	    #column-right form { margin-left:28px; }
	#right-content-container { width:532px; float:left; }
	#title-truly-unique-dental { background:url("../images/index/btn-truly-unique-dental.gif") left top no-repeat; width:237px; float:left;}
		#title-truly-unique-dental p { padding:0px 25px 5px 31px; }
	#title-quick-contact { background:url("../images/index/title-quick-contact.gif") left top no-repeat; width:295px; float:left;}
		#title-quick-contact p { padding:0px 103px 5px 28px; }
		#title-quick-contact p.intro-quick-contact { padding-top:143px; }
		#title-truly-unique-dental p.intro2	{padding-top:35px;}
		
	#btns-read-more { position:relative; background:url("../images/index/btns-read-more.gif") left top no-repeat; width:791px; height:98px; }
		#read-more-btn01 a { position:absolute; width:74px; height:20px; top:20px; left:31px;}/* home link within header */
		#read-more-btn02 a { position:absolute; width:74px; height:22px; top:19px; left:304px;}/* home link within header */
		#read-more-btn03 a { position:absolute; width:76px; height:22px; top:19px; left:526px;}/* home link within header */
	#spacer { height:100px;}
#page-footer { background:url("../images/index/page-footer.gif") no-repeat; width:791px; height:8px; clear:both; overflow:hidden;}
#address { width:322px; float:left; }
#map { width:140px; float:left; }
#phone-number { width:315px; float:left }
.footer-bottom { background:url("../images/index/footer-btm.gif") no-repeat; width:791px; height:34px; margin:0 auto;}

/* inside sub pages framework
 * ------------------------------------------------------------------------- */
#sub-wrap { background:url("../images/sub/bg-sub-wrap.gif") repeat-y; width:791px; margin:0 auto; text-align:left;}

#sub-column-left { width:259px; float:left;}/*sub column left */
		#sub-column-left p { margin:0 47px 10px 32px; }
	    #sub-column-left form { margin-left:32px; }
	#title-sub-quick-contact { background:url("../images/sub/title-quick-contact.gif") left top no-repeat; width:259px; float:left;}
		#title-sub-quick-contact p.intro { padding-top:81px; }
	#title-location { background:url("../images/sub/title-location.gif"); height:35px; }

#sub-column-right { width:532px; float:left;}/* column right */	
		#sub-column-right p, #sub-column-right h1, #sub-column-right h2, #sub-column-right h3 { margin:0 108px 5px 53px; }
		#sub-column-right p.intro { padding-top:146px; }
		#sub-column-right p.about-intro { padding-top:146px; padding-right:65px; }/* about intro only */
		#sub-column-right p.about-intro02 {padding-right:42px; }/* about intro only */
		#sub-column-right p.intro02 { padding-top:80px; font-size:1.2em; color:#346BB2; }
		#sub-column-right p.header { padding-top:136px; font-size:1.2em; color:#346BB2; }
		
#sub-page-footer { background:url("../images/sub/sub-page-footer.gif") no-repeat; width:791px; height:71px; clear:both; overflow:hidden;}

#subhead { width:532px; } /* sets height for all subheads */
	body#cosmetic #subhead { background:url("../images/sub/subhead-cosmetic.gif") left top no-repeat; }
		body#about #subhead-about { background:url("../images/sub/subhead-about.jpg"); height:481px; }/* different layout for about */
		body#about #subhead { background:url("../images/sub/subhead-something-else.jpg") left top no-repeat; }/* different layout for about */
	body#contact #subhead { background:url("../images/sub/subhead-contact.gif") left top no-repeat; }
	body#thankyou #subhead { background:url("../images/sub/subhead-thankyou.gif") left top no-repeat; padding-bottom:500px; }
	body#neuromuscular #subhead { background:url("../images/sub/subhead-neuromuscular.gif") left top no-repeat; }
	body#gallery #subhead { background:url("../images/sub/subhead-gallery.gif") left top no-repeat; }


/* definition list 1 */	
#column-CHANGE TO COLUMN dl { padding-left:5px; }
#column-CHANGE TO COLUMN dl dt { font-weight:bold; color:#99CC00; }

/* definition list 2 */			
#column-CHANGE TO COLUMN dl dd { background:transparent url("../images/bullet.jpg") 0px 6px no-repeat;
					  padding-left:10px;  /* pushes text to the right to display bg img */
					  margin-left:5px; }
			
/* ul list 1 */
#sub-column-right ul { padding:0px 150px 10px 58px; }
#sub-column-right ul li { background:transparent url("../images/sub/list-style.gif") 0px 6px no-repeat;
			          padding-left:10px; } /* pushes text to the right to display bg img */
					  
/* ul list 1 */
#sub-column-right ul.quick-list { padding:70px 108px 10px 58px; }
#sub-column-right ul.quick-list li { background:transparent url("../images/sub/list-style.gif") 0px 6px no-repeat;
			          padding-left:10px; } /* pushes text to the right to display bg img */
	
			  
/* Global Footer
 * ------------------------------------------------------------------------- */
 
.footer { width:785px; text-align:center; margin:0 auto; padding-right:28px; }
.footer a:link, .footer a:visited, .footer p { text-decoration:none; color:#8F8069; }
.footer a:hover, .footer a:active { text-decoration:underline; color:#8F8069; }

.footer ul { margin-bottom:5px; }
.footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #8F8069; }
.footer li.first { border: none; }


/* Vertical Sprite Nav
 * ------------------------------------------------------------------------- */
#nav {
	position: relative;
	background: url("../images/index/nav.gif") top left no-repeat;					
	width: 259px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 411px;		/* Height of entire image */
	margin:0;
	padding:0;
	}

#nav li span {display: none;}
#nav li {margin: 0; padding: 0; list-style: none; position: absolute;}

#nav li, #nav a {height: 23px; display: block;}

/* Fix IE5.01Win jumping bug - Hide from IE Mac \*/
* html #nav li { height:1% }
/* End */

/* Increments of each button height defined above */
/* Fix IE5.01Win jumping bug - Hide from IE Mac \*/
* html #nav li { height:1% }
/* End */

/* Increments of each button height defined above */
#nav-01 { top:   52px }
#nav-01 a {height: 181px;}
#nav-02 { top:  235px }
#nav-03 { top:  263px }
#nav-04 { top:  288px }
#nav-05 { top:  313px }
#nav-06 { top:  338px }
#nav-07 { top:  363px }
#nav-08 { top:  388px }

/* width set here should be same width set in #nav */
#nav-01, #nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07, #nav-08  { left: 0px; width: 259px; }

/* Changed values should match "top" numbers specified above */
#nav-01 a:hover { background: transparent url("../images/index/nav.gif") -259px   -52px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/index/nav.gif") -259px  -235px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/index/nav.gif") -259px  -263px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/index/nav.gif") -259px  -288px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/index/nav.gif") -259px  -313px no-repeat; }
#nav-06 a:hover { background: transparent url("../images/index/nav.gif") -259px  -338px no-repeat; }
#nav-07 a:hover { background: transparent url("../images/index/nav.gif") -259px  -363px no-repeat; }
#nav-08 a:hover { background: transparent url("../images/index/nav.gif") -259px  -388px no-repeat; }

/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ---------


body#masthead #nav-01 { background:url("../images/index/nav.gif") -259px   -52px no-repeat; }
body#index #nav-02 { background:url("../images/index/nav.gif") -259px  -235px no-repeat; }
body#about #nav-03 { background:url("../images/index/nav.gif") -259px  -263px no-repeat; }
body#cosmetic #nav-04 { background:url("../images/index/nav.gif") -259px  -288px no-repeat; }
body#neuromuscular #nav-05 { background:url("../images/index/nav.gif") -259px  -313px no-repeat; }
body#gallery #nav-06 { background:url("../images/index/nav.gif") -259px  -333px no-repeat; }
body#contact #nav-07 { background:url("../images/index/nav.gif") -259px  -363px no-repeat; }
body#about #nav-08 { background:url("../images/index/nav.gif") -259px  -387px no-repeat; }

-*/



/* Quick Contact Form
 * ------------------------------------------------------------------------- */
 
form { width:164px; margin:10px 0 15px 0; }
	
form label	{ font-size:.95em; }

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

input, textarea, select { 
	background-color:#D3C19A !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #878787;
	color:#000;
	width:159px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-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:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}
	
select { width:164px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

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


/* Main Contact Form
 * ------------------------------------------------------------------------- */
 
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#contact-main label.top {
	margin-top: 95px;
	}		
	
#contact-main label select { width:175px; }
	
#contact-main label textarea { height:100px; overflow:auto; }

/* Contact Submit Buttons
 * ------------------------------------------------------------------------- */

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:15px 0 0 243px; }

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("../images/index/btn-submit.jpg");
	width:64px;
	height:20px;
	border:none;
	cursor:pointer;
	}
	
div#logos {
width:791px;
height:121px;
background: url(../images/logos.jpg) no-repeat;
margin:0 0 20px 0;
 }