/* 
----------------------------------------------------------------------------
Copyright Einstein Industries 2005. 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

CSS Document - styles.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 { 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,div,dd,dt,dl { margin: 0; padding: 0; }

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

/* HTML
---------------------------------------------------------------------------- */
html, body { height: 100%; }
body {
	background: #000 url(../images/body-bg.jpg) repeat left top;
	font: 11px/17px lucida grande,tahoma,arial,sans-serif;
	color: #D6C6AC;
	margin: 0 auto;
	text-align: center;
}

a { text-decoration: none; color: #fff; font-weight: bold; }
a:hover { text-decoration: underline; }
fieldset { border: none; }

/* Layout
---------------------------------------------------------------------------- */
#wrap {
	margin: 0 auto;
	text-align: left;
	width: 760px;
	height: 100%;
	background:  url(../images/wrap-bg.jpg);
}

#sub-wrap {
	margin: 0 auto;
	text-align: left;
	width: 760px;
	background: url(../images/sub-wrap-bg.jpg);
}

#splash { width: 760px; height:260px; }

/* Navigation
---------------------------------------------------------------------------- */
#nav, #actual-nav {
	width: 760px; height: 44px;
	margin: 0; padding: 0;
}

#actual-nav {
	background: url(../images/nav.jpg);
}

	#actual-nav li, #actual-nav a { display: block; height: 45px; }
	#actual-nav li {
		float: left;
		list-style: none;
		display: inline;
	}
	#actual-nav span { display: none; }

#btn1 { width: 51px; margin-left: 18px; }
#btn2 { width: 117px; margin-left: 4px; }
#btn3 { width: 88px; margin-left: 4px; }
#btn4 { width: 99px; margin-left: 4px; }
#btn5 { width: 121px; margin-left: 4px; }
#btn6 { width: 153px; margin-left: 4px; }
#btn7 { width: 71px; margin-left: 4px; }

#btn1 a:hover { background: transparent url(../images/nav.jpg) no-repeat -18px  -45px; }
#btn2 a:hover { background: transparent url(../images/nav.jpg) no-repeat -73px  -45px; }
#btn3 a:hover { background: transparent url(../images/nav.jpg) no-repeat -194px -45px; }
#btn4 a:hover { background: transparent url(../images/nav.jpg) no-repeat -286px -45px; }
#btn5 a:hover { background: transparent url(../images/nav.jpg) no-repeat -389px -45px; }
#btn6 a:hover { background: transparent url(../images/nav.jpg) no-repeat -514px -45px; }
#btn7 a:hover { background: transparent url(../images/nav.jpg) no-repeat -671px -45px; }

/* Son of Suckerfish */
#actual-nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #111;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	z-index: 1000;
}

#actual-nav li ul li { height: 20px; }	/* Height of each drop down menu item */

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

#actual-nav li ul li a span {
	display: block;
	padding-left: 9px;
}

/* Drop down link styles */
#actual-nav a:link, #actual-nav a:visited, #actual-nav a:hover, #actual-nav a:active {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}

#actual-nav li:hover ul, #actual-nav li.sfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#btn5 ul a:hover, #btn6 ul a:hover { 
	background-image: none;
	background-color: #46643e;
	color: #fff;
}

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

/* Layout (Cont'd.)
---------------------------------------------------------------------------- */
#content-container {
	width: 760px; height: auto;
	float: left;
	background: url(../images/content-container.jpg) no-repeat left top;
	margin-bottom: 24px;
}

#left-col, #divider, #right-col { float: left; }
#left-col { width: 453px; }
	#left-col h2 { margin: 0 12px 8px 56px; font-size: 14px; border-bottom: 1px solid #999; }
	#left-col h3 { margin: 0 12px 5px 56px; font-size: 12px; }
	#left-col p, #left-col ul { margin: 0 12px 11px 56px; }

