body {
background: #8ab2ce url("../images/bg-body.jpg") repeat-x top;
text-align: center;
font: 12px/16px Arial, Helvetica, sans-serif;
color: #000;
position: relative;
}
ul, ol {
list-style: none;
}
ul, ol, li, form, body, html, p, blockquote, fieldset, input, label, div, dd, dt, dl, table, tr, td {
margin: 0;
padding: 0;
}
h1 {
font: 26px "Palatino Linotype", "Book Antiqua", Palatino, serif;
margin: 20px 0 0 0;
}
h2 {
font: 21px "Palatino Linotype", "Book Antiqua", Palatino, serif;
margin: 16px 0 0 0;
}
h3 {
font: 18px "Palatino Linotype", "Book Antiqua", Palatino, serif;
margin: 14px 0 0 0;
}
a img, :link img, :visited img, fieldset {
border: none;
}
blockquote {
margin-left: 10px;
margin-right: 10px;
}
address {
margin: 0 0 10px 45px;
font-style: normal;
}
address em {
font-style: normal;
font-weight: bold;
}
a:link, a:visited {
color: #000000;
text-decoration: underline;
outline: none;
}
a:hover, a:active {
color: #333;
text-decoration: underline;
outline: none;
}
div.clear {
clear: both;
height: 0.01em;
overflow: hidden;
}
img.img-left {
float: left;
margin: 3px 10px 5px 20px;
}
img.img-right {
float: right;
margin: 5px 25px 5px 5px;
}
img.img-padd {
margin: 0 5px 20px 20px;
}
#wrap {
background: url("../images/bg-wrap.jpg") repeat-y;
width: 760px;
margin: 0 auto;
text-align: left;
}
#masthead {
position: relative;
background: url("../images/masthead.jpg");
height: 90px;
overflow: hidden;
}
.slogan {
float: left;
height: 20px;
width: 350px;
color: #202e37;
font: italic 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
margin: 0 0 0 45px;
}
.field {
float: right;
height: 20px;
width: 300px;
color: #202e37;
font: italic 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align: right;
margin: 0 30px 0 0;
}
.dentist {
float: left;
width: 350px;
height: 46px;
font: normal 36px "Palatino Linotype", "Book Antiqua", Palatino, serif;
line-height: 46px;
margin-left: 47px;
}
.phone {
float: right;
height: 46px;
width: 300px;
font: normal 34px "Palatino Linotype", "Book Antiqua", Palatino, serif;
letter-spacing: 1px;
text-align: right;
line-height: 46px;
margin: 0 33px 0 0;
}
#header-graphic {
height: 182px;
}
#column-left {
width: 253px;
background: url("../images/column-left-border.jpg") no-repeat top left;
float: left;
}
#column-left p {
margin: 0 30px 10px 45px;
}
#column-left ul.procedures {
padding-left: 5px;
}
#column-left ul.procedures li {
background: transparent url("../images/bullet.jpg") no-repeat 0 6px;
padding-left: 10px;
}
.menu {
width: 250px;
margin-left: 7px;
padding: 0;
}
.menu li a {
width: auto;
background: url("../images/navstrip.jpg") repeat-y left top;
font: normal 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #141c23;
text-indent: 40px;
text-decoration: none;
display: block;
padding: 2px 0;
}
.menu li a:hover {
background-position: -250px 0;
color: #565f64;
}
.menu li a#here {
background-position: -250px 0;
color: #565f64;
}
#visitor_feedback {
height: 54px;
width: 253px;
background: url("../images/subhead-contact.gif") no-repeat bottom;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #202e37;
font-size: 18px;
line-height: 74px;
text-indent: 45px;
margin-bottom: 10px;
}
#feedback {
width: 150px;
margin: 0 0 12px 40px;
}
#feedback br {
height: 0;
line-height: 0;
}
#feedback div.required {
text-align: center;
}
#feedback div.required em {
vertical-align: -10%;
padding: 0 3px;
}
#feedback input {
width: 148px;
height: 18px;
margin: 3px;
border: 1px solid #26434c;
background-color: #d7e4ee;
color: #000;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
padding: 3px 0 1px 4px;
}
#feedback textarea {
width: 148px;
height: 60px;
margin: 3px;
border: 1px solid #26434c;
background-color: #d7e4ee;
color: #000;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
padding: 3px 0 1px 4px;
overflow: auto;
}
#feedback input.submit {
width: 60px;
height: 22px;
margin: 3px;
padding: 0 0 2px 0;
}
#telephone {
font-size: 13px;
margin-left: 45px;
}
#map {
display: block;
font-weight: bold;
margin: 12px 0 20px 45px;
}
#implant-video {
width: 426px; 
height: 264px;
background: url(../images/preview.jpg) no-repeat;
padding: 0;
margin: 0 40px 10px 15px;
}
#implant-video p {
width: 400px;
font-weight: bold;
line-height: 17px;
margin: 0 0 10px 20px;
padding-top: 3px;
}
#patient_education, #cosmetic_dentistry, #before_after {
width: 253px;
height: 30px;
background: url("../images/subhead-education.gif") no-repeat top;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #202e37;
font-size: 18px;
line-height: 28px;
text-indent: 45px;
margin-bottom: 10px;
}
#column-left ul.edu, #column-left ul.cosmetic, #column-left ul.bna {
width: 150px;
padding: 0 0 10px 5px;
margin-left: 35px;
}
#column-left ul.edu li, #column-left ul.cosmetic li, #column-left ul.bna li {
background: transparent url("../images/bullet.jpg") no-repeat 0 2px;
padding: 0 0 5px 16px;
}
#column-right {
width: 507px;
background: url("../images/column-right-border.jpg") no-repeat top right;
float: left;
}
#column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right ol, #column-right dl {
margin: 0 40px 10px 15px;
}
#column-right p {
line-height: 17px;
margin: 0 40px 10px 15px;
}
#column-right div.back-to-top {
text-align: right;
margin: 0 55px 0 0;
}
#column-right div.back-to-top span {
font-size: 10px;
font-weight: bold;
vertical-align: top;
}
#column-right div.back-to-top a span {
text-decoration: none;
}
#column-right img.large {
margin-left: 40px;
}
#column-right form {
margin-left: 10px;
}
#column-right ul.points {
width: 420px;
padding: 0 0 10px 16px;
}
#column-right ul.points li {
background: none;
list-style-type: disc;
margin: 0 0 5px 12px;
padding: 0;
}
#column-right ul {
padding: 0 0 10px 5px;
}
#column-right ul li {
background: transparent url("../images/bullet.jpg") no-repeat 0 2px;
padding: 0 0 5px 16px;
}
#column-right dl {
padding-left: 5px;
}
#column-right dl dt {
font-weight: bold;
color: #99cc00;
}
#column-right dl dd {
background: transparent url("../images/bullet.jpg") no-repeat 0 6px;
padding-left: 10px;
margin-left: 5px;
}
#column-right p.case {
width: 400px;
margin: 0 0 12px 30px;
}
#column-right ol.stages {
width: 400px;
padding: 0 0 10px 16px;
}
#column-right ol.stages li {
background: none;
list-style-type: decimal;
margin-left: 17px;
}
/* Address List */
#column-right dl.address {
width: 420px;
border-bottom: 1px dotted #666;
margin-bottom: 20px;
overflow: hidden;
}
#column-right dl.address dt {
width: 10em;
float: left;
border-top: 1px dotted #666;
color: #000;
font-weight: bold;
margin: 0;
padding: 0.5em;
}
#column-right dl.address dd {
background: none;
border-top: 1px dotted #666;
margin-left: 11em;
padding: 0.5em 0;
}
#column-right dl.address dd.mapit {
border: none;
margin-left: 11em;
padding: 0 0 0.5em 0;
}
#column-right div.source {
width: 400px; 
} 
#column-right div.source ul {
margin: 0 8px;  
}
#column-right div.source span { 
display: block; 
width: 400px;
}
#bottom-wrap {
clear: both;
height: 45px;
width: 100%;
background: url("../images/bottom-wrap.jpg") no-repeat top;
padding: 16px 0 0 0;
}
#dedication {
width: 750px;
font: 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #202e37;
text-align: center;
line-height: 20px;
margin: 0 auto;
}
#footer {
width: 760px;
text-align: center;
padding-bottom: 10px;
}
#footer p {
color: #666;
margin-bottom: 10px;
}
#footernav {
width: 750px;
height: 35px;
text-align: center;
word-spacing: 2px;
margin: 0 auto 22px auto;
}
#credits {
height: 35px;
width: 600px;
color: #141c23;
line-height: 16px;
overflow: hidden;
margin: 0 auto;
}
#credits strong {
display: block;
font-weight: normal;
}