body {
  background: #eee url("resources/benjaminSmileBG.gif") repeat-y center top;
  color: black;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  border-top: 1px solid #2856D3;
}
#mainBlock {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  color: black;
  background-color: white;
}
#head {
  height: 72px;
  vertical-align: bottom;
  color: black;
  background-color: white;
}
h1 {
  margin: 0;
  padding: 0;
  font-size: 1.8em;
}
#head h2 {
  position: absolute;
  top: 0;
  right: 0;
  padding: 72px 0 0 0;
  margin: 0;
  overflow: hidden;
  background-image: url("resources/DrGeraldCBenjamin.gif");
  background-repeat: no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:72px; /* for IE5.5's bad box model */
  width: 549px;
}
h3 {
  margin: 0;
  padding: 0;
}
a:hover {
  background-color: inherit;
  color: #77f;
}
#logo {
  position: absolute;
  /*top: 22px;
  left: 10px;*/
  top: 0;
  left: 0;
}
#logo.fp {
  z-index: 1;
}
#menuTop {
  background: #adb7d3 url("resources/menuBarTop.jpg") no-repeat center top;
  color: black;
  text-align: right;
}
#menuBottom {
  background-color: #adb7d3;
  color: black;
}
.menu {
  height: 20px;
  margin: 0;
  padding: 0 10px;
}
.menu ul {
  position: relative;
  display: inline;
  margin: 0;
  padding: 0;
}
#menuTop ul {
  margin-left: 2em;
}
.menu ul li {
  display: inline;
  list-style-type: none;
}
.menu a:link,
.menu a:active,
.menu a:visited {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
.menu a:hover {
  text-decoration: none;
  color: #070;
  background-color: transparent;
}
.menu li.homeLink {
  padding: 0 50px 0 0;
}
.menu a:link.selected,
.menu a:active.selected,
.menu a:visited.selected,
.menu .selected {
  color: #eee;
  background-color: #322826;
  padding: 0 4px 3px 4px;
}
.menu a:hover.selected {
  color: #afa;
  background-color: #322826;
  padding: 0 4px 3px 4px;
}
#fpImage {
  position: relative;
  height: 492px;
  margin: 0;
  padding: 0;
  background: #332826 url("resources/benjaminSmileFP.jpg") no-repeat center top;
  color: black;
}
#fpAnimation {
  position: absolute;
  top: 0;
  right: 0;
}
#fpCarecredit {
  position: relative;
  padding: 0;
  background: url("resources/carecredit/carecredit-bg.png");
  height: 33px;
  text-align: center;
  vertical-align: middle;
}
#fpCarecredit a {
  text-decoration: none;
  color: black;
  background-color: transparent;
}
#fpCarecredit .paymentPlan {
  position: relative;
  top: -12px;
}
#subText {
  background-color: #C4CEEF;
  color: #222;
  height: 20px;
  margin: 0;
  padding: 0 10px;
  text-align: center;
  font-size: 0.9em;
}
#subText a {
  color: #333;
  background-color: transparent;
}
#subText a:hover {
  text-decoration: none;
}
#blogPosts {
  position: absolute;
  bottom: 1em;
  right: 1em;
  width: 370px;
  color: #bbb;
  background-color: transparent;
  /*border: 1px solid #797073;*/
}
#blogPosts h3 {
  font-size: 1em;
  /*color: #000;
  background-color: #ADB7D3;*/
  color: #bbb;
  background-color: transparent;
  padding: 2px;
  border-bottom: 1px solid #797073;
  /*text-align: center;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  opacity: .4;*/
}
#blogPosts ul {
  margin: 0;
  padding: 4px 8px;
}
#blogPosts li {
  /*white-space: nowrap;*/
  list-style: none;
}
#blogPosts img {
  vertical-align: middle;
}
#blogPosts a {
  color: #aaa;
  background-color: transparent;
  text-decoration: none;
}
#blogPosts a:hover {
  color: #ccc;
  background-color: transparent;
  text-decoration: underline;
}
#blogPosts a.highlight {
  color: #cc0;
  background-color: transparent;
  font-weight: bold;
  font-size: 1.2em;
}
#blogPosts a.highlightLight {
  color: #cc0;
  background-color: transparent;
}
#photoInfo {
  position: absolute;
  bottom: 1em;
  left: 1em;
  color: #666;
  background-color: transparent;
}
#contentBlock {
  color: black;
  background-color: white;
  margin: 0;
  padding: 0;
}
#content {
  position: relative;
  padding: 2em;
  margin: 0;
}
img.topPhoto {
  position: relative;
  float: left;
  margin: -5em 2em 1em 0;
  padding: 0;
  border: 1px solid #adb7d3;
}
img.topPhotoWide {
  position: relative;
  float: left;
  margin: -6em 2em 2em 0;
  padding: 0;
  border: 1px solid #adb7d3;
}
img.rightPhoto {
  float: right;
  margin: 0 0 1em 1em;
  border: 1px solid #adb7d3;
}

