/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html, body { margin:0; padding:0; }
body { background-color: #f8f2e8; font-family: Arial, Helvetica, serif; }

div.half { float: left; width: 47%; }

a { color: #990000; }

body.home div#masthead { background-color: #990000; border-bottom: 1px solid #660000; height: 273px; }
body.home div#masthead h1 {
  float: left;
  margin: 0; 
  padding: 0;
  width: 285px;
  height: 273px;
  
  border-right: 1px solid #660000;
  text-indent: -9000px;
  background: #990000 url("../images/columbusoms_logo_large.png") top left no-repeat;
}

body.home div#masthead div#frontpage_image { float: left; margin: 8px 0 0 8px; }
body.home div#masthead div#frontpage_image img { border: 2px solid #AA0000; }

div#main_menu { background-color: #826c4d; padding: 7px 0px; }
div#main_menu ul { margin: 0; padding: 0; list-style: none; }
div#main_menu ul li { 
  float: left; 
  margin: 0px 10px; 
  background-image: url("../images/main_menu.gif");
  background-color: transparent;
  background-repeat: no-repeat;
  text-indent: -9000px;
}
div#main_menu ul li, div#main_menu a { height: 15px; }
div#main_menu ul li a { display: block; }

div#main_menu ul li.home, div#main_menu ul li.home a { width: 48px; background-position: 0px 0px; }
div#main_menu ul li.about_us, div#main_menu ul li.about_us a { width: 73px; background-position: -48px 0px; }
div#main_menu ul li.procedures, div#main_menu ul li.procedures a { width: 100px; background-position: -121px 0px; }
div#main_menu ul li.appointments, div#main_menu ul li.appointments a { width: 120px; background-position: -221px 0px; }
div#main_menu ul li.finances, div#main_menu ul li.finances a { width: 75px; background-position: -341px 0px; }
div#main_menu ul li.questions, div#main_menu ul li.questions a { width: 86px; background-position: -416px 0px; }
div#main_menu ul li.locations, div#main_menu ul li.locations a { width: 88px; background-position: -502px 0px; }
div#main_menu ul li.contact_us, div#main_menu ul li.contact_us a { width: 93px; background-position: -590px 0px; }

div#main_content { width: 760px; padding: 0 20px; font-size: 0.85em; }
h1.contact {
  margin: 0;
  font-size: 1em;
  text-transform: uppercase;
  color: #900;
}
h2 { width: 760px; margin-left: 10px; margin-bottom: 0; padding: 10px; background-color: #e0dbd2; }
h3.about_us {
  color: #990000;
}
h3.section {
  padding-top: 15px; border-top: 1px dashed #000; color: #990000; margin-bottom: 0;
}
a.return_to_top {
  float: right;
  font-size: 0.81em;
  font-weight: normal;
}
div#main_content p#call_out_box {
  margin: 15px auto;
  padding: 10px;
  font-size: 1.25em;
  background-color: #e0dbd2;
}
div#main_content p.call_out_link {
  font-size: 1.5em;
  text-align: center;
}
div.adr {
  margin-bottom: 15px;
}
div.adr span.extended-address,
div.adr span.street-address {
  display: block;
}

a#google_map img {
  border: 1px solid #999;
}

span.phone {
  color: #990000;
  font-weight: bold;
}

body.locations #map { float: left; width: 550px; height: 300px; border: 1px solid #826C4D; }

div#masthead { background-color: #990000; border-bottom: 1px solid #660000; height: 83px; }
div#masthead h1 {
  float: left;
  margin: 0; 
  padding: 0;
  width: 285px;
  height: 83px;
  
  border-right: 1px solid #660000;
  text-indent: -9000px;
  background: #990000 url("../images/columbusoms_logo_small.png") top left no-repeat;
}

a#demo_download { 
  padding: 7px 0 7px 30px;
  background: transparent url("../images/download_small.png") top left no-repeat;
}

div#footer {
  width: 760px;
  margin: 10px;
  padding: 10px;
  
  background-color: #e0dbd2;
  font-size: 0.75em;
}

form div.field { margin-bottom: 10px; }
div.third { width: 32%; }
div.left { float: left; }
div.clear { clear: both; }
form div.field label { display: block; color: #990000; font-weight: bold; text-transform: uppercase; }
form div.field input[type=text] { width: 90%; }
form div.field textarea { width: 93%; }

div#facebox .body { background-color: #F8F2E8; }
div.dental_implants { width: 600px; height: 450px; overflow-x: hidden; overflow-y: auto; padding-right: 20px; }
div.dental_implants h2 { font-size: 1em; margin-left: 0px;}
div.dental_implants p { padding-left: 15px; font-size: 0.85em; }

table#before_after { margin: 0 auto; }
table#before_after td { padding: 2px; text-align: center; font-size: 0.7em; }