/* Main Styles */

body {
font-family: Arial,sans-serif;
color: #333333;
margin: 0px;
padding: 0px;
background: #ffffff url(../images/body_bkgrd.png) repeat-x; 
height:100%;
}

#banner {
border-left: 1px solid #584621;
border-right: 1px solid #584621;
border-bottom: 1px solid #584621;
background: url(../images/banner.png) no-repeat; 
height: 155px;	
padding: 0px;
width: 758px;
margin: 0px 0px 0px -379px;
position:  relative;
top: 0px;
left: 50%;
}

#menu_buttons_box {
width: 758px;
margin: 0px 0px 0px -379px;
position: absolute;
top: 157px;
left: 50%;
display: block;
height: 48px;
padding: 0px;
}

* html #menu_buttons {
padding: 0px;
margin: 0px auto;
display: block;
width: 645px;
height: 45px;
}

#menu_buttons {
padding: 0px;
margin: 0px auto;
display: block;
width: 635px;
height: 45px;
}

/* remove the bullets, padding and margins from the lists */
.menu ul {
list-style: none;
padding: 0;
margin: 0;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li {
float: left;
position: relative;
z-index: 10000000;
top: 3px;
left: 0px;
margin: 0px 6px 0px 6px;
}

.menu li a {
color: #ffffff;
padding: 7px 7px 16px 7px;
font: bold 11px verdana, arial, sans-serif;
text-decoration: none;
text-align: left;
display: block;
}

/* style the links hover */
.menu li a:hover {
color: #333333;
font: italic 11px verdana, arial, sans-serif;
}

/* use the table to position the dropdown list */
* html .menu table {
position: absolute;
border-collapse: collapse;
z-index: 1000000000;
left: -6px;
top: 0px;
}

/* hide the sub level links */
.menu ul ul {
visibility: hidden;
position: absolute;
top: 46px;
left: -5px;
width: 165px;
height: 0;
z-index: 1000000000;
}

/* style the sublinks */
.menu ul ul li a {
color: #000000;
background: #cbc09e;
padding: 6px 0px 6px 5px;
width: 165px;
font: 11px verdana, arial, sans-serif;
border-left: 1px solid #3b3425;
border-right: 1px solid #3b3425;
border-bottom: 1px solid #3b3425;
letter-spacing: -1px;
}

.menu ul ul li a:hover {
font-style: italic;
color: #333333;
background: #ffffff;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility: visible;
z-index: 1000000000;
}

#bodymargin { 
border: 1px solid #584621;
background: #cbc09e;
width: 754px;
margin: 0px 0px 0px -377px;
position: relative;
top: 49px;
left: 50%;
padding: 0px;
}

#foto_box {
background: url(../images/flowers1.png) no-repeat; 
width: 746px;
display: block;
height: 234px;
position: relative;
left: 0px;
top: 0px;
z-index: 1;
}

#foto_box h2 {
text-align: center;
width: 284px;
position: absolute;
top: 52px;
left: 295px;
font: italic 28px "Times New Roman", Times, serif;
color: #065304;
padding: 0px;
margin: 0px;
}

#foto_box h2.h2_index {
text-align: center;
width: 284px;
position: absolute;
top: 30px;
left: 295px;
font: italic 32px "Times New Roman", Times, serif;
color: #065304;
padding: 0px;
margin: 0px;
}

#foto_box h5 {
z-index: 100000;
text-align: center;
width: 284px;
position: absolute;
top: 96px;
left: 295px;
font: italic 20px "Times New Roman", Times, serif;
color: #632e72;
padding: 0px;
margin: 0px;
}

span.h2_header_reduce {
font-size: 20px;
}

#foto_subbanner {
z-index: 10000;
position: absolute;
top: 12px;
left: 12px;
height: 180px;
width: 280px;
}

#border_margin {
background: #ffffff;
display: block;
margin: 3px 3px 3px 3px;
padding: 0px;
border-top: 1px solid #584621;
border-left: 1px solid #584621;
border-right: 1px solid #584621;
border-bottom: 1px solid #584621;
}

#content_margin {
top: -40px;
position: relative;
z-index: 10000;
display: block;
margin: 0px 15px 0px 15px;
padding: 0px;
}

/* border: 1px solid #584621; */

#margin_spacer {
float: right;
display: block;
position: relative;
top: -1px;
left: 1px;
width: 157px;
height: 200px;
}

