/* CSS DOCUMENT DENTAL SYMPHONY */ body { padding: 0; margin: 0; font-size: medium; font-family: Calibri, arial, verdana, sans-serif; background-image: url(img/background.gif); background-repeat: no-repeat; background-position: center 0; } #wrapper {padding: 10px 0 0 0; margin-right: auto; margin-left: auto; width: 610px} #left_col {float: left; margin: 0px; padding: 0px; width: 610px} #right_col {float: right; margin: 0px; padding: 0px; width: 610px} /* --------------------------------------------------------------------------------------------------------------------------------------------------- SECTION TITLES --------------------------------------------------------------------------------------------------------------------------------------------------- */ h4 {z-index: 50; font-size: 200%; text-align: center; position: absolute; font-family: Calibri, sans-serif, serif, arial, verdana, sans-serif; left: 155px; margin-top: 250px; _margin-top: 150px; color: #e7e7e7} h5 {z-index: 50; font-size: 300%; text-align: center; position: absolute; font-family: sans-serif, serif; left: 210px; margin-top: 250px; _margin-top: 150px; color: #e7e7e7} h6 { z-index: 50; font-size: 150%; text-align: center; position: absolute; font-family: Calibri, sans-serif, serif, arial, verdana, sans-serif; left: 120px; margin-top: 250px; _margin-top: 150px; color: #e7e7e7; } /* --------------------------------------------------------------------------------------------------------------------------------------------------- SECTION HOVER TEXT --------------------------------------------------------------------------------------------------------------------------------------------------- */ a.gallery:hover span {display:block; width: 580px; font-size: 100%; position:absolute; left: 5px; top:117px; color:#999; z-index:150; font-weight: bold; background:#d1c8c3} a.gallery:active span, a.gallery:focus span {width: 580px; display:block; font-size: 100%; position:absolute; left: 5px; top:117px; color:#000; z-index:100; font-weight: bold} a.gallery span, a.gallery span{display:none; } a.gallery:hover span b, a.gallery:focus span b, a.gallery span b {font-variant: small-caps} /* --------------------------------------------------------------------------------------------------------------------------------------------------- IMAGES ON TOP --------------------------------------------------------------------------------------------------------------------------------------------------- */ a.gallery {display:block; display:inline; color:#000; text-decoration:none; margin: 4px 3.5px 0 4px; _margin: 5px 4px 0 5px; border:1px solid #000; width:90px; height:50px; float:left; z-index:50;} a.gallery:visited {display:block; display:inline; color:#000; text-decoration:none; border:1px solid #000; width:90px; height:50px; float:left; z-index:50;} a.gallery:hover {border:1px solid #fff;} a.gallery img {border: none;} /* --------------------------------------------------------------------------------------------------------------------------------------------------- GREY BOX AND CONTENT CONTAINER FOR ALL MARKETING PAGES --------------------------------------------------------------------------------------------------------------------------------------------------- */ #grey_box {clear:both; width:610px; padding-bottom:15px; background:#fff url(../graphics/horizontal_line.gif) bottom left repeat-x;} #container {position:relative; width:600px; height:456px; background:#d1c8c3; border:1px solid #a49188; margin:0px; z-index: 0} #container ul {margin: 0; padding: 0; float: left; width: 610px; list-style-type: none; display: block;} #container ul li {margin: 0; padding: 0; float: left; display: block;} /* --------------------------------------------------------------------------------------------------------------------------------------------------- BODY CONTENT AND PHOTO 1 --------------------------------------------------------------------------------------------------------------------------------------------------- */ .body { z-index: 100; position: relative; top: 30px; left: 5px; width: 590px; height: 300px; background-color: #ffffff; float: left; z-index: 200; border-color: #ccc #ccc #000; border-style: solid; border-width: 1px; } .body div.left_body {float: left;} .body div.left_body img {padding: 5px 0 0 5px ; border: none} .body div.left_body div.demo a {clear: left; margin: 5px 0px 0 0px; text-decoration: none; border: none; padding: 0px} .body div.left_body div.demo a:hover {border: none; padding: 0px} .body div.copy {float: right; margin: 5px; padding-right: 10px; width: 400px; height: 288px; display: block; overflow: auto; position: relative} .body div.copy h2 {font-size: 100%; padding: 0 0 5px 0; margin: 0; color: #cf8857} .body div.copy h3 {font-size: 90%; padding: 0 0 5px 0; margin: 0; color: #7FA5BF} .body div.copy p {font-size:75%; padding: 10px 0 8px 0; margin: 0; line-height: 1.3em;} .body div.copy p a {color: #0677bf; text-decoration: underline} .body div.copy p span.small_caps {font-variant: small-caps; font-weight: bold} .body div.copy ol {padding-left: 15px; margin: 0; line-height: 1.3em; list-style-type: disc} .body div.copy ol li {font-size: 75%; padding-left: 0 0 0 30px; line-height: 1.3em} .body div.copy ol li ol {padding: 5px 20px} .body div.copy ol li ol li{list-style-type: square; font-size: 100%} /* --------------------------------------------------------------------------------------------------------------------------------------------------- SPECIAL LAYOUT IN BODY (Body 3) --------------------------------------------------------------------------------------------------------------------------------------------------- */ .body3 {z-index: 300; position: relative; top: 30px; left: 5px; width: 590px; height: 300px; background-color: #ffffff; float: left; z-index: 200; border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #eee; border-top: 1px solid #eee} .body3 img {padding-bottom: 10px; margin: 0px} .body3 div.copy3 {float: left; margin: 5px; padding-right: 10px; width: 570px; height: 288px; display: block; overflow: auto} .body3 div.copy3 h2 {font-size: 100%; padding: 0 0 5px 10px; margin: 0; color: #cf8857} .body3 div.copy3 p {font-size:75%; padding: 0 0 8px 10px; margin: 0; line-height: 1.5em;} .body3 div.copy3 b {font-size: 100%;} .body3 div.copy3 i {font-size: 75%; line-height: 2em; font-weight: bold; padding-bottom: 10px} .body3 div.copy3 ol {margin: 0 0 10px 30px; line-height: 1.3em; list-style-type: disc;} .body3 div.copy3 ol li {font-size: 75%; padding: 0 0 0 7px; line-height: 1.3em} /* --------------------------------------------------------------------------------------------------------------------------------------------------- ALL PAGES --------------------------------------------------------------------------------------------------------------------------------------------------- */ .redstar, .red {color: red; font-size: 100%} /* --------------------------------------------------------------------------------------------------------------------------------------------------- CHANGING IMAGE BY MOUSEOVER --------------------------------------------------------------------------------------------------------------------------------------------------- */ #ds_home_pricingandfaqs_cost_tab {background: url(img/tabs/bw/ds_home_pricingandfaqs_cost_tab.jpg);} #ds_home_pricingandfaqs_cost_tab:hover {background: url(img/tabs/bw/ds_home_pricingandfaqs_cost_over.gif);} #ds_home_pricingandfaqs_freetrial_over {background: url(img/tabs/bw/ds_home_pricingandfaqs_freetrial_over.jpg);} #ds_home_pricingandfaqs_freetrial_over:hover {background: url(img/tabs/ds_home_pricingandfaqs_freetrial_over.jpg);} #ds_home_pricingandfaqs_getsupport_tab {background: url(img/tabs/bw/ds_home_pricingandfaqs_getsupport_tab.jpg);} #ds_home_pricingandfaqs_getsupport_tab:hover {background: url(img/tabs/ds_home_pricingandfaqs_getsupport_over.gif);} #ds_home_features_mypreferences_tab {background: url(img/tabs/bw/ds_home_features_mypreferences_tab.jpg);} #ds_home_features_mypreferences_tab:hover {background: url(img/tabs/ds_home_features_mypreferences_tab.jpg);} #ds_home_pricingandfaqs_securityrecords_tab {background: url(img/tabs/bw/ds_home_pricingandfaqs_securityrecords_tab.jpg);} #ds_home_pricingandfaqs_securityrecords_tab:hover {background: url(img/tabs/ds_home_pricingandfaqs_securityrecords_over.jpg);} #ds_home_pricingandfaqs_paperordigital_tab {background: url(img/tabs/bw/ds_home_pricingandfaqs_paperordigital_tab.jpg);} #ds_home_pricingandfaqs_paperordigital_tab:hover {background: url(img/tabs/ds_home_pricingandfaqs_paperordigital_over.jpg);} #ds_home_pricingandfaqs_internetgoesdown_tab {background: url(img/tabs/bw/ds_home_pricingandfaqs_internetgoesdown_tab.jpg);} #ds_home_pricingandfaqs_internetgoesdown_tab:hover {background: url(img/tabs/ds_home_pricingandfaqs_internetgoesdown_over.jpg);} #ds_home_pricingandfaqs_dspracticemanagement_tab {background: url(img/tabs/bw/ds_home_pricingandfaqs_dspracticemanagement_tab.jpg);} #ds_home_pricingandfaqs_dspracticemanagement_tab:hover {background: url(img/tabs/ds_home_pricingandfaqs_dspracticemanagement_over.jpg);} #ds_home_pricingandfaqs_hippa_tab {background: url(img/tabs/bw/ds_home_pricingandfaqs_hippa_tab.jpg);} #ds_home_pricingandfaqs_hippa_tab:hover {background: url(img/tabs/ds_home_pricingandfaqs_hippa_over.gif);} #ds_home_pricingandfaqs_computerrequirements_tab {background: url(img/tabs/bw/ds_home_pricingandfaqs_computerrequirements_tab.jpg);} #ds_home_pricingandfaqs_computerrequirements_tab:hover {background: url(img/tabs/ds_home_pricingandfaqs_computerrequirements_over.jpg);} #ds_home_pricingandfaqs_dsbottomline_tab {background: url(img/tabs/bw/ds_home_pricingandfaqs_dsbottomline_tab.jpg);} #ds_home_pricingandfaqs_dsbottomline_tab:hover {background: url(img/tabs/ds_home_pricingandfaqs_dsbottomline_over.jpg);} #ds_home_pricingandfaqs_lessstress_tab {background: url(img/tabs/bw/ds_home_pricingandfaqs_lessstress_tab.jpg);} #ds_home_pricingandfaqs_lessstress_tab:hover {background: url(img/tabs/ds_home_pricingandfaqs_lessstress_over.jpg);}