img.inlineTestimonialImage {
  float: right;
  margin: 0;
  padding: 0 4em 0 1em;
  border: none;
}
#submenu {
  float: right;
}
#flashcontent {
  position: relative;
  height: 630px;
}
#galleryText {
  position: absolute;
  right: 2em;
  bottom: 155px;
  width: 300px;
  text-align: right;
  color: #ddd;
  background-color: transparent;
}
#galleryText a {
  color: #ddd;
  background-color: transparent;
}
#galleryText a:hover {
  color: #fff;
  background-color: transparent;
}
#news li {
  margin-bottom: 0.5em;
}
#news a {
  font-size: 1.1em;
  font-weight: bold;
}
.callOutLeft {
  float:left;
  width: 200px;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 1.2em;
  font-style: italic;
  margin: 0.5em 1em 0.5em 0;
  padding: 0.5em 0.5em 0.5em 1em;
  color: #444;
  background-color: #E8EBFF;
  border: 1px solid #666;
}
.callOutRight {
  float:right;
  width: 200px;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 1.2em;
  font-style: italic;
  margin: 0.5em 0 0.5em 1em;
  padding: 0.5em 0.5em 0.5em 1em;
  color: #444;
  background-color: #E8EBFF;
  border: 1px solid #666;
}
#innerMenu {
  padding: 0;
  margin: 0;
}
#innerMenu li {
  display: inline;
  list-style: none;
  background-color: #EFF3F4;
  color: black;
  padding: 0.5em 2em;
  border-right: 2px solid white;
}
#innerMenu a {
  text-decoration: none;
}
#ccRightCol {
  float: right;
  width: 320px;
  margin: 18px 0 100px 20px;
  padding: 0;
}
.ccBlock {
  margin: 0 0 2em 0;
  padding: 1em;
  background-color: #aec6c8;
  color: white;
}
.ccBlock h2 {
  margin: 0 0 0.5em 0;
}
.ccBlock ul {
  padding-left: 2em;
}
.ccBlock li {
  padding-bottom: 0.5em;
}
.ccBlock a {
  text-decoration: none;
  color: #156167;
  background-color: transparent;
}
.ccBlock a:hover {
  color: #77f;
  background-color: transparent;
}
#ccCalc input {
  margin-top: 6px;
}
.padTop {
  margin-top: 1.5em;
}
table#photoTable {
  margin: 1em 0 0 0;
  border: 1px solid #999;
}
table#photoTable td {
   vertical-align: top;
   padding: 1em 1em 1em 0;
   background-color: #eef;
   color: black;
}
table#photoTable td.photo {
   padding: 0 1em 0 0;
}
table#photoTable td.photo img {
  border: 1px solid #adb7d3;
  margin: 1em;
}
table#photoTable td.b {
  background-color: #dde;
  color: black;
}
table#photoTable td.leftdash {
  border-left: 1px solid #999;
}
table#photoTable td.topdash {
  border-top: 1px solid #999;
}
#treatmentsTable th {
  background-color: #dde;
  color: black;
  font-size: 1.2em;
}
#treatmentsTable td {
  width: 50%;
  background-color: #eef;
  color: black;
}
#treatmentsTable li {
  margin: 0 1em 1em 0;
}
#treatmentsTable li li {
  margin: 0;
}
.indent {
  margin-left: 2em;
}
.big {
  font-size: 120%;
}
a img {
  border: none;
}
#contactForm {
  float: right;
  padding: 1em 1em 2em 1em;
  margin: -1em -1em 1em 0;
  background-color: #DFE6F9;
  color: black;
}
td {
  vertical-align: top;
}
dt {
  font-weight: bold;
  font-size: 1.1em;
}
.googleMap {
  float: right;
  margin: 0 0 1em 0;
}
#directions2 {
  clear: both;
}
#piclensButton {
  float: right;
}
#piclensButton a {
  text-decoration: none;
}
#beforeAfterMenu {
  margin: 0;
  padding: 0;
}
#beforeAfterMenu li {
  display: inline;
  list-style: none;
  margin: 0 4px 0 0;
  padding: 2px 10px 0 10px;
  color: black;
  background-color: #dde;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