#content_margin h3 {
text-align: left;
font: bold 20px "Times New Roman", Times, serif;
color: #6c5027;
padding: 5px 0px 0px 0px;
margin: 0px 0px 8px 0px;
}

#content_margin h4 {
text-align: left;
font: italic bold 17px "Times New Roman", Times, serif;
color: #6c5027;
padding: 0px 0px 0px 0px;
margin: 0px 0px 9px 0px;
}

#content_margin p {
text-align: justify;
font: 14px "Times New Roman", Times, serif;
color: #462b04;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}

#content_margin a.inline_link {
display: inline;
text-decoration: underline;
text-align: justify;
font: 14px "Times New Roman", Times, serif;
color: #903110;
padding: 0px 0px 7px 0px;
margin: 0px;
}

#content_margin a:hover.inline_link {
text-decoration: underline;
color: #cc6541;
}

#content_margin ul {
padding: 0px;
margin: 0px 0px 7px 20px;
list-style: outside disc;
}

#content_margin ul li {
font: italic 14px "Times New Roman", Times, serif;
color: #096807;
padding: 0px 0px 3px 0px;
margin: 0px;
}

#content_margin ol {
padding: 0px;
margin: 0px 0px 7px 30px;
}

#content_margin ol li {
font: 14px "Times New Roman", Times, serif;
color: #096807;
padding: 0px 0px 3px 0px;
margin: 0px;
}

#content_margin ul li.link_description {
list-style: none;
font: 14px "Times New Roman", Times, serif;
color: #462b04;
padding: 0px 0px 0px 0px;
margin: 0px;
}

#content_margin img.inline_photos {
border: 1px solid #487a82;
width: 193px; 
height: 257px;
}

.procedure_link_bullets .heading a {
display: table;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #bc4b19;
padding: 0px 0px 0px 0px;
margin: 10px 0px 6px 0px;
}

.procedure_link_bullets .heading a:hover {
color: #d46331;
}

#content_margin .procedure_link_bullets ul {
list-style: inside square;
padding: 0px 0px 0px 0px;
margin: 0px 0px 8px 15px;
}

.procedure_link_bullets ul li a {
font: italic 13px Verdana, Arial, Helvetica, sans-serif;
color: #903110;
text-decoration: underline; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.procedure_link_bullets ul li a:hover {
color: #cc6541;
text-decoration: none;
}

#content_margin #teeth_boxes_container {
background: #f1f8f6;
border: 1px solid #584621;
margin: 20px auto 15px auto;
padding: 10px 0px 8px 112px;
display: block;
width: 588px;
height: 608px;
}

#content_margin .teeth_boxes {
background: #ffffff;
border: 3px double #584621;
margin: 15px 0px 0px 15px;
padding: 15px;
display: block;
width: 180px;
height: 245px;
float: left;
}

#content_margin .teeth_boxes img{
width: 150px; 
height: 100px; 
margin: 0px auto 10px auto; 
display: block;
}

#content_margin .teeth_boxes p {
display: block;
text-align: justify;
font: 12px Arial, Helvetica, sans-serif;
color: #462b04;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}

#content_margin .teeth_boxes2 {
margin: 10px 0px 0px 0px;
padding: 15px;
display: block;
}

#content_margin .teeth_boxes2 img{
width: 150px; 
height: 100px; 
margin: 0px 25px 0px 0px; 
display: block;
float: left;
}

#content_margin .teeth_boxes2 p {
display: block;
text-align: justify;
font: 12px Arial, Helvetica, sans-serif;
color: #462b04;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#rightside {
z-index: 3000000;
width: 146px;
position: absolute;
left: 593px;
top: 12px;
}

#rightside .twitterfacebook {
margin-top: 10px;
height: 20px;
}

#rightside .twitterfacebook a {
padding-right: 3px;
font: bold 10px Arial, Helvetica, sans-serif;
color: #006633; 
text-decoration: none;
}

#rightside .twitterfacebook a:hover {
color: #009933; 
text-decoration: underline;
}

#rightside .twitterfacebook img {
height: 16px;
width: 16px;
vertical-align: text-bottom;
}

.nav a {
display:block;
border: 1px solid #7e6324;
height: 20px;
width: 146px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #584621;
letter-spacing: -1px;
text-decoration: none;
background: transparent url(../images/button.png) repeat-x; 
padding: 7px 0px 0px 0px;
text-align: center;
margin: 0px 0px 6px 0px;
}

