/* 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; font-family: sans-serif, serif; left: 210px; margin-top: 250px; _margin-top: 150px; color: #e7e7e7; position: absolute; }
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:57px; color:#999; z-index:150; font-weight: normal; background:#d1c8c3}
a.gallery:active span, a.gallery:focus span {width: 580px; display:block; font-size: 100%; position:absolute; left: 5px; top:57px; color:#000; z-index:100; font-weight: normal}
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 { width:600px; height:456px; background:#d1c8c3; position: relative; border:solid 1px #a49188; margin:0; 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: 9px; left: 5px; width: 590px; height: 380px; 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: 350px; display: block; overflow: auto; position: relative}
.body div.copy h2 {font-size: 100%; padding: 0 0 5px; 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%}