/* 
----------------------------------------------------------------------------
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; }

fieldset { border: none; }

/* HTML
---------------------------------------------------------------------------- */
body {
	background: #036 url(../images/body-bg.jpg) repeat-x left top;
	font: 12px/18px trebuchet ms,times,georgia,serif;
	color: #036;
	margin: 0 auto;
	padding-bottom: 24px;
	text-align: center;
}

a { text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

/* Layout
---------------------------------------------------------------------------- */
#wrap {
	background: url(../images/wrap-bg.jpg); 
	background-repeat:repeat-y;
	margin: 0 auto;
	text-align: left;
	width: 765px;
}

#mast {
	background: url(../images/mast.jpg);
	width: 765px; height: 80px;
}

/* Navigation
---------------------------------------------------------------------------- */
#nav { width: 765px; }
#actual-nav {
	background: url(../images/nav.jpg);
	width: 765px; height: 39px;
}

#actual-nav span { display: none; }

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

#btn1 { width: 85px; margin-left: 21px; }
#btn2 { width: 139px; }
#btn3 { width: 139px; }
#btn4 { width: 151px; }
#btn5 { width: 115px; }
#btn6 { width: 90px; }

#btn1 a:hover { background: transparent url(../images/nav.jpg) -21px -39px; }
#btn2 a:hover { background: transparent url(../images/nav.jpg) -106px -39px; }
#btn3 a:hover { background: transparent url(../images/nav.jpg) -245px -39px; }
#btn4 a:hover { background: transparent url(../images/nav.jpg) -384px -39px; }
#btn5 a:hover { background: transparent url(../images/nav.jpg) -535px -39px; }
#btn6 a:hover { background: transparent url(../images/nav.jpg) -650px -39px; }

/* SON OF SUCKERFISH */
#actual-nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #6679A4; /* Background color of drop down menu - add more styles (i.e. background image) if you want */
}

#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: 5px;
}

/* 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 */
#btn3 ul a:hover, #btn4 ul a:hover { 
	background-image: none;
	background-color: #648CD6; 
}

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

/* Layout (Cont'd.)
---------------------------------------------------------------------------- */
splash1-bk { background: url(http://www.connollydds.com/images/splash1-bk.jpg); width: 765px; height: 245px; }

#splash1 { background: url(../images/splash1.jpg); width: 765px; height: 245px; }
#splash2 { background: url(../images/splash2.jpg); width: 765px; height: 245px; }
#splash3 { background: url(../images/splash3.jpg); width: 765px; height: 245px; }
#splash4 { background: url(../images/splash4.jpg); width: 765px; height: 245px; }
#splash5 { background: url(../images/splash5.jpg); width: 765px; height: 245px; }
#splash6 { background: url(../images/splash6.jpg); width: 765px; height: 245px; }

#two-hdrs {	width: 765px; height: 74px; }

hdr1-bk { background: url(http://www.connollydds.com/images/hdr-index1-bk.jpg); width: 507px; height: 74px; float: left; }

#hdr1 { background: url(../images/hdr-index1.jpg); width: 507px; height: 74px; float: left; }
#hdr2 { background: url(../images/hdr-about2.jpg); width: 507px; height: 74px; float: left; }
#hdr3 { background: url(../images/hdr-cosmetic3.jpg); width: 507px; height: 74px; float: left; }
#hdr4 { background: url(../images/hdr-restorative4.jpg); width: 507px; height: 74px; float: left; }
#hdr5 { background: url(../images/hdr-gallery5.jpg); width: 507px; height: 74px; float: left; }
#hdr6 { background: url(../images/hdr-contact6.jpg); width: 507px; height: 74px; float: left; }
#hdr7 { background: url(../images/hdr-thankyou.jpg); width: 507px; height: 74px; float: left; }

#hdr-contact-practice { background: url(../images/hdr-contact-practice.jpg); width: 258px; height: 74px; float: left; }
#hdr-contact-practice-new { background: url(../images/hdr-contact-practice-new.jpg); width: 258px; height: 60px; float: left;}
#hdr-contact-practice6 { background: url(../images/hdr-directions.jpg); width: 258px; height: 74px; float: left; }
#hdr1 span, #hdr2 span, #hdr3 span, #hdr4 span, #hdr5 span, #hdr6 span, #hdr-contact-practice span, #hdr-contact-practice6 span { display: none; }
#hdr-blank { background: url(http://www.connollydds.com/images/hdr-blank.jpg); width: 258px; height: 79px; float: left; }


#left-col, #right-col { float: left; }
#left-col { width: 507px; }
	#left-col p, #left-col dl { margin: 0 12px 12px 59px; }
	#left-col dd { float: left; margin-bottom: 12px; }
	#left-col dd.img { width: 115px; }
	#left-col dd.copy {
		width: 310px;
		font-size: 11px; 
		line-height: 17px;
	}
	
	#left-col h1, #left-col h2, #left-col h3, #left-col h4, #left-col h5, #left-col h6 {
		margin: 0 12px 5px 59px;
		padding: 6px 0;
		font-size: 16px; letter-spacing: -1px;
	} 
	
#right-col { width: 258px; }
	#right-col p { margin: 0 52px 12px 28px; }

#address-info { padding: 12px 0; }

#hdr-feat-pros { margin-bottom: 8px; }

#footer { clear: both;  background: url(../images/footer.jpg); width: 765px; height: 120px; background-repeat:repeat-y}

#other-footer { color: #ccc; text-align: center; }
	#other-footer ul { margin: 0 0 10px; }
	#other-footer li {
		padding: 0 5px 0 7px;
		display: inline;
		border-left: 1px solid #ccc;
		font-size: 11px;
		line-height: 11px;
		background: none;
	}
	#other-footer li.first { border: none; }
	#other-footer a { color: #fff; font-weight: bold; }

/* Quick Contact Form
---------------------------------------------------------------------------- */
#right-col form { margin: 0 0 12px 28px; }
#right-col input, #right-col textarea {
	background-color: #036;
	color: #fff;
	font: 12px/12px trebuchet ms,times,georgia,serif;
	padding: 2px;
	margin-bottom: 3px;
	border: none;
	width: 140px;
	display: block;
}

#right-col textarea { height: 64px; overflow: hidden; }
#right-col input.hidden { display: none; }
#right-col input.send-btn { width: 64px; }

/* Main Contact Form
---------------------------------------------------------------------------- */
#left-col form { margin: 0 12px 12px 59px; }
#left-col fieldset { width: 100%; }
#left-col fieldset div { width: 200px; float: left; margin-bottom: 6px; }

#left-col input, #left-col select {
	background-color: #ffffff;
	color: #000000;
	font: 12px/12px trebuchet ms,times,georgia,serif;
	padding: 2px;
	margin-left: 11px;
	border: 1px solid #003;
	width: 140px;
}

#left-col option:hover { background-color: #ffc; }

#left-col textarea {
	background-color: #ffffff;
	color: #000000;
	font: 12px/12px trebuchet ms,times,georgia,serif;
	padding: 2px;
	margin: 2px auto 3px;
	border: 1px solid #003;
	width: 360px; height: 88px;
	overflow: hidden;
}

#left-col input.send-btn { width: 64px; margin: 6px auto 12px; border: 1px solid #003; }


/* Headers */
#hdr-about-practice, #hdr-contact-us, #hdr-cosmetic-dentistry, #hdr-restorative-dentistry, #hdr-smile-gallery { float: left; width: 507px; height: 74px; }
	#hdr-about-practice { background: url(../images/sub/hdr-about-practice.jpg); }
	#hdr-contact-us { background: url(../images/sub/hdr-contact-us.jpg); }
	#hdr-cosmetic-dentistry { background: url(../images/sub/hdr-cosmetic-dentistry.jpg); }
	#hdr-restorative-dentistry { background: url(../images/sub/hdr-restorative-dentistry.jpg); }
	#hdr-smile-gallery { background: url(../images/sub/hdr-smile-gallery.jpg); }
		#hdr-about-practice span, #hdr-contact-us span, #hdr-cosmetic-dentistry span, #hdr-restorative-dentistry span, #hdr-smile-gallery span { display: none; }

/* Testimonial Headers
---------------------------------------------------------------------------- */
.testimonials { width: 430px; height: 144px; margin-left: 59px; }
	.testimonials blockquote { display: none; }
#testimonials-tcec { background: url(../images/testimonials/tc-ec.gif); }
#testimonials-jc { background: url(../images/testimonials/jc.gif); }
#testimonials-ks { background: url(../images/testimonials/ks.gif); }
#testimonials-jo { background: url(../images/testimonials/jo.gif); }
#testimonials-gg { background: url(../images/testimonials/gg.gif); }
#testimonials-pop-ttm { background: url(../images/testimonials/pop-ttm.gif); }
	#testimonials-pop-ttm a { display: block; position: absolute; width: 240px; height: 24px; margin: 108px 0 0 130px; }

/* Before and After Thumbnail */
.bna-img { margin: 0 0 20px 25px; }
.bna-img a { margin-left: 6px; width: 172px; height: 129px; display: block; }
	
/* Smile Gallery
---------------------------------------------------------------------------- */
#smile-gallery { margin-left: 59px; }
#smile-gallery li { float: left; width: 210px; text-align: center; margin-bottom: 4px; }
#smile-gallery2 li { float: left; width: 235px; text-align: center; margin-bottom: 4px; }

/* Global Classes
---------------------------------------------------------------------------- */
.clear { clear: both; height: 5px; overflow: hidden; }
.img-left { float: left; padding: 0 8px 0 0; }
a img.img-bdr, .img-bdr { border: 2px solid #333; width: auto; height: auto; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.txt-left-bk { text-align: left; }

div.bkinput {
color: #000000;
}

#ptt-btn {
padding: 15px 0 80px 20px;
}

#ptt-btn-index {
padding: 20px 0 0 50px;
}

#ptt-btn-thankyou {
padding: 0 0 100px 557px;
}

#ptt-btn-about {
padding: 15px 0 0 50px;
}

#ptt-btn-contact {
padding: 0 0 50px 20px;
}

div.navbottom {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: center;
color: #ffffff;
}

a:link.navbottom {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: center;
color: #ffffff;
text-decoration: none;
}

a:visited.navbottom {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: center;
color: #ffffff;
text-decoration: none;
}

a:hover.navbottom {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: center;
color: #0000ff;
text-decoration: underscore;
}

a:active.navbottom {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: center;
color: #ff0000;
text-decoration: none;
}