@charset "UTF-8";

html, body {margin:0px; padding:0px; text-align: center;}

body {font-size: 14px; line-height: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/background.jpg); color: #302710;}

h1 { font-family: Arial, sans-serif; text-align: left; margin: 0px 0px 10px 0px; padding: 9px 0px 10px 0px; height: 20px; font-size: 20px; color: #312610; font-weight: normal; background: url(images/logo.gif) top right no-repeat;}

h1.no_image { text-align: left; margin: 0px 0px 10px 0px; padding: 9px 0px 10px 0px; height: 22px; font-size: 20px; color: #312610; font-weight: normal;background: none; }

h2 { font-size: 20px; font-weight: normal; }

p { margin: 0px 0px 10px 0px; padding: 0; line-height: 15px; }

/*---- Homepage Content styles ----*/
div#home_content { width: 880px; margin: 0px auto 45px auto; color: #ffffff; font-family: Verdana, sans-serif; font-size: 9px; letter-spacing: 0.07em; line-height: 20px; }
h1#home_h1 { background: none; font-family: Arial, sans-serif; text-align: center; color: #ffffff; font-size: 14px; letter-spacing: 0.05em; font-weight: normal; margin: 0px 0px 0px 0px; }
div#home_content a { color: #ffffff; text-decoration: underline; }
div#home_content a:hover { text-decoration: none; }

/*
a:link { font-weight: bold; color: #2B1A0B; text-decoration: none;}
a:visited { font-weight: bold; color: #2B1A0B; text-decoration: none;}
a:active { font-weight: bold; color: #2B1A0B; text-decoration: underline;}
a:hover { font-weight: bold; color: #2B1A0B; text-decoration: underline;}
*/

a { font-weight: bold; color: #2B1A0B; text-decoration: none;}
a:hover { font-weight: bold; color: #2B1A0B; text-decoration: underline;}

a img { border: none; }

#wrapper {margin:0 auto; width:751px; clear:both;}

#top {margin:0 auto; width:751px; display:block; clear:both; }

#main_nav {margin:0 auto; width:751px; display:block; clear:both; }

TD {
font-size: 8pt;
line-height: 12pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #302710;
}

/*Main Logo in the H1*/
#main_logo { float: right; }


/*Repeating backgrounds*/
.backtop { background: url(images/background_top.jpg) bottom left repeat-x; width:100%; }

.backmid { padding: 10px 0px; background: url(images/background_middle.jpg) top left repeat; width:100%;}

.backbottom { background: url(images/background_bottom.jpg) top left repeat-x; width:100%; }

.backmain { background: url(images/background_main.jpg) top left repeat; width:100%; }

.backhome {margin:0 auto 0 auto; width:712px; height:444px; display:block; clear:none; background: url(images/background_home.jpg) top left no-repeat; }

/*Main Content*/
.main_content {margin:0 auto; width:712px; display:block; clear:both; text-align: center; }

.main_text { text-align: left; margin: 0px auto 0px auto; padding: 30px 0px 0px 0px; width: 325px; font-size: 11px; font-weight: normal; }

.main_text p { line-height: 16px; }

/*Left Column*/
.left_col_welcome { width: 424px; height: 551px; float: left; background: url(images/background_main.jpg) top left repeat-y; }

.left_col_about { width: 424px; height: 607px; float: left; display: inline; background: url(images/background_about.jpg) bottom left no-repeat; }

.left_col_about_office { width: 424px; height: 777px; float: left; display: inline; background: url(images/background_about.jpg) bottom left no-repeat; }

.left_col_about_team { width: 424px; height: 647px; float: left; display: inline; background: url(images/background_team.jpg) bottom left no-repeat; }

.left_col_about_team2 { width: 424px; height: 647px; float: left; display: inline; background: url(images/background_main.jpg) bottom left repeat-y; }

.left_col_special { width: 424px; height: 647px; float: left; display: inline; background: url(images/background_main.jpg) bottom left repeat-y; }

.left_col_meet { width: 424px; height: 600px; float: left; background: url(images/background_meet.jpg) bottom left no-repeat; }

.left_col_meet2 { width: 424px; height: 838px; float: left; background: url(images/background_main.jpg) bottom left repeat-y; }

.left_col_meet_lvi { width: 424px; height: 815px; float: left; background: url(images/background_main.jpg) bottom left repeat-y; }

.left_col_meet_affil { width: 424px; height: 815px; float: left; background: url(images/background_main.jpg) bottom left repeat-y; }

.left_col_meet_articles { width: 424px; height: 1090px; float: left; background: url(images/background_main.jpg) bottom left repeat-y; }

.left_col_meet_links { width: 424px; height: 602px; float: left; background: url(images/background_main.jpg) bottom left repeat-y; }

.left_col_gallery { width: 424px; height: 530px; float: left; display: inline; background: url(images/background_gallery.jpg) bottom left no-repeat; }

.left_col_gallery_people { width: 425px; height: 475px; float: left; display: inline; background: url(images/background_main.jpg) top left repeat-y; }

.left_col_testimonials { width: 424px; height: 635px; float: left; background: url(images/background_main.jpg) top left repeat-y; }

.left_col_test_pages { width: 424px; height: 584px; float: left; background: url(images/background_main.jpg) top left repeat-y; }

.left_col_services { width: 424px; height: 712px; float: left; background: url(images/background_services.jpg) bottom left no-repeat; }

.left_col_skin-facial { width: 425px; height: 765px; float: left; display: inline; background: url(images/background_main.jpg) top left repeat-y; }

.left_col_neuro { width: 425px; height: 925px; float: left; display: inline; background: url(images/background_main.jpg) top left repeat-y; }

.left_col_cosmetic { width: 425px; height: 835px; float: left; display: inline; background: url(images/background_main.jpg) top left repeat-y; }

.left_col_cosmetic_fillings { width: 425px; height: 1079px; float: left; display: inline; background: url(images/background_main.jpg) top left repeat-y; }

.left_col_implants { width: 425px; height: 765px; float: left; display: inline; background: url(images/background_main.jpg) top left repeat-y; }

.left_col_perio { width: 425px; height: 1055px; float: left; display: inline; background: url(images/background_main.jpg) top left repeat-y; }

.left_col_prevent { width: 425px; height: 765px; float: left; display: inline; background: url(images/background_main.jpg) top left repeat-y; }

.left_col_steril { width: 425px; height: 765px; float: left; display: inline; background: url(images/background_main.jpg) top left repeat-y; }

.left_col_invisalign { width: 425px; height: 2473px; float: left; display: inline; background: url(images/background_main.jpg) top left repeat-y; }

.left_col_faq { width: 424px; height: 905px; float: left; display: inline; background: url(images/background_main.jpg) bottom left repeat-y; }

.left_col_contact { width: 424px; height: 1050px; float: left; display: inline; background: url(images/background_contact.jpg) bottom left no-repeat; }

.left_col_contact_special { width: 424px; height: 1050px; float: left; display: inline; background: url(images/background_main.jpg) bottom left repeat-y; }

.left_col_contact_map { width: 424px; height: 607px; float: left; display: inline; background: url(images/background_main.jpg) bottom left repeat-y; }

.left_col_sitemap { width: 424px; float: left; background: url(images/background_main.jpg) top left repeat-y; }
.left_col_tmj { width: 425px; height: 1950px; float: left; display: inline; background: url(images/background_main.jpg) top left repeat-y; }


/*Right Column*/
.right_col { width: 275px; float: right;}

.right_col_welcome { float: right; display: inline; width: 275px; height: 250px; background: url(images/welcome_image.jpg) top left no-repeat; }

.right_col_about { float: right; display: inline; width: 275px; height: 251px; background: url(images/background_about2.jpg) bottom left no-repeat; }

.right_col_about_office { float: right; display: inline; width: 275px; height: 421px; background: url(images/background_about2.jpg) bottom left no-repeat; }

.right_col_about_team { float: right; display: inline; width: 275px; height: 291px; background: url(images/background_main.jpg) bottom left repeat-y; }

.right_col_about_team2 { float: right; display: inline; width: 275px; height: 291px; background: url(images/background_main.jpg) bottom left repeat-y; }

.right_col_meet { width: 275px; height: 187px; background: url(images/background_meet2.jpg) bottom left no-repeat; }

.right_col_meet2{ width: 275px; height: 425px; background: url(images/background_meet2.jpg) bottom left no-repeat; }

.right_col_meet_special { width: 275px; height: 402px; background: url(images/background_main.jpg) bottom left repeat-y; }

.right_col_meet_special2 { width: 275px; height: 677px; background: url(images/background_main.jpg) bottom left repeat-y; }

.right_col_meet_special3 { width: 275px; height: 425px; background: url(images/background_main.jpg) bottom left repeat-y; }

.right_col_meet_lvi { width: 275px; height: 402px; background: url(images/background_meet2.jpg) bottom left no-repeat; }

.right_col_meet_affil { width: 275px; height: 402px; background: url(images/background_meet2.jpg) bottom left no-repeat; }

.right_col_meet_articles { width: 275px; height: 677px; background: url(images/background_meet2.jpg) bottom left no-repeat; }

.right_col_meet_links { width: 275px; height: 190px; background: url(images/background_meet2.jpg) bottom left no-repeat; }

.right_col_gallery { float: right; display: inline; width: 275px; height: 398px; background: url(images/background_main.jpg) bottom left no-repeat; }

.right_col_gallery_people { float: right; display: inline; width: 275px; height: 475px; background: url(images/background_photos.jpg) top left no-repeat; }

.right_col_gallery_video { float: right; display: inline; width: 275px; height: 343px; background: url(images/background_main.jpg) top left repeat-y; }

.right_col_testimonials { float: right; display: inline; width: 275px; height: 251px; background: url(images/background_testimonials.jpg) bottom left no-repeat; }

.right_col_test_pages { float: right; display: inline; width: 275px; height: 200px; background: url(images/background_main.jpg) bottom left no-repeat; }

.right_col_services { width: 275px; height: 187px; background: url(images/background_services2.jpg) bottom left no-repeat; }

.right_col_skin-facial { width: 275px; height: 240px; background: url(images/background_services2.jpg) bottom left no-repeat; }

.right_col_neuro { width: 275px; height: 400px; background: url(images/background_services3.jpg) bottom left no-repeat; }

.right_col_cosmetic { width: 275px; height: 310px; background: url(images/background_services4.jpg) bottom left no-repeat; }

.right_col_cosmetic_fillings { width: 275px; height: 554px; background: url(images/background_services4.jpg) bottom left no-repeat; }

.right_col_fillings_special { width: 275px; height: 554px; background: url(images/background_main.jpg) bottom left repeat-y; }

.right_col_implants { width: 275px; height: 240px; background: url(images/background_steril2.jpg) bottom left no-repeat; }

.right_col_perio { width: 275px; height: 530px; background: url(images/background_services3.jpg) bottom left no-repeat; }

.right_col_prevent { width: 275px; height: 240px; background: url(images/background_steril2.jpg) bottom left no-repeat; }

.right_col_steril { width: 275px; height: 240px; background: url(images/background_steril2.jpg) bottom left no-repeat; }

.right_col_invisalign { width: 275px; height: 1948px; background: url(images/background_main.jpg) bottom left repeat-y; }

#special_right_col { width: 275px; height: 1948px; background: url(images/background_services2.jpg) bottom left no-repeat; }

.right_col_faq { float: right; display: inline; width: 275px; height: 604px; background: url(images/background_main.jpg) bottom left repeat-y; }

.right_col_contact { float: right; display: inline; width: 275px; height: 275px; background: url(images/background_contact3.jpg) top left no-repeat; }

.right_col_contact_special { float: right; display: inline; width: 275px; height: 693px; background: url(images/background_main.jpg) top left repeat-y; }

.right_col_contact_map { float: right; display: inline; width: 275px; height: 251px; background: url(images/background_main.jpg) top left no-repeat; }

.right_col_tmj { width: 275px; height: 1425px; background: url(images/background_main.jpg) top left repeat-y; }
.right_tmj_inner { width: 275px; height: 1425px; background: url(images/background_services4.jpg) bottom left no-repeat; }

/*Right Navigation*/
.nav_column { width: 275px; height: auto; text-align: center; background-color: #9c836a; margin: 0px 0px 0px 0px; }

ul.nav_list { margin: 0; padding: 0; color: #dad2bd; list-style-type: none; list-style-image: none; font-size: 9px; text-align: center; }

ul.nav_list li { font-weight: bold !important; }

ul.nav_list li a { margin: 0; padding: 0; display: block; width: 273px; height: 27px; line-height: 27px; padding: 0px 0px 0px 0px; background-color: #302710; text-decoration: none; color: #dad2bd !important; letter-spacing: 1px; border-left: solid 1px #9c836a; border-right: solid 1px #9c836a; border-bottom: solid 1px #9c836a; }

#current_nav { background-color: #5c7225; color: #fff; text-decoration: none; }

ul.nav_list li a:hover { background-color: #5c7225; color: #fff; text-decoration: none; }

/*Right Column Contact Form*/
div.contact_form { display: block; background: #aa9b72 url(images/receptionist.jpg) bottom left no-repeat; font-size: 9px; color: #1c1607; text-align: left; width: 225px; height: 139px;  margin: 0px 0px 0px 0px; padding: 15px 25px 15px 25px; }

.bold12 {font-size:12px; font-weight:bold;}

div.contact_form form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.form_row { width: 225px; height: 22px; margin: 0px 0px 0px 0px; }

label.ps_contact { clear: none; float: left; display: block; width: 75px; height: 14px; font-size: 10px; color: #1c1607; line-height: 14px; }

.input_field { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 2px; width: 145px; height: 14px; border: solid 1px #302710; background-color: #f0ede4; color: #564b2d; font-size: 11px; }

#submit_form_div { margin:0px 0px 0px 0px; width: 222px; height: 21px; }

.submit_button { clear: both; float: right; background-color: #9c836a; border: solid 1px #302710; cursor: pointer; color: #302710; font-size: 10px; padding: 0; margin: 0; }

.submit_button:hover { background-color: #302710; color: #dad2bd; }


/*Right column team member thumbnails*/
div#team_member_thumbs { font-size: 10px; width: 228px; height: 225px; margin: 37px auto 0px auto; }
div#first_team_mem { float: left; margin: 0px 10px 10px 0px; }
div#second_team_mem { float: left; margin: 0px 10px 10px 0px; }
div#third_team_mem { float: left; margin: 0px 0px 10px 0px; }
div#fourth_team_mem { clear: both; float: left; margin: 0px 10px 10px 0px; }
div#fifth_team_mem { float: left; margin: 0px 10px 10px 0px; }
div#sixth_team_mem { float: left; margin: 0px 0px 10px 0px; }

/*Right column gallery page thumbnails*/
div.gallery_thumbs { width: 186px; height: 225px; margin: 47px auto 0px auto; }
div.gallery_thumbs_people { width: 186px; height: 225px; margin: 125px auto 0px auto; }

#thumbs_row1 { height: 63px; width: 186px; margin: 0px 0px 8px 0px; }
#thumbs_row2 { height: 63px; width: 186px; margin: 0px 0px 8px 0px; }
#thumbs_row3 { height: 63px; width: 186px; margin: 0px 0px 8px 0px; }

#thumbs_row1 img { float: left; width: 54px; height: 63px; margin: 0px 4px 0px 4px; }
#thumbs_row2 img { float: left; width: 54px; height: 63px; margin: 0px 4px 0px 4px; }
#thumbs_row3 img { float: left; width: 54px; height: 63px; margin: 0px 4px 0px 4px; }

p.last_gallery_page { margin: 0px 0px 0px 0px; padding: 25px 0px 0px 0px; }

/*Right Column Link*/
p.right_col_link { padding: 15px 0px 0px 0px; }

.right_col_cosmetic a, .right_col_cosmetic_fillings a { font-size: 10px; font-weight: bold; color: #2B1A0B; }

/*Flash Image Gallery*/
.main_flash { width: 424px; height: 327px; }
.smile_gallery_title { font-size: 12px; color: #3a4b14; }

/*Video Gallery*/
div.main_video { width: 425px; height: 309px; background: url(images/video_background.jpg) top left no-repeat; padding: 20px 0px 0px 0px; }

div.gallery_thumbs_video { width: 242px; height: 200px; margin: 30px auto 0px auto; font-size: 11px; }

div#last_video_page { width: 158px; height: 200px; margin: 30px auto 0px auto; }

div.gallery_thumbs_video img { padding: 0px 0px 5px 0px; }

div#last_video_page img { padding: 0px 0px 5px 0px; }

p#gallery_heading { font-size: 11px; text-align: left; color: #3a4b14; }

div#first_vid_link {font-size: 11px; width: 74px; height: 75px; float: left; margin: 0px 10px 10px 0px;}
div#second_vid_link {font-size: 11px; width: 74px; height: 75px; float: left; margin: 0px 10px 10px 0px;}
div#third_vid_link {font-size: 11px; width: 74px; height: 75px; float: left; margin: 0px 0px 10px 0px;}
div#fourth_vid_link { clear: both; font-size: 11px; width: 74px; height: 75px; float: left; margin: 0px 10px 0px 0px;}
div#fifth_vid_link {font-size: 11px; width: 74px; height: 75px; float: left; margin: 0px 10px 0px 0px;}
div#sixth_vid_link {font-size: 11px; width: 74px; height: 75px; float: left; margin: 0px 0px 0px 0px;}
div#last_vid_link {font-size: 11px; width: 74px; height: 75px; float: left; margin: 0px 0px 0px 0px;}

/*Testimonial pages*/
div#testimonial_links { width: 200px; height: 150px; margin: 50px auto 0px 87px; font-size: 11px; }

div#testimonial_links2 { width: 200px; height: 150px; margin: 35px auto 0px 60px; text-align: left; font-size: 11px; }

div.test_link_div { width: 100px; height: 30px; float: left; }

p.test_name { text-align: left; color: #3a4b14; font-weight: bold; }

span.body_normal { font-weight: normal; color: #302710; }

img#test_pict { float: left; margin: 0px 7px 7px 0px; }

p#test_back { margin: 40px 0px 0px 0px; }

/*Special Paragraph styles*/
span.bold_green_text { color: #3a4b14; font-weight: bold; }

ul { margin: 0px 0px 0px 0px; padding: 5px 0px 20px 30px; color: #3a4b14; list-style-image: url(images/list_dot.gif) }

li { line-height: 16px; color: #302710; }

.gray { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #72665B; font-size: 10px; }

p.dyk { width: 225px; text-align: left; margin: 0px auto 0px auto; font-size: 10px; padding: 15px 0px 0px 0px; }

div.faq_answers { text-align: left; font-size: 11px; width: 225px; margin: 0px auto 0px auto; padding: 10px 0px 0px 0px; }

div#cards { margin: 15px 0px 0px 0px; font-size: 10px; }

.small_text { font-size: 10px; }

/*Request Appointment Form*/
div#appt_form { width: 257px; margin: 20px auto 0px auto; }

div#appt_form form { font-size: 12px;}

div.appt_form_row { width: 275px; margin: 7px 0px 0px 0px; }

label.appt_label { float: left; width: 45px; line-height: 20px; font-size: 10px; }

label.appt_label2 { display: block; font-size: 10px; }

div#appt_form textarea { width: 255px; height: 100px; color: #302710; font-family: Arial, sans-serif; font-size: 12px; }

div#appt_form input.appt_text_field { width: 210px; height: 14px; color: #302710; }

div.appt_form_row #submit_btn { float: right; display: inline; margin: 0px 15px 0px 0px; cursor: pointer; }

p#appt_thank-you { clear: both; margin: 40px 0px 0px 0px; }


/*Image link at the bottom of the right column*/
.get_to_know { clear: none; width: 275px; height: 132px; float: right; display: inline; background-color: #302710; }

.wraparound { width: 140px; height: 195px; float: left; }

/*Footer*/
.footer { width:751px; height:130px; margin:0 auto; background: url(images/address.gif) top left no-repeat;}

.ps_address {  float: left; display: inline; width: 751px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-variant: small-caps; font-weight: normal; letter-spacing: .5px; color:#FFFFFF; }

.ps_address p { text-align: center; margin: 0px 0px 0px 0px; padding: 11px 0px 0px 0px; }

#footer-nav { font-size:11px; }
#footer-nav ul { line-height:18px; }
#footer-nav ul li { list-style-type:none; list-style-image:none; display:inline; }
#footer-nav ul li a { text-decoration:underline; font-weight:normal !important; }
#footer-nav ul li a:hover { text-decoration:none; }