@charset "utf-8";
/* CSS Document */

body,html {padding: 0px; margin: 0px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; /* fallback */ background: url(../img/background3.jpg) repeat-x #fff;}

p,h1,h2,h3,h4,h5,h6 {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#topContainer {position: relative; height: 80px; width: 1003px; margin: 0 auto;}
#logo {float: left; width:400px ; margin-top: 30px;}
#contact {float: right; margin-top: 40px; width:500px; color:#707070; font-size:17px; text-align: right; clear: right;}
#contact p {margin: 0px; padding: 0px;}
.callhours{ font-size:12px; line-height:27px; color:#0471c2;}

#content {position: relative; width: 1003px; height: auto; margin: 0 auto;}
img {border: 0px;}
div.fadehover {position: relative; height: 350px;}
img.a {position: absolute; left: 0; top: 0; z-index: 10;}
img.b {position: absolute; left: 0; top: 0;}

.box:link, .box:visited {background: url(../img/navbutton.jpg); text-decoration: none; color: #fff; padding: 5px 20px; font-weight: bold; font-size: 1.5em;}
.box:hover {background: #135091;}
table h2 {margin-top: 0px; padding-top: 0px;}

#contLeft2 {float: left; width: 680px; padding: 0px; margin: 30px 0px 0px 0px;}
#contRight2 {float: right; width: 260px; height: 350px; padding-left: 20px; border-left: 1px dotted #333; margin: 30px 0px 0px 20px;}

.clearfix {position: relative; width: 1000px; display: block; height: 1px; clear: both;}

#navCont {position: relative; width: 1003px; height: 38px; margin: 34px auto 0 auto;}
#nav{list-style: none; margin: 0 auto; float: left; width: 100%; padding: 0px; }
#nav li{float: left; margin-right: 0px; position:relative;}
#nav a:link, #nav a:visited{display: block; text-align: center; height: 28px; padding: 10px 28px 0px; color: #fff; text-decoration:none;}
#nav a:hover{background: #0267b6; color:#fff; text-decoration:none;}
/*--- DROPDOWN ---*/
#nav ul{list-style: none; position: absolute; left: -9999px; padding: 0px; background: #000;}
#nav ul li{float: none; z-index: 1000;}
#nav ul a{white-space: nowrap; margin: 0;}
#nav li:hover ul{left: 0;}
#nav li:hover a{background: #0267b6; text-decoration: none; text-align: left;}
#nav li:hover ul a{text-decoration: none; background: #135091; padding: 13px 13px 5px 13px;}
#nav li:hover ul li a:hover{background: #0267b6;}

#footerCont {position: relative; width: 100%; background: url(../img/footer.jpg) repeat-x #fff; clear: both; padding-top: 50px; padding-bottom: 20px; margin-top: 50px; text-align: center;}

#footerBar {position: relative; width: 920px; margin: 0 auto; background: url(../img/DentalExImgs/searchback.png) repeat-x #07569b; text-align: center; padding: 0px;}
#footerBar p, #footerBar a {color: #fff; font-size: 20px; margin: 0px; padding: 10px;}
#footerBar a:link, #footerBar a:visited {display: inline-block; padding: 3px 15px; background: #91c547; font-size: .8em; text-decoration: none; margin-left: 10px;}
#footerBar a:hover {background: #91c547;}
#footerBar img {margin-left: 10px;}
.footer {position: relative; width: 1000px; text-align: left; margin: 0 auto; height: 150px;}
.footer ul {list-style: none; margin: 0px; padding: 0px;}
.footer .listHeader {color: #005395; font-weight: bold; padding-bottom: 10px;}
.footer ul li { padding-bottom: 5px;}
.footer ul a {color: #4c8f25; font-size: 14px; line-height: 16px;}
.footer .contactFoot {float: right; text-align: right;}
.footer .footNav {float: left;}

#sideBox {float: right; width: 250px; padding: 15px 0px 15px 15px; border-left: 1px dotted #999; margin-left: 10px; display: block;}
#sideBox.about {height: 700px;}
#sideBox p, #sideBox li {font-size: .9em;}
#sideBox ul {padding: 10px;}
#sideBox li {margin-bottom: 10px;}