/* HTML, BODY ---------- */
html {height: 100%;}
body {background: #c6d1a4 url(../images/body-bg.jpg) no-repeat 0 0; margin: 0;}
* {margin:0; padding:0;}
/* TEXT ---------- */
body {color: #000; font: 14px/24px Georgia, "Times New Roman", Times, serif; text-align:left;}
p {padding: 0px 0 15px 0;}
* .sans-serif-numbers {font-family: Arial, sans-serif;}
/* HEADERS ---------- */
h1{padding:13px 0 0 12px; background-repeat: no-repeat; background-position: bottom right; height: 66px; /* this height reflects the height of the heading image */ width: 420px; overflow: hidden; text-indent: -999em;} /* hides rich text so only background image shows */
h1.speedsystem {color: #cc0a6a; padding: 0 0 10px 0; font-size:22px;text-indent: 0em; height:auto; width:auto;} /* hides rich text so only background image shows */
h2{color: #cc0a6a; padding: 0 0 10px 0; font-size:16px;}
h3{color: #006351; font-size:14px; padding:0;}
/* LISTS ---------- */
ol, ul {padding:0 0 20px 20px;}
/* LINKS ---------- */
a {color: #006351; text-decoration: underline}
a {color: #006351; text-decoration: underline}
a:hover {color: #006351; text-decoration: none;}
#logo a {position:absolute; top:15px; left:18px; width: 396px; height: 91px; display: block; background: url(../images/logo.jpg) no-repeat 0 0; }
* .text_nav {font-size: 11px;}
.text_nav a{font: 11px/14px Tahoma, Arial, sans-serif; text-decoration:none;}
.text_nav a:visted{font: 11px/14px Tahoma, Arial, sans-serif; text-decoration:none;}
.text_nav a:hover{font: 11px/14px Tahoma, Arial, sans-serif; text-decoration: underline;}
.sesame a {font: 11px/14px Tahoma, Arial, sans-serif; color: #777778; text-decoration: underline;}
.sesame a:visted {color: #777778; text-decoration: underline;}
.sesame a:hover{color: #777778; text-decoration: none;}
/* TOPLINKS ----------------*/
* #top-links{position:absolute; top: 0; left:495px;}
#top-links a{display: block; height: 49px; overflow: hidden; text-indent: -999px;}
#top-links ul{display: inline; padding: 0; list-style:none;}
#top-links li{float: left;}
* #home {background: url(../images/nav/home.png) no-repeat 0 0; width: 113px}
* #patient-login{background: url(../images/nav/patient-login.png) no-repeat 0 0; width: 142px}
* #contact {background: url(../images/nav/contact.png) no-repeat 0 0; width: 121px}
#top-links ul li:hover a, #top-links li.sfhover a,#top-links a:hover, #top-links .active {background-position: 0 -49px}
#top-links li.active a{background-position: 0 -49px;}
/* nav ---------- */
* #nav{background: url(../images/long-nav-bg.gif) no-repeat 0 0; position:absolute; top:352px; left:0; padding:0; width:332px; height: 498px; display:block; z-index: 80; }
#nav a {display: block; height: 30px; overflow: hidden; text-indent: -999px; width: 220px;}
#nav ul{padding:16px 0 0 26px; list-style:none;}
* #our-office {background: url(../images/nav/office.jpg) 0 0; width:220px; height: 31px;}
* #lifelong-benefits {background: url(../images/nav/benefits.jpg) 0 0; width:220px; height: 31px;}
* #for-new-patients {background: url(../images/nav/patients.jpg) 0 0; width:220px;}
* #about-orthodontics {background: url(../images/nav/ortho.jpg) 0 0; width:220px;}
* #about-braces {background: url(../images/nav/braces.jpg) 0 0; width:220px;}
* #about-invisalign {background: url(../images/nav/invisalign.jpg) 0 0; width:220px;}
* #refer-a-friend {background: url(../images/nav/refer.jpg) 0 0; width:220px;}
* #fun-and-games {background: url(../images/nav/games.jpg) 0 0; width:220px;}
* #our-commitment {background: url(../images/nav/commitment.jpg) 0 0; width:220px;}
#nav ul li:hover a, #nav li.sfhover a,#nav a:hover, #nav .active {background-position: -220px 0}
#nav li.active a, #nav-with-sub li.active a {background-position: -220px 0;}
/* SUBNAV ----------------*/
* .sub_nav{margin: 0; padding: 0 0 40px 0;}
.sub_nav li{padding: 0 0 3px 0; margin: 0 0 -10px 40px; line-height: 0;}
/*IE 6 hack*/
*html .sub_nav li{margin-bottom: 0; line-height:auto; padding-bottom: 18px;}
/*IE 7 hack*/
*+html .sub_nav li{margin-bottom: 0; line-height:auto; padding-bottom: 18px;}
.sub_nav a{text-decoration: underline;}
.sub_nav a:visited {text-decoration: underline;}
.sub_nav a:hover, .sub_nav a.active {text-decoration:none;}
/* LAYOUT ---------- */
* .clear{clear:both;}
* .hide {display:none;}
.flash-replaced .alt {display: none;}
div.hr { background: #3c362e; clear: both; height: 1px; margin: 20px 0; width: 100%; }
div.hr hr { display: none; }
* #main {position: relative; width: 1024px;}
* #office-address{font-family: Helvetica, Arial, sans-serif; position: absolute; top:645px; left:40px; color: #fff; z-index: 90;}
#office-address p {padding-bottom: 10px;}
* #mid{padding: 324px 0 0 291px;}
* #text-tile{background: url(../images/text-tile.gif) repeat-y 0 0; width: 638px;}
* #text{background: url(../images/text-bg-top.jpg) no-repeat 0 0; width: 531px; min-height: 456px; _height:456px;padding: 0 65px 60px 75px;}
* #text-bottom{background: url(../images/text-bottom.gif) no-repeat bottom left;}
* #flash-home{z-index:1; position: absolute; top:509px; left:330px;}
* #logos-home {padding-top: 420px; text-align:center;}
* #footer {color: #006351; font: normal 14px/20px Georgia, "Times New Roman", Times, serif;padding: 0 0 40px 285px; text-align: center; width:625px;float:left;}
#footer p{padding: 0 0 10px 0;}
/* Shortcuts ----------*/
/* Image Replacement -- add class="replace" to root element, i.e. and add a bg image*/
* .replace {letter-spacing : -1000em;line-height: 0;overflow: hidden;line-height: 0;text-indent: -999em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .replace { letter-spacing : normal;text-indent : -999em;overflow : hidden;}
/* End of hack */
/* RESOURCES ---------- */
dl.logos, dl.logos dt, dl.logos dd {list-style:none;margin:0;padding:0;}
dl.logos {padding:10px;}
dl.logos dd {border-bottom:1px solid #CCC;margin:0;padding:10px 0 5px 0;width:50%;}
dl.logos span {font-size: 16px; font-weight:bold;}
/* IMAGES ---------- */
img {border:none;}
/*right and left floating image with border*/
* .right {float:right; border: 1px solid #c6d2a4; margin-left:10px; margin-bottom:10px;}
* .left {float:left; border: 1px solid #c6d2a4; margin-right:10px; margin-bottom:10px;}
/* THE GAME ROOM ---------- */
div#sesame-game {line-height: 0; margin: 10px 0px 18px 0px; text-align: center; width: 520px;background: #000;}
ul#sesame-games {list-style: none; padding: 0;}
ul#sesame-games li {clear: both; text-indent:none;}
ul#sesame-games img {border: 0; float:right;}
ul#sesame-games a.button {float:right; height:85px; width:200px; margin-right:10px; padding: 0 0 10px 10px;}/*THIS IS WHERE YOU MAKE PADDING ADJUSTMENTS TO THE GAMES IMG*/
ul#sesame-games p { padding:0 10px 10px 0;}
/* LOCATION ---------- */
iframe {border: 1px solid #3c362e; margin-bottom:20px;}
/* MEDIA CENTER ---------- */
h2.media-center {background:#000033; color:#FFF; margin:0; padding:5px;}
div.media-center {background:#336699; color:#FFF; margin-bottom:10px; padding:10px;}
div.media-center a {color:#FFF;}
div.media-center img {border:1px solid #FFF;}
* .flash {border: solid 1px #ccc;}
* #flash-in-ovation {width: 320px;height: 266px;}
/* EDIT.COM ---------- */
ul, ol {
margin-top:0px;
margin-bottom:0px;
}
.NormalText, body, td {
font-family: Georgia, Times New Roman, "Times", serif;
font-size: 14px;
line-height: 24px;
color: #000;
font-weight: normal;
text-decoration: none;
text-transform: none;
font-style: normal;
}
.SubHeader {
font-family: Georgia, Times New Roman, "Times", serif;
font-size: 14px;
line-height: 24px;
color: #006351;
font-weight: bold;
}
.SubjectHeader {
font-family: Georgia, Times New Roman, "Times", serif;
font-size: 16px;
line-height: 24px;
color: #CC0A6A;
font-weight: bold;
}
* #office-address {line-height: 14px;}
/* Blog ------------------ */
.navigation,
.pagination {margin-top: 36px; margin-bottom:12px;}
.navigation .next_post,
.pagination .next_page {float: right;}
.navigation .previous_post:before,
.pagination .previous_page:before {content: "\27EA ";}
.navigation .next_post:after,
.pagination .next_page:after {content: " \27EB";}
.entry {display:block; clear:both;}
.entry img.alignleft {margin: 0 12px 6px 0; display: inline; float:left;}
.entry img.alignright {margin: 0 0 6px 12px; display: inline; float:right;}
.entry img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.entry_meta p {margin: 0 0 12px;}
#entry_comments {margin-top:36px;}
#entry_comments form {
width: 486px;
}
#entry_comments form input {
width: 480px;
margin-bottom: 18px;
}
#entry_comments form label {margin-bottom: 6px;}
#entry_comments form button {color:#333;}
.search-results .post {margin-bottom:30px;}
.search-results .post h2 {margin-bottom:0;}
.comment {margin:18px 0; border-bottom: 1px solid #000;}
.comment_author {font-weight: bold;}
.comment_author h3 {margin: 0;}
.comment_author span {font-style: italic; font-weight: normal;}
.comment_meta {font-size: 10px;}
.comment_meta a {text-decoration: none;}
.share-article-links {
border-bottom: 1px solid #333;
border-top: 1px solid #333;
font-weight: bold;
line-height:32px;
margin: 18px 0 12px;
padding: 0 0 7px;
}
.share-article-links p {
display:inline-block;
margin:0 6px 0 0!important;
padding:0;
}
.share-article-links span {
position: relative;
top: 4px;
}
.share-article-links span.st_fblike_large {
top: -14px;
margin-left: 2px;
}
.share-article-links span.st_plusone_large {
top: 12px;
margin-left: 6px;
}
p.form-allowed-tags {height:auto;}
.sweepstakes img {
width: 150px;
margin-bottom: 5px;
border-radius: 15px;
-moz-box-shadow: 2px 2px 10px 1px #545454;
-webkit-box-shadow: 2px 2px 10px 1px #545454;
box-shadow: 2px 2px 10px 1px #545454;
}