.nav a:hover {
color: #ffffff;
background: transparent url(../images/button_hi.png) repeat-x;
}

#nav_hi_preload {
background: url(../images/button_hi.png) no-repeat;
overflow: hidden;
position: absolute;
height: 1px;
width: 1px;
left: -9999px;
top: -9999px;    
}

#bottomlinks {
display: block;
border: 1px solid #7e6324;
margin: 0px 15px 0px 15px;
padding: 5px 10px 10px 10px;
background: #f1f8f6;
}

#bottomlinks h1 {
text-decoration: underline;
margin: 0px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 0px 5px 0px;
color: #5c7f77;
}

#bottomlinks h1 a {
text-decoration: underline;
margin: 0px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 0px 5px 0px;
color: #5c7f77;
}

#bottomlinks h1 a:hover {
text-decoration: none;
color: #666666;
}

#bottomlinks p {
margin: 0px;
font:  11px Verdana, Arial, Helvetica, sans-serif;
padding: 0px 0px 8px 0px;
color: #629186;
}

.rss {
display: block;
border: 1px solid #7e6324;
margin: 20px 0px -10px 0px;
padding: 5px 10px 10px 10px;
background: #f7fadc;
}

#content_margin .rss h3 {
text-align: center;
font: bold 20px "Times New Roman", Times, serif;
color: #6c5027;
padding: 5px 0px 10px 0px;
margin: 0px;
}

.rss h1 a {
text-decoration: underline;
margin: 0px;
font: bold 15px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 0px 5px 0px;
color: #5c7f77;
}

.rss h1 a:hover {
text-decoration: none;
color: #666666;
}

.rss p {
margin: 0px;
font:  11px Verdana, Arial, Helvetica, sans-serif;
padding: 0px 0px 8px 0px;
color: #629186;
}

.footer {
z-index: 200;
padding: 0px 0px 0px 0px;
margin: 30px 0px 0px 0px;
width: 100%;
position: relative;
bottom: 0px;
}

#subfooter1 {
height: 24px;
text-align: center;
padding: 0px 0px 0px 0px;
}

#subfooter1 a {
text-decoration: none;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #000000; 
margin: 0px;
text-align: center;
}

#subfooter1 a:hover {
color: #b3996f; 
} 

#subfooter2 {
border-top: 1px solid #9d803c;
height: 27px;
background: transparent url(../images/button_hi.png) repeat-x; 
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
margin: 0px 0px 0px 0px;
}

#subfooter2 a {
text-decoration: none;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff; 
margin: 0px;
text-align: center;
}

#subfooter2 a:hover {
color: #000000; 
} 


br.clear {
clear: both;
line-height: 1px;
overflow: hidden;
width: 0;
height: 0;
}

/* start email */

#spam {
font-size: 10px; 
color:#cc3300; 
padding-bottom: 4px; 
}

#email {
background: url(../images/email.png);
width: 200px;
height: 23px;
margin: 0px auto 10px auto;
}

.email_border {
padding: 0px 0px 0px 0px;
margin: 15px auto 0px auto;
display: table;  
border: 3px double #7e6324;
background: #f1f8f6;
width: 600px;
height: 650px;
}

.email_border_return {
font: 18px Verdana, Arial, Helvetica, sans-serif;
color: #096807; 
line-height: 24px; 
text-align: center; 
padding: 30px 15px 0px 15px;
border: 3px double #7e6324;
background: #f1f8f6;
width: 600px;
height: 150px;
margin: 15px auto 0px auto;
display: table; 
}

* html .emailbkgd {
background:#ffffff;
border: 1px solid #000000;
margin: 5px 0px 0px 0px;
padding: 3px 2px 1px 2px;
width: 280px;
height: 18px;
white-space: normal;
float:right;
font: normal 12px verdana, arial, sanf-serif;
color: #000000;
}

.emailbkgd {
background:#ffffff;
border: 1px solid #000000;
margin: 10px 0px 0px 0px;
padding: 3px 2px 1px 2px;
width: 280px;
height: 18px;
white-space: normal;
float:right;
font: normal 12px verdana, arial, sanf-serif;
color: #000000;
}

* html .emailbkgd2 {
background:#ffffff;
border: 1px solid #000000;
margin: 5px 0px 10px 0px;
padding: 3px 2px 5px 2px;
width: 280px;
height: 200px;
float:right;
font: normal 12px verdana, arial, sanf-serif;
color: #000000;
}