/* Headers - Index */
#hdr-meet-the-doctors {
	width: 453px; height: auto;
	background: url(../images/hdr-meet-the-doctors.jpg) no-repeat;
}
#hdr-dental-implants {
	width: 453px; height: auto;
	background: url(../images/hdr-dental-implants.jpg) no-repeat;
}
#hdr-featured-case {
	width: 453px; height: auto;
	background: url(../images/hdr-featured-case.jpg) no-repeat;
}

	#hdr-meet-the-doctors em strong { display: block; visibility: hidden; height: 65px; }
	#hdr-dental-implants em strong, #hdr-featured-case em strong { display: block; visibility: hidden; height: 70px; }

/* Headers - Subpages */
#hdr-about-the-practice {
	width: 453px; height: auto;
	background: url(../images/sub/hdr-about-the-practice.jpg) no-repeat;
}
#hdr-contact-us2 {
	width: 453px; height: 82px;
	background: url(../images/sub/hdr-contact-us.jpg) no-repeat;
}
#hdr-smile-gallery {
	width: 453px; height: auto;
	background: url(../images/sub/hdr-smile-gallery.jpg) no-repeat;
}
#hdr-dental-implants2 {
	width: 453px; height: auto;
	background: url(../images/sub/hdr-dental-implants.jpg) no-repeat;
}
#hdr-botox-procedures {
	width: 453px; height: auto;
	background: url(../images/sub/hdr-botox-procedures.jpg) no-repeat;
}
#hdr-cerec-3d-dentistry {
	width: 453px; height: auto;
	background: url(../images/sub/hdr-cerec-3d-dentistry.jpg) no-repeat;
}
#hdr-cosmetic-procedures {
	width: 453px; height: auto;
	background: url(../images/sub/hdr-cosmetic-procedures.jpg) no-repeat;
}
#hdr-advanced-general {
	width: 453px; height: auto;
	background: url(../images/sub/hdr-advanced-general.jpg) no-repeat;
}
#hdr-thankyou {
	width: 453px; height: 82px;
	background: url(../images/sub/hdr-thank-you.jpg) no-repeat;
}
	#hdr-about-the-practice h1 strong, #hdr-cerec-3d-dentistry em strong,#hdr-botox-procedures em strong,#hdr-contact-us2 em strong, #hdr-smile-gallery em strong, #hdr-dental-implants2 em strong, #hdr-cosmetic-procedures h1 strong, #hdr-advanced-general h1 strong {
		display: block;
		visibility: hidden;
		height: 65px;
	}

#divider {
	width: 18px; height: 788px;
	background: url(../images/divider.jpg) no-repeat;
}

#right-col { width: 289px; }
	#right-col p { margin: 0 32px 11px 18px; }
	#right-col form { margin: 0 32px 11px 60px; }
#hdr-procedures {
	width: 289px; height: auto;
	background: url(../images/hdr-procedures.jpg) no-repeat;
}
#hdr-contact-us {
	width: 289px; height: auto;
	background: url(../images/hdr-contact-us.jpg) no-repeat;
}
#hdr-office-info {
	width: 289px; height: auto;
	background: url(../images/sub/hdr-office-info.jpg) no-repeat;
}
#hdr-financial-info {
	width: 289px; height: auto;
	background: url(../images/sub/hdr-financing.jpg) no-repeat;
}

#hdr-pdf-forms {
	width: 289px; height: auto;
	background: url(../images/sub/hdr-patient-forms.jpg) no-repeat;
}
#hdr-pdf-forms ul{
	margin:0 0 0 55px;
	padding:0px;
	list-style-image:url(../images/sub/pdf_logo.jpg);
	list-style-position:inside;
	
	
}
	
	#hdr-procedures em strong, #hdr-contact-us em strong, #hdr-office-info em strong, #hdr-financial-info em strong,#hdr-pdf-forms em strong { display: block; visibility: hidden; height: 70px; }

/* Procedures Sidebar */
#procedures-list {
	position: relative;
	height: 455px;
}
	#procedures-list li { position: absolute; left: 0; }
	#procedures-list li {
		display: block;
		width: 289px; height: 65px;
	}
	#procedures-list a {
		display: block;
		width: 240px; height: 65px;
		margin-left: 12px;
		text-decoration: none;
	}
	#procedures-list span { display: none; }
	#procedures-list li a em {
		position: absolute;
		color: #181818;
		left: 30px; top: 31px;
		width: 140px;
		font: normal 10px/11px tahoma,sans-serif;
	}