#beforeAfterMenu li.selected {
  position: relative;
  color: black;
  background-color: #eef;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #eef;
}
#beforeAfterMenu a {
  text-decoration: none !important;
}
#beforeAfterTable {
  margin: 0;
}
#beforeAfterTable tr.a,
li.a {
  background-color: #eef;
  color: black;
}
#beforeAfterTable tr.b,
li.b {
  background-color: #dde;
  color: black;
}
#beforeAfterTable td {
  vertical-align: top;
  padding: 1.5em 1em 1em 1em;
  border-top: 1px solid #999;
}
#beforeAfterTable td.noBorder {
  padding: 0 1em 1em 1em;
  border-top: none;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
#beforeAfterTable td.left {
  width: 200px;
  border-left: 1px solid #999;
}
#beforeAfterTable td.right {
  border-right: 1px solid #999;
}
#beforeAfterTable td.last {
  border-bottom: 1px solid #999;
}
#beforeAfterTable td ul {
  padding: 0 0 0 1em;
  margin: 0.5em 0 0 0;
}
#beforeAfterTable td ul li {
  padding: 0 1em 0.25em 0.5em;
  list-style: disc;
}
#beforeAfterTable img {
  border: 1px solid #003;
}
#flashGalleryButton {
  float: right;
  margin-top: 1em;
}
#flashGalleryButton a {
  color: white;
  background: #adb7d3 url("resources/titleGallery.jpg") no-repeat top center;
  padding: 15px 20px;
  text-decoration: none;
}
#flashGalleryButton a:hover {
  color: black;
  background-color: #dde;
  background-image: none;
}
ul.star {
  margin: 1em 0;
  padding: 0;
}
ul.star li {
  padding: 1em;
  /*list-style-image : url(images/bullet.gif);*/
  list-style: none;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
ul.star li.last {
  border-bottom: 1px solid #999;
}
#accommodations h3 {
  margin: 1em 0 -1em 0;
  padding: 0;
}
#accommodations strong {
  font-size: 1.2em;
}
#accommodations #rightBox {
  float: right;
  width: 250px;
  margin: 2em 0 1em 1em;
  padding: 0;
  background-color: #eef;
  color: black;
}
#accommodations #rightBox h4 {
  margin: 0;
  padding: 4px;
  background-color: #dde;
  color: black;
  border-bottom: 2px solid white;
  text-align: center;
}
#accommodations #rightBox p {
  margin: 2px 4px 0 2px;
  font-size: 0.9em;
}
#accommodations #rightBox ul {
  margin: 0;
  padding: 0;
}
#accommodations #rightBox ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
}
#accommodations #rightBox a {
  display: block;
  margin: 1em 1em 0 1em;
  padding: 0 0 4px 0;
  text-decoration: none;
  color: black;
  background-color: #dde;
  text-align: center;
  font-weight: bold;
}
#accommodations #rightBox a:hover {
  color: black;
  background-color: #E9C879;
}
#accommodations #rightBox img {
  float: left;
  margin: 0 0 1em 0;
  margin-right: 4px;
}
#accommodations #leftBox {
  width: 680px;
  margin: 0;
  padding: 0;
}
#accommodations #DivSt {
  border: 1px solid #dde;
}
#testimonial {
  clear: both;
  color: black;
  background-color: #eef;
  padding: 1em 1em;
  border: 1px solid #999;
}
#testimonial img {
  margin: 0 0 1em 0;
}
#testimonial p {
  width: 500px;
  margin: 1em auto;
}
#blogFrame {
  width: 100%;
  height: 1000px;
}
.topPad {
  margin-top: 2em;
}
.invisible {
  display: none;
}
.larger {
  font-size: larger;
}
.smaller {
  font-size: smaller;
}
#faqMenu {
  width: 430px;
  margin: 1em 0;
  padding: 0;
}
#faqMenu li {
  margin: 0 0 0.2em 1.5em;
  padding: 0;
}
#faqMenu a.selected {
  text-decoration: none;
  color: black;
  background-color: white;
}
#faqContent {
  float: right;
  width: 480px;
  margin: -2em 0 1em 0;
  padding: 0;
}
#bottomBar {
  height: 20px;
  background: #adb7d3 url("resources/menuBarBottomSuper.jpg") repeat-x top left;
  color: white;
  clear: both;
}
#foot {
  color: #999;
  background-color: #eee;
  margin: 0;
  padding: 1em;
  font-size: 12px;
}
#foot .right {
  float: right;
  width: 500px;
  text-align: right;
}
#foot a {
  color: #999;
  background-color: #eee;
}
#foot a:hover {
  color: #77f;
  background-color: #eee;
}
#foot h1 {
  font-weight: normal;
  font-size: 1em;
  padding: 0 0 0.5em 0;
  margin: 0 0 0.5em 0;
  border-bottom : 1px solid #d5d5d5;
}
#foot h2 {
  font-weight: normal;
  font-size: 1em;
  padding: 0 0 0.5em 0;
  margin: 0 0 0.5em 0;
  border-bottom : 1px solid #d5d5d5;
}