.emailbkgd2 {
background:#ffffff;
border: 1px solid #000000;
margin: 10px 0px 10px 0px;
padding: 3px 2px 5px 2px;
width: 280px;
height: 200px;
float:right;
font: normal 12px verdana, arial, sanf-serif;
color: #000000;
}

#emailbox {
width: 350px;
display: table;
padding: 15px 0px 15px 0px;
margin: 0px auto;
}

#emailbox p {
padding: 0px; 
margin: 0px; 
text-align: center;
}

.email_left {
font: 14px "Times New Roman", Times, serif;
color: #000000;
float:left;
height: 18px;
margin: 12px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#name_box {
margin: 0px;
width: 350px;
padding: 0px;
float: right;
display: block;	
height:30px;
}

#email_box {
margin: 0px;
width: 350px;
padding: 0px;
float:right;
display: block;	
height:30px;
}

#subject_box {
margin: 0px;
width: 350px;
padding: 0px;
float:right;
display: block;	
height:30px;
}

#phone_box {
margin: 0px;
width: 350px;
padding: 0px;
float:right;
display: block;	
height:30px;
}

* html #message_box {
margin: 0px 0px 0px 0px;
width: 350px;
padding: 0px;
float:right;
display: block;	
height:205px;
}

#message_box {
margin: 0px 0px 30px 0px;
width: 350px;
padding: 0px;
float:right;
display: block;	
height:205px;
}

#code_box {
margin: 0px;
width: 240px;
padding: 0px 0px 0px 64px;
display: block;	
height: 18px;
}

.emailbkgd_code {
background:#ffffff;
border: 1px solid #000000;
margin: 0px 0px 0px 0px;
width: 80px;
height: 18px;
float:left;
}

#send {
position: relative;
top: 40px;
margin: 0px;
float:right;
}

/***   appt request ***/

.email_border_appt {
padding: 0px 0px 0px 0px;
margin: 15px auto 0px auto;
display: table;  
border: 3px double #7e6324;
background: #f1f8f6;
width: 600px;
height: 760px;
}

#emailbox_appt {
width: 560px;
display: table;
padding: 15px 0px 15px 0px;
margin: 0px auto;
}

.email_border_return_appt {
font: 18px Verdana, Arial, Helvetica, sans-serif;
color: #096807; 
line-height: 24px; 
text-align: center; 
padding: 30px 15px 0px 15px;
border: 3px double #7e6324;
background: #f1f8f6;
width: 600px;
height: 150px;
margin: 15px auto 0px auto;
display: table; 
}

.field_box_appt {
margin: 0px;
width: 560px;
padding: 0px;
float:right;
display: block;	
height:30px;
}

.message_box_appt {
margin: 0px 0px 0px 0px;
width: 560px;
padding: 0px;
float:right;
display: block;	
height:286px;
}

.checkbox_box_appt {
margin: -7px 0px 0px 0px;
width: 560px;
padding: 0px;
float:right;
display: block;	
height:30px;
}

.quote_input_appt {
font: 14px "Times New Roman", Times, serif;
color: #000000;
float: right; 
margin: 10px 0px 0px 20px;
}

.quote_left_appt{
font: 14px "Times New Roman", Times, serif;
color: #000000;
float:left;
height: 36px;
margin: 12px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.quotebkgd_appt {
background:#ffffff;
border: 1px solid #000000;
margin: 10px 0px 0px 0px;
padding: 3px 2px 1px 2px;
width: 280px;
height: 18px;
white-space: normal;
float:right;
font: normal 12px verdana, arial, sanf-serif;
color: #000000;
}

.quotebkgd2_appt {
background:#ffffff;
border: 1px solid #000000;
margin: 10px 0px 10px 0px;
padding: 3px 2px 5px 2px;
width: 554px;
height: 200px;
float:right;
font: normal 12px verdana, arial, sanf-serif;
color: #000000;
}

#code_box_appt {
float: left;
margin: 0px;
width: 400px;
padding: 0px 0px 0px 0px;
display: block;	
height: 30px;
} 

.spam_appt {
border: 1px solid #000000;
background:#ffffff;
margin: 0px 0px 0px 20px;
width: 80px;
height: 30px;
float:left;
}

#quotesend_appt {
margin: 0px 0px 0px 0px;
height: 30px;
position: relative;
top: 60px;
float: right;
display: block;
}