#pl-1st {
	background: url(../images/btn-dental-implants01.jpg) no-repeat;
	width: 289px;
	top: 0px;
}

#pl-2nd {
	background: url(../images/btn-cosmetic-dentistry.jpg) no-repeat;
	width: 289px;
	top: 65px;
}

#pl-3rd {
	background: url(../images/btn-restorative-dentistry.jpg) no-repeat;
	width: 289px;
	top: 130px;
}

#pl-4th {
	background: url(../images/btn-general-dentistry.jpg) no-repeat;
	width: 289px;
	top: 195px;
}

#pl-5th {
	background: url(../images/btn-botox-procedures.jpg) no-repeat;
	width: 289px;
	top: 260px;
}

#pl-6th {
	background: url(../images/btn-blog-with-us.jpg) no-repeat;
	width: 289px;
	top: 330px;
}

#pl-7th {
	background: url(../images/btn-cerec-3d-dentistry.jpg) no-repeat;
	width: 289px;
	top: 395px;
}


#pl-1st a:hover { background: transparent url(../images/btn-dental-implants01.jpg) no-repeat -12px -65px; }
#pl-2nd a:hover { background: transparent url(../images/btn-cosmetic-dentistry.jpg) no-repeat -12px -65px; }
#pl-3rd a:hover { background: transparent url(../images/btn-restorative-dentistry.jpg) no-repeat -12px -65px; }
#pl-4th a:hover { background: transparent url(../images/btn-general-dentistry.jpg) no-repeat -12px -65px; }
#pl-5th a:hover { background: transparent url(../images/btn-botox-procedures.jpg) no-repeat -12px -65px; }
#pl-6th a:hover { background: transparent url(../images/btn-blog-with-us.jpg) no-repeat -12px -65px; }
#pl-7th a:hover { background: transparent url(../images/btn-cerec-3d-dentistry.jpg) no-repeat -12px -65px; }
#btn-ptt { margin-left: 15px; }

#feature-case { border: 4px solid #fff; }

#gallerybox{
	width: 360px; margin: 20px 0 0 90px;
	}

	.bna-thumb-case{
		text-align: center; width: 304px; height: 109px; margin: 0 0 20px 0px; float: left; display: inline;
		}
	
/* ----- global form elements ----- */ 

form {
	width:150px;
	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:#111 !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #313131;
	color:#ccc;
	width:145px; /* 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:lucida grande,tahoma,arial,sans-serif; 
	font-size:1.0em;
	}
	
select { width:150px; 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 select { width:175px; height: 20px;}
	
#contact-main label textarea { height:100px; overflow:auto; }

#contact-business-main { display: none; } /* do not remove */ 


/* ----- submit button form elements ----- */ 

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

input.submit-image { /* REMOVE IF NOT USED */
	background:url("../images/btn-send.jpg") top no-repeat;
	width:61px;
	height:27px;
	border:none;
	cursor:pointer;
	margin-left: 45px;
	}
	
input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("../images/btn-send.jpg") top no-repeat;
	width:61px;
	height:27px;
	border:none;
	cursor:pointer;
	margin:95px 0 0 243px;
	}
/* Layout (Cont'd.)
---------------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 760px; height: 88px;
	background: url(../images/footer.jpg);
}

	#footer a { color: #ccc; font-weight: normal; }
	#footer ul {
		padding-top: 36px;
		margin: 0 24px 2px;
		text-align: center;
	}
	#footer li {
		display: inline;
		padding: 0 7px 0 9px;
		border-left: 1px solid #ccc;
		font-size: 11px; line-height: 11px;
		background: none;
	}
	#footer li.first { border-left: none; }
	#footer p { margin: 0 24px 12px; }

	
/* Classes
---------------------------------------------------------------------------- */
.clear { clear: both; }
.img-left { width: auto; height: auto; margin-right: 7px; float: left; }
.img-right { width: auto; height: auto; margin-left: 7px; float: right; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}