*{margin:0; padding:0;} body{background:#F4F1EA;} img{border:0; text-align:left; vertical-align:top;} ul{list-style:none;} li{line-height:1.15em;} .column{float:left;} .container{width:100%; overflow:hidden;} .containered{width:100%; overflow:hidden;} body{font-family:Arial, helvetica, sans-serif; color:#000000; font-size:0.75em; line-height:1.5em; text-align:center;} input, textarea, select{color:#8E7451; vertical-align:top; text-align:left; border: 1px solid #D9CEC2; background:0; font:11px Tahoma, Arial, helvetica, sans-serif; padding-left:5px;} .float-right{float:right;} .align-right{text-align:right;} .block{display:block;} .top-indent-5px{margin-top:5px; display:block;} .top-indent-10px{margin-top:10px; display:block;} .top-indent-15px{margin-top:15px; display:block;} .top-indent-20px{margin-top:20px; display:block;} .top-indent-25px{margin-top:25px; display:block;} .indent2{padding:5px 5px 0 15px; font-weight:600; font-size:.95em;} .logo_wrap {width:927px; text-align: center; position:relative;} .width-stretch{width:100%;} .clear { clear:both;} .col-1, .col-2, .col-3, .box-1, .box-2, .box-3, .col-middle{float:left;} .site-wrapper{background:url(../images/blue_site_bg.jpg) left top repeat-x /*===site_bg Color===*/#e9eef2;} h3, h2, h1 { color:/*===Heading Text Color===*/#81a0cf; margin-bottom:7px; font-size:1.5em; font-weight:normal} /*=======header===========*/ .logo{height:73px; padding:81px 0 0 290px; font-size:1.09em;} .logonew {position:absolute; top:10px; left:70px; float:left;} .logo a{color:/*===Header link Color===*/#305b9c; text-decoration:none; background:url(../images/header_links_divider.gif) left center no-repeat; padding-left:11px; margin-left:10px;} .logo a:hover{text-decoration:none; color:/*===Header Hover Color===*/#81a0cf; background:url(../images/header_arr.gif) left center no-repeat; padding-left:11px; margin-left:10px;} .head-left{width:360px; height:68px; padding:56px 0 0 99px; float:left; background:url(../images/head_left.jpg) right top no-repeat; font-size:1.16em; color:/*===PAGE text Color===*/#ffffff;} .menu{width:493px; height:124px; float:left; background:url(../images/menu_bg.jpg) right top no-repeat;} .menu div{display:block; width:140px; height:25px; float:left; padding:98px 0 0 11px; margin-right:1px;} .menu a{color:#F1EEE5; text-decoration:none; background:url(../images/menu_marker.gif) left center no-repeat; padding-left:15px; font-size:1.16em;} .menu a:hover{text-decoration:underline;} .menu .m1{background:url() left top no-repeat;} .menu .m2{background:url() left top no-repeat;} .menu .m3{background:url(../images/m3.jpg) left top no-repeat;} .menu .m4{background:url() left top no-repeat;} .menu p { text-align: center; font-size: 2.5em; color: #fff; padding-top: 50px; height: 50px; line-height: 50px; } .header-left{width:459px; height:337px; float:left; background:url(../images/header_left.jpg) right top no-repeat;} .header-left img{margin-left:59px;} .header-right{width:389px; height:316px; padding:21px 67px 0 37px; float:left; background:url(../images/header_right.jpg) left top no-repeat; color:/*===right section text Color===*/#000000;} .header-right .title{margin-bottom:28px;} .header-right li{padding:5px 0 5px 13px; background:url(../images/list_1_arr.gif) left center no-repeat;} .header-right li a{color:/*===right section link Color===*/#305b9c; text-decoration:none; line-height:1em;} .header-right li a:hover{text-decoration:underline;} /*=====//header===========*/ /*Heading Replacement*/ .mission {width: 179px; height: 34px; background:url(../images/mission_header.png) no-repeat top left; text-indent: -9999px; } .meet {width: 337px; height: 34px; background:url(../images/meet_header.png) no-repeat top left; text-indent: -9999px; } .welcome {width: 244px; height: 34px; background:url(../images/welcome_header.png) no-repeat top left; text-indent: -9999px; } .team {width: 305px; height: 34px; background:url(../images/team_header.png) no-repeat top left; text-indent: -9999px; } .insurance {width: 192px; height: 34px; background:url(../images/insurance_header.png) no-repeat top left; text-indent: -9999px; } .smile {width: 147px; height: 34px; background:url(../images/smile_header.png) no-repeat top left; text-indent: -9999px; } .contact {width: 179px; height: 34px; background:url(../images/contactus_header.png) no-repeat top left; text-indent: -9999px; } .contact2 {width: 179px; height: 34px; background:url(../images/contactus2_header.png) no-repeat top left; text-indent: -9999px; } .call {width: 93px; height: 34px; background:url(../images/call_header.png) no-repeat top left; text-indent: -9999px; } .appointment {width: 301px; height: 34px; background:url(../images/appointment_header.png) no-repeat top left; text-indent: -9999px; } .treatments {width: 125px; height: 34px; background:url(../images/treatments_header.png) no-repeat top left; text-indent: -9999px; } .forms {width: 190px; height: 34px; background:url(../images/forms_header.png) no-repeat top left; text-indent: -9999px; } .locations {width: 109px; height: 34px; background:url(../images/locations_header.png) no-repeat top left; text-indent: -9999px; } .contactform {width: 155px; height: 34px; background:url(../images/contactform_header.png) no-repeat top left; text-indent: -9999px; } .doctor {width: 300px; height: 34px; background:url(../images/doctor_header.png) no-repeat top left; text-indent: -9999px; } .services {width: 166px; height: 34px; background:url(../images/services_header.png) no-repeat top left; text-indent: -9999px; } .directions {width: 256px; height: 34px; background:url(../images/directions_header.png) no-repeat top left; text-indent: -9999px; } .address {width: 166px; height: 34px; background:url(../images/address_header.png) no-repeat top left; text-indent: -9999px; } .schedule {width: 301px; height: 34px; background:url(../images/schedule_header.png) no-repeat top left; text-indent: -9999px; } .apptform {width: 295px; height: 34px; background:url(../images/apptform_header.png) no-repeat top left; text-indent: -9999px; } .beforeafter {width: 295px; height: 34px; background:url(../images/beforeafter_header.png) no-repeat top left; text-indent: -9999px; } .patientforms {width: 280px; height: 34px; background:url(../images/patientforms_header.png) no-repeat top left; text-indent: -9999px; } .map {width: 179px; height: 34px; background:url(../images/map_header.png) no-repeat top left; text-indent: -9999px; } .dentalinfo {width: 305px; height: 34px; background:url(../images/dentalinfo_header.png) no-repeat top left; text-indent: -9999px; } .videos {width: 250px; height: 34px; background:url(../images/videos_header.png) no-repeat top left; text-indent: -9999px; } .staff {width: 250px; height: 34px; background:url(../images/staff_header.png) no-repeat top left; text-indent: -9999px; } .offering {width: 150px; height: 34px; background:url(../images/offering_header.png) no-repeat top left; text-indent: -9999px; } .insuranceinfo {width: 250px; height: 34px; background:url(../images/insuranceinfo_header.png) no-repeat top left; text-indent: -9999px; } .testimonials {width: 208px; height: 34px; background:url(../images/testimonials_header.png) no-repeat top left; text-indent: -9999px; } .memberships {width: 225px; height: 34px; background:url(../images/memberships_header.png) no-repeat top left; text-indent: -9999px; } .offer {width: 179px; height: 34px; background:url(../images/offers_header.png) no-repeat top left; text-indent: -9999px; } /*=======content===========*/ #content{padding:0 17px 0 20px;} #content .indent_main{padding:26px 29px 33px 40px} #content .indent{padding:10px 15px 41px 10px} #content .banner_ad {margin:20px 0px 20px 0px} #content .image_wrapper {float: left; margin: 9px 9px 0 0; line-height: 75; height: 75px; padding: 2px; border: solid 1px #d4cdaf;} .gallery_bdr {border-style:solid; border-color:#cccccc; border-width:1px; background-color:#fff; width:495px;} a{color:#B09261; text-decoration:underline;} a:hover{text-decoration:none;} em{color:#B09261; font-style:normal;} .content{background:url(../images/content_border_top.jpg) left top repeat-x #FDFCFB; width:100%;} .content .border-bot{background:url(../images/content_border_bot.jpg) left bottom repeat-x;} .content .border-left{background:url(../images/content_border_left.jpg) left top repeat-y;} .content .border-right{background:url(../images/content_border_right.jpg) right top repeat-y;} .content .corner-left-top{background:url(../images/content_corner_left_top.jpg) left top no-repeat;} .content .corner-right-top{background:url(../images/content_corner_right_top.jpg) right top no-repeat;} .content .corner-left-bot{background:url(../images/content_corner_left_bot.jpg) left bottom no-repeat;} .content .corner-right-bot{background:url(../images/content_corner_right_bot.jpg) right bottom no-repeat; padding:14px 32px 38px 36px;} .col-middle{background:url(../images/line_y.gif) center top repeat-y;} .font-2{color:#B09261;} .pic_left{ float:left; margin:0px 20px 10px 0px; padding:2px; border: 1px; border-style:solid; border-color:#CCCCCC;} .pic_right{ float:right; margin:0px 0px 10px 17px; padding:2px; border: 1px; border-style:solid; border-color:#CCCCCC;} .pic_left1{ float:left; margin:0px 20px 0px 0px; padding:0px;} /*=======button rollovers===========*/ .readmore {margin-top: 8px; background:url(../images/readmore_up.gif) no-repeat center left} .readmore a{text-decoration:none; background:url(../images/readmore_up.gif) no-repeat center left; text-indent: -9999px; height:19px;} .readmore a:hover{text-decoration:none; background:url(../images/readmore_over.gif) no-repeat center left; text-indent: -9999px; height:19px;} .meetteam_btn {margin-top: 8px; background:url(images/meetteam_up.gif) no-repeat center left} .meetteam_btn a{text-decoration:none; background:url(images/meetteam_up.gif) no-repeat center left; text-indent: -9999px; height:19px;} .meetteam_btn a:hover{text-decoration:none; background:url(images/meetteam_over.gif) no-repeat center left; text-indent: -9999px; height:19px;} .directions_btn {margin-top: 8px; background:url(images/directions_up.gif) no-repeat center left} .directions_btn a{text-decoration:none; background:url(images/directions_up.gif) no-repeat center left; text-indent: -9999px; height:19px;} .directions_btn a:hover{text-decoration:none; background:url(images/directions_over.gif) no-repeat center left; text-indent: -9999px; height:19px;} /*=======end button rollovers===========*/ .col-1, .col-2, .col-3{padding-bottom:19px;} .col-1 .indent{padding:0 0 0 25px;} .col-3 .indent{padding:0 0 0 16px;} .img_box {width: 164px; padding: 2px 10px 3px 0; float: left;} #content .title{height:47px; margin-bottom:18px; background:url(../images/title_bg.gif) left bottom repeat-x;} #check-form{color:#7C6B54; font-weight:bold; font-size:0.91em; width:100%;} #check-form .row{height:27px;} #check-form .row-2{height:32px;} #check-form select{width:48px; height:17px; background:#F8F6F1;} #check-form .select-2{width:103px; margin-left:6px;} #check-form input{width:16px; height:16px; float:left; margin-left:5px;} #check-form span{display:block; float:left; padding-top:1px;} #check-form span b{padding-left:15px;} #check-form .advanced{width:152px; height:23px; padding:6px 0 0 19px; background:url(../images/advanced_search.gif) left top no-repeat; color:#655D52; position:relative; margin:17px 0 -10px -6px;} #check-form .advanced a{text-decoration:underline; color:#6F494A; font-weight:bold; text-transform:uppercase;} #check-form .advanced a:hover{text-decoration:none;} #check-form .input-2{width:152px; margin:0 0 7px 0;} #content li{padding:5px 0 5px 9px; background:url(../images/list_2_arr.gif) left 9px no-repeat;} #content li a{color:/*===content list link Color===*/#305b9c; text-decoration:underline; line-height:1em;} #content li a:hover{text-decoration:none;} .img-float{margin-right:17px; float:left;} .img_flborder{margin:10px 17px 10px 0; float:left; padding: 2px; border:1px solid #ccc;} /*=====//content===========*/ /*=======page_1===========*/ #page1 .header-right .title{margin-bottom:40px;} #page1 .header-right .box-1{width:222px; padding-left:5px;} #page1 .header-right .box-2{width:116px;} /*=====//page_1===========*/ /*=======page_2===========*/ #team .col-1 span, #appointments .col-1 span, #treatments .col-1 span, #gallery .col-1 span, #directions .col-1 span, #services .col-1 span, #contactus .col-1 span, #insurance .col-1 span{float:right; padding-right:30px;} /*=====//page_2===========*/ /*=======page_3 -- Three Columns===========*/ #index .header-right .box-1, #forms .header-right .box-1, #team .header-right .box-1, #doctor .header-right .box-1, #givingback .header-right .box-1, #news .header-right .box-1{width:182px;} #index .header-right .box-2, #forms .header-right .box-2, #team .header-right .box-2, #doctor .header-right .box-2, #givingback .header-right .box-2, #news .header-right .box-2{width:203px;} #index .content .box-1, #forms .content .box-1 {width: 325px; padding-right: 5px; padding-bottom: 10px;} #index .col-2 .float-right, #forms .col-2 .float-right{padding-right:20px;} /*=====//page_3===========*/ /*=======page_4 -- Two columns===========*/ #page4 #content .col-1 .title{margin-bottom:25px;} #page4 .col-1 .box-1{width:393px;} #page4 .col-1 .box-2{width:164px;} #page4 .col-1 .box-2 img{margin-bottom:9px;} .galler_navigation{width:71px; height:18px; background:url(../images/gallery_navigation_bg.gif) left top no-repeat; padding:1px 0 0 9px; margin-left:41px; color:#FFFFFF; font-size:0.91em;} .galler_navigation a{color:#FFFFFF; text-decoration:underline; float:left;} .galler_navigation a:hover{text-decoration:none;} .galler_navigation img{float:left; margin-top:7px; margin-right:10px; } .galler_navigation b{float:left;} .galler_navigation span{padding-right:5px; padding-left:3px; float:left;} .galler_navigation span a{margin:0 4px;} /*=====//page_4===========*/ /*=======page_5 -- One Column===========*/ /*#insurance .content .corner-right-bot,#directions .content .corner-right-bot {padding-right:25px;} #insurance .indent, #directions .indent, #treatments .indent{padding:0 10px 10px 15px;}*/ /*=====//page_5===========*/ /*=======footer===========*/ .footer-wrapper{background:url(../images/blue_footer_bg.jpg) left top repeat-x;} #footer{height:47px; padding:31px 0 0 77px; color:#88857B;} #footer a{color:#88857B; text-decoration:underline;} #footer a:hover{text-decoration:none;} /*=====//footer===========*/ /*contact_form and appointment_form*/ fieldset { margin: 1em 0; padding: 1em; border: 1px solid #ccc; background: #F8F6F1;} #content p.cform {margin:0px 0px 15px 0px; padding: 0;} legend {font-weight: bold;} label {display: block;} label.nb {float: left; width: 7em;} input {width:200px;} input#day {width:25px; margin-left: 0.5em;} textarea {width:300px; height:100px;} /*contact_form and appointment_form*/ #side_bar fieldset {width:160px; margin: 1em 0; padding: 1em; border: 1px solid #ccc; background: #F8F6F1;} #side_bar p.cform {margin:0px 0px 15px 0px; padding: 0;} #side_bar legend {font-weight: bold;} #side_bar label {display: block;} #side_bar label.nb {float: left; width: 7em;} #side_bar input {width:152px;} #side_bar input#day {width:25px; margin-left: 0.5em;} #side_bar textarea {width:152px; height:100px;}