* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/16px Arial,sans-serif; color: #666; text-align: left; background: #fff url(images/background.gif) repeat-x fixed 0 0; padding-bottom:20px;}

a { color: #ffc50c; font-style: italic; text-decoration: none; cursor:pointer;}
#content.pagebody a { color:red; font-style: normal; text-decoration: underline; cursor:pointer;}
a:hover { cursor: pointer; text-decoration: underline; }
a img { border: 0; }

.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.ac { text-align: center; }
.ar { text-align: right; }
.al { text-align: left; }
.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { width: 980px; margin: 0 auto; }

a.button, a.button span { float: left; display: inline; height: 24px; background: url(images/button.gif) no-repeat 0 0; padding-left: 5px; color: #bec790; font: bold 11px/24px Arial, sans-serif; }
a.button span {  background-position: right 0; padding-left: 0px; padding-right: 5px; }
a.appointment { display: block; height: 45px; width: 341px; margin: 0 auto; background: url(images/request-appointment.gif) no-repeat 0 0; margin-top: 20px; }

#header { height: 189px; background: url(images/header.gif) repeat-x 0 0; }
h1#logo { float: left; display: inline; height: 171px; width: 296px; font-size: 0; line-height: 0; margin: 18px 0 0 15px; }
h1#logo a { display: block; height: 171px; background: url(images/logo.gif); text-indent: -4000px; }

#header-cnt { float: right; display: inline; width: 650px; }
.contact { float: right; display: inline; width: 300px; background: url(images/phone.gif) no-repeat 0 0; height: 41px; font-family: Georgia, Times, serif; margin-top: 60px; }
.contact h2 { font-size: 18px; line-height: 20px; color: #bec790; margin-left: 50px; }
.contact h2  span { display: block; font-size: 21px; line-height: 20px; color: #d6dac4; }

#navigation { height: 32px; position: relative; bottom: -56px; }
#navigation ul { list-style: none outside; float: right; display: inline; padding-right: 5px; }
#navigation li { float: left; display: inline; height: 32px; margin-right: 3px; position: relative;}
#navigation li a, #navigation li a span { float: left; display: inline; height: 32px; background: url(images/navigation.gif) no-repeat  0 1px; padding-left: 10px; font: 15px Arial, sans-serif; line-height: 32px; color: #575f2c; }
#navigation li a span { background-position: right 1px; padding-left: 0; padding-right: 10px; }

#navigation li a:hover, #navigation li a:hover span, #navigation li a.active, #navigation li a.active span { background-position: 0 bottom; cursor: pointer; text-decoration: none; color: #bec790; }
#navigation li a:hover span, #navigation li a.active span { background-position: right bottom; }

#navigation ul ul{
background:#E6E6E6 none repeat scroll 0 0;
margin:0;
display:none;
float:none;
left:0;
padding:0;
position:absolute;
top:32px;
width:210px;
z-index:50;
}
#navigation ul ul li{line-height:auto;background:none;margin:0;padding:0;}
#navigation ul ul li a{color:#263E57;text-transform:none;}
#navigation ul ul li a span{width:300px;}


#intro { min-height: 280px;  background: #fefefe url(images/intro.gif) repeat-x 0 0; }
#intro .text {  width: 520px; padding-left: 30px; color: #6f5f50; }
#intro .text h2 { font: 40px/30px Georgia, Times, serif; color: #7e874e; margin-bottom: 20px; padding-top: 16px; }
#intro .text h2 span { display: block; font: 61px/55px Georgia, Times, serif; color: #bec790; text-transform: uppercase; padding-left: 90px; }
#intro img { position: relative;  }

#sidebar{
float:left;
padding:10px;
width:280px;
}

#content { height: 100%; background: #fff; }
#col-left { float: left; display: inline; width: 255px; background: #7e874e; height:880px;}
#col-left h2 { font: 24px Georgia, Times, serif; color: #eff2e3; text-align: center; margin: 15px 0; }
#col-left a img { padding: 5px; border: 1px solid #bec790; }

#content.pagebody{padding:10px 10px 10px 300px;}
#content.pagebody img{padding:10px;margin-right:5px;}
#content.pagebody h2{margin-bottom:20px;}
.doctor { float: left; display: inline; width: 110px; }
.doctor h3 { font: 16px Georgia, Times, serif; color: #fff; }
.doctor p { padding-left: 5px; color: #fff; font-size: 10px; }
.first-doc { margin-left: 10px; margin-right: 15px; }

.separator { height: 8px; background: url(images/separator.gif) repeat-x 0 0; font-size: 0; line-height: 0; text-indent: -4000px; margin: 15px 0; }
.endodontic { margin: 0 10px; padding-bottom: 50px; color: #fff; }
.endodontic img { margin: 0 10px 10px 0; }

#widecolumn { float: left; display: inline; width: 725px; }
#welcome { padding: 15px; background: #575f2c; min-height: 237px; }
#welcome h2, .article h2 { font: 30px/30px Georgia, Times, serif; color: #ffc50c; margin-bottom: 14px; }
#welcome a img { padding: 5px; border: 1px solid #bac38c; margin: 0 15px 15px 0; }
#welcome p, .article p { color: #fff; padding-bottom: 15px; }

.article { padding: 15px 15px 10px 15px; background: url(images/article-img.jpg) no-repeat right bottom; }
.article h2 { color: #575f2c !important; }
.article p { color: #666; padding-bottom: 17px; }
.article p.short { padding-right: 170px; }

#footer { background: #575f2c url(images/footer.gif) no-repeat 0 bottom; min-height: 50px; color: #fff; padding-top: 3px; margin-top:5px;}
#footer p { padding-top: 5px; }
#footer a { color: #fff; font-weight: bold; font-style: normal; }
#footer .rights { color: #bbc198; }