/* Layout */ body {margin: 16px 0 0 0; background: #d1e3eb} BODY, TD, .NormalText { font-weight: normal; font-style: normal; text-decoration: none; font-size: 12px; font-family: Trebuchet MS, Tahoma, Verdana, Arial; color: #00374f; } .Header {font-size: 18px; font-weight: bold; color: #00374f; } .GreenSubheader {font-size: 16px; font-weight: bold; color: #009431; } .OrangeSubheader {font-size: 16px; font-weight: bold; color: #FF6300; } .Orange { color: #FF6300; } .Green { color: #009431; } .Blue { color: #00374F; } .Purple { color: #9400C6; } .Black { color: #000000; } .White { color: #FFFFFF; } * #container {background: #d1e3eb url(images/container_bg.gif) repeat-y; width: 100%} * #head_wrap {background: url(images/head_bg.gif) repeat-x; height: 136px; padding-left: 16px} * #outer_wrap {float: left; width: 800px} * #nav_wrap { float: left; margin-left: 16px; z-index: 2; position: absolute; left: -1px; top: 174px; } * #home_wrap {background: url(images/home_bg.jpg) no-repeat; width: 657px; height: 565px; float: right; margin: 0;} * #content_wrap {background: #d1e3eb; width: 657px; float: right; margin: 0 0 15px 0} * #content {margin: 0 0 0 45px; display: block; min-height:380px} * #content_fixed {margin: 0 0 0 45px; display: block; height: 375px} * #footer_wrap {height: 118px; background: url(images/footer_bg.gif) repeat-x; font: 12px trebuchet ms, verdana; color: #fff} * .footer {padding: 22px 22px 0 22px; display: block; float: left;} * .break {clear: both} * .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} /* Images */ img {display: block} IMG.img_center {margin: 0 auto; display: block} IMG.img_center_border {border: solid 1px #000; margin: 0 auto; display: block} IMG.img_border {border: solid 1px #003366; display: inline} IMG.img_left_border {border: solid 1px #003366; margin: 0 15px 15px 0; float: left; display: inline} IMG.img_right {margin: 0 0 15px 15px; float: right; display: inline} IMG.img_right_border {border: solid 1px #003366; margin: 0 0 15px 15px; float: right; display: inline} #blogger { position:relative; top:0px; left:7px;} #facebook {position:relative; top:-25px; left:35px;} #social { height:50px;} /* Headings */ h1 {font: bold 18px trebuchet ms, verdana, arial; color: #00374f; margin: 10px 0} h2 {font: bold 16px trebuchet ms, verdana, arial; color: #009431; margin: 10px 0} h3 {font: bold 16px trebuchet ms, verdana, arial; color: #ff6300; margin: 10px 0} /* Lists */ ul, li {margin: 0 0 0 8px} /* Links */ a:link, a:visited {color: #009431; text-decoration: underline} .footer a:link, .footer a:visited {color: #fff; text-decoration: none} .footer a:hover {text-decoration: underline} /* Top Nav =================== */ b {display: none} * #top_nav a {display: block; height: 27px; text-decoration: none} * #top_nav {list-style: none; margin: 0; padding: 0; background-color: #31ce63; height: 27px; float: left} * #top_nav_ortho, * #top_nav_braces, * #top_nav_video, * #top_nav_emergency {float: left; height: 27px; margin: 0 15px} * #top_nav_ortho {background: url(images/nav/top/ortho.gif); width: 85px} * #top_nav_braces {background: url(images/nav/top/braces_101.gif); width: 67px} * #top_nav_video {background: url(images/nav/top/patient_video.gif); width: 118px} * #top_nav_emergency {background: url(images/nav/top/emergency_care.gif); width: 105px} #ortho #top_nav_ortho, #top_nav li:hover#top_nav_ortho, #top_nav li.sfhover#top_nav_ortho, #braces #top_nav_braces, #top_nav li:hover#top_nav_braces, #top_nav li.sfhover#top_nav_braces, #video #top_nav_video, #top_nav li:hover#top_nav_video, #top_nav li.sfhover#top_nav_video, #emergency #top_nav_emergency, #top_nav li:hover#top_nav_emergency, #top_nav li.sfhover#top_nav_emergency {background-position: 0 27px} /* Drop Down */ #top_nav li {display: inline} /* Drop Down Box */ #top_nav li ul {background-color: #31ce63; font: 12px trebuchet ms, tahoma, verdana; color: #00374f; left: -9999px; width: 215px; position: absolute} #top_nav li:hover ul, #top_nav li.sfhover ul {left: auto; margin-top: 0; margin-left: -7px} #top_nav ul {list-style: none; margin: 0; padding: 0} /* Drop Down Text/Link */ #top_nav ul li a {color: #00374f; padding: 3px 0 3px 10px; height: 20px; width: 215px} #top_nav ul li a:hover {color: #ffff00; text-decoration: none} /* Side Nav ================ */ #nav a {width: 142px; height: 30px; margin: 0 0 3px 6px; display: block} * #nav_patient {background: url(images/nav/side/patient_login.gif)} * #nav_doctor {background: url(images/nav/side/doctor_login.gif)} * #nav_about {background: url(images/nav/side/about_us.gif)} * #nav_new_patients {background: url(images/nav/side/new_patients.gif)} * #nav_referrals {background: url(images/nav/side/referrals.gif)} * #nav_office_fun {background: url(images/nav/side/office_fun.gif)} * #nav_links {background: url(images/nav/side/links.gif)} * #nav_contact {background: url(images/nav/side/contact.gif)} * #nav_home {background: url(images/nav/side/home.gif)} #nav a:hover, #nav li:hover, #nav li.sfHoverV, * #patient, * #doctor, * #about * #nav_about, #nav li:hover #nav_about, #nav li.sfHoverV #nav_about, * #new_patients * nav_new_patients, #nav li:hover #nav_new_patients, #nav li.sfHoverV #nav_new_patients, * #referrals * #nav_referrals, * #office_fun * #nav_office_fun, #nav li:hover #nav_office_fun, #nav li.sfHoverV * #nav_office_fun, * #links * #nav_links, * #contact * #nav_contact, * #home * #nav_home {background-position: 0 -30px} /* Drop Down */ ul#nav, #nav ul {line-height: 1; list-style: none; margin: 0; padding: 0; border: 0} #nav li {display: inline; margin: 10px 0 0 0} /* Drop Down Box */ #nav li ul {border: solid 1px #939393; border-width: 1px 1px 1px 1px; font: 12px trebuchet ms; color: #000; left: -9999px; position: absolute; z-index: -2; padding: 0} #nav li:hover ul, #nav li.sfHoverV ul {left: auto; margin: -30px 0 0 135px} /* Drop Down Text/Link */ #nav ul li a {color: #fff; padding: 3px 0 0 20px; margin: 0; width: 165px; height: 20px; background-color: #008ac7; text-decoration: none} #nav ul li a:hover {color: #454545; background-color: #e6e6e6}