/*[fmt]0010-101A-3*/
/*::::::::::::::::::::::::::::::::::::::::::::
Base CSS
Copyright © 2010 McMurry
::::::::::::::::::::::::::::::::::::::::::::*/
html, body, #aspnetForm{ height: 100%; }
body{ background: #4095CC url(../Images/bg-body.gif) repeat-x center top; color: #767666; font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 63%; }
#wrap{ min-height: 100%; height: auto !important; height: 100%; background: transparent url(../Images/bg-wrap.jpg) no-repeat center top; margin: 0 0 -160px; }
#header-wrap{ position: relative; z-index: 60; background: transparent url(../Images/bg-headerwrap.gif) repeat-x center top; }
#content-wrap{ width: 938px; background: #FFF; margin: 0 auto; padding: 10px 11px; }
#footer-wrap, #push{ height: 160px; background: transparent url(../Images/bg-footerwrap.gif) repeat-x center top; }
#sitemap-wrap{ width: 960px; height: 0px; position: absolute; margin: 0 auto; text-indent: -999999em; }
/*Header*/
#header{ width: 960px; height: 165px; position: relative; margin: 0 auto; }
#header .logo{ width: 390px; height: 53px; position: absolute; left: 0px; top: 52px; background: transparent url(../Images/logo.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -999999em; }
#header .logo:hover, #header .logo:focus{ background-position: center -53px; }
#header ul.top-nav{ display: inline; float: right; margin: 8px 20px 0 0; }
#header ul.top-nav li{ display: inline; float: left; text-transform: uppercase; }
#header ul.top-nav li a{ background: transparent no-repeat left top; color: #E5E2E1; display: inline; float: left; font-size: 12px; font-weight: bold; line-height: 16px; margin: 0 0 0 20px; padding: 2px 0 2px 22px; text-decoration: none; }
#header ul.top-nav li a:hover, #header ul.top-nav li a:focus{ background-position: left bottom; color: #FFF; }
#header ul.top-nav li.home a{ background-image: url(../Images/topnav-home.gif); }
#header ul.top-nav li.maps-directions a{ background-image: url(../Images/topnav-mapsdirections.gif); }
#header ul.top-nav li.app a{ background-image: url(../Images/topnav-app.gif); }
#header ul.top-nav li.contact a{ background-image: url(../Images/topnav-contact.gif); }
#header ul.top-nav li.rss a{ background-image: url(../Images/topnav-rss.gif); }
#header ul.top-nav li.twitter a{ background-image: url(../Images/topnav-twitter.gif); }
#header ul.top-nav li.facebook a{ background-image: url(../Images/topnav-facebook.gif); }
#header div.site-search{ position: absolute; right: 20px; top: 48px; background: #FFF; display: inline; float: left; overflow: hidden; padding: 4px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
#header div.site-search input{ width: 238px; background: transparent none; border: 0 none #000000; color: #999; display: inline; float: left; font-family: "Times New Roman", Georgia, Serif; font-size: 14px; margin: 0 3px 0 0; padding: 2px 5px; }
#header div.site-search a{ background: transparent url(../Images/bg-button.gif) no-repeat right top; color: #FFF; display: inline; float: left; font-size: 12px; font-weight: bold; padding: 4px 22px 5px 12px; text-decoration: none; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#header div.site-search a:hover, #header div.site-search a:focus{ background-position: right bottom; }
#header p{ position: absolute; right: 20px; top: 80px; color: #06121F; font-family: "Times New Roman", Georgia, Serif; font-size: 18px; font-style: italic; font-weight: bold; text-transform: capitalize; }
#header p strong{ color: #0E7FC3; font-family: Georgia, "Times New Roman", Serif; font-size: 36px; font-style: normal; font-weight: normal; }
#header div.navigation{ width: 960px; height: 35px; position: absolute; left: 0px; top: 130px; }
#header div.navigation ul, #header div.navigation ul li, #header div.navigation ul li a{ display: inline; float: left; }
#header div.navigation ul{ float: right; margin: 0 20px 0 0; }
#header div.navigation ul li{ position: relative; margin: 0 0 0 4px; }
#header div.navigation ul li a{ height: 35px; background: transparent no-repeat center top; overflow: hidden; text-indent: -99999em; }
.physicians #header div.navigation ul li a#nav_our_physicians, .learn #header div.navigation ul li a#nav_patient_education, .services #header div.navigation ul li a#nav_orthopaedic_specialties, .patients #header div.navigation ul li a#nav_patient_resources, .about #header div.navigation ul li a#nav_about_us, .videos #header div.navigation ul li a#nav_videos{ background-position: center -70px; }
body #header-wrap #header div.navigation div ul li a:hover, body #header-wrap #header div.navigation ul li a:focus, body #header-wrap #header div.navigation ul li.hover a{ background-position: center -35px; }
#header div.navigation ul li a#nav_our_physicians{ width: 136px; background-image: url(../Images/nav_our_physicians.gif); }
#header div.navigation ul li a#nav_patient_education{ width: 159px; background-image: url(../Images/nav_patient_education.gif); }
#header div.navigation ul li a#nav_orthopaedic_specialties{ width: 206px; background-image: url(../Images/nav_orthopaedic_specialties.gif); }
#header div.navigation ul li a#nav_about_us{ width: 95px; background-image: url(../Images/nav_about_us.gif); }
#header div.navigation ul li a#nav_patient_resources{ width: 162px; background-image: url(../Images/nav_patient_resources.gif); }
#header div.navigation ul li a#nav_maps_directions{ width: 158px; background-image: url(../Images/nav_maps_directions.gif); }
#header div.navigation ul li a#nav_videos{ width: 78px; background-image: url(../Images/nav_videos.gif); }
/*NEW Dropdowns*/
#header div.navigation ul li .subnav{ width: 460px; position: absolute; top: 35px; z-index: 200; background: transparent no-repeat center top; display: none; overflow: hidden; padding: 20px 30px; }
#header div.navigation ul li .subnav h3{ height: 80px; overflow: hidden; text-indent: -99999em; }
#header div.navigation ul li .subnav ul{ width: 490px; display: inline; float: left; overflow: hidden; }
#header div.navigation ul li .subnav ul li{ width: 200px; background: transparent url(../Images/bullet-dropdown.gif) no-repeat left 5px; display: inline; float: left; margin: 0 20px 10px 0; padding: 0 0 0 10px; }
#header div.navigation ul li .subnav ul li a{ width: auto; height: auto; color: #FFF; display: inline; float: left; font-size: 12px; font-weight: bold; text-decoration: none; text-indent: 0; text-transform: uppercase; }
#header div.navigation ul li .subnav ul li a:hover{ color: #FFBA12; }
#header div.navigation ul li .subnav-physicians{ height: 290px; left: -50px; background-image: url(../Images/ddn-physicians.png); }
#header div.navigation ul li .subnav-specialties{ height: 200px; left: -150px; background-image: url(../Images/ddn-specialties.png); }
#header div.navigation ul li .subnav-patients{ height: 200px; left: -240px; background-image: url(../Images/ddn-patients.png); }
#header div.navigation ul li .subnav-about{ height: 220px; left: -395px; background-image: url(../Images/ddn-about.png); }
#header div.navigation ul li .subnav-about ul li{ width: 160px; float: left; }
#header div.navigation ul li .subnav-about ul li.healthcare-seminar, #header div.navigation ul li .subnav-about ul li.locations{ width: 270px; float: right; }
#header div.navigation ul li .subnav-about ul li ul{ width: 280px; margin: 7px 0 0 -5px; }
#header div.navigation ul li .subnav-about ul li ul li{ width: 120px; background: transparent url(../Images/bullet-dropdownsub.gif) no-repeat left 6px; line-height: 14px; margin: 0 5px 5px 0; padding: 0 0 0 7px; }
#header div.navigation ul li .subnav-about ul li ul li.cutting-edge-concepts{ width: 100%; }
#header div.navigation ul li .subnav-about ul li ul li a{ color: #E6E2E1; font-family: Georgia, "Times New Roman", Serif; font-size: 11px; font-weight: normal; text-transform: capitalize; }
#header div.navigation ul li .subnav-about ul li ul li a:hover{ color: #FFF; text-decoration: underline; }
/*CTAs*/
#cta-wrap{ width: 938px; height: 90px; position: relative; background: #FFF; margin: 0 auto; padding: 7px 11px 0; }
#cta-wrap .ctas{ width: 938px; height: 90px; position: relative; overflow: hidden; }
#cta-wrap .tab{ width: 30px; height: 60px; position: absolute; top: 20px; background: transparent no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#cta-wrap .tab:hover{ background-position: center bottom; }
#cta-wrap .tab-prev{ background-image: url(../Images/tab-prev.gif); left: -30px; }
#cta-wrap .tab-next{ background-image: url(../Images/tab-next.gif); right: -30px; }
#cta-wrap ul{ width: 999999em; position: absolute; }
#cta-wrap ul li{ display: inline; float: left; margin: 0 4px 0 0; }
#cta-wrap ul li a{ width: 310px; height: 90px; background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -999999em; }
#cta-wrap ul li a:hover{ background-position: center bottom; }
#cta-wrap ul li a.cta-physicians{ background-image: url(../Images/cta-physicians.gif); }
#cta-wrap ul li a.cta-appointments{ background-image: url(../Images/cta-appointments.gif); }
#cta-wrap ul li a.cta-newoffice{ background-image: url(../Images/cta-newoffice.gif); }
#cta-wrap ul li a.cta-newsletter{ background-image: url(../Images/cta-newsletter.gif); }
#cta-wrap ul li a.cta-upcomingevents{ background-image: url(../Images/cta-upcomingevents.gif); }
#cta-wrap ul li a.cta-workforceadvantage{ background-image: url(../Images/cta-workforceadvantage.gif); }
/*Content*/
#content-wrap .content, #main_content{ font-size: 1.4em; line-height: 1.45em; }
#main_content h1{ border-bottom: 2px dotted #DDD; font-size: 2.2em; line-height: 1.25em; margin: 0 0 0.5em; text-transform: uppercase; }
#main_content h2{ background: transparent url(../Images/bg-section-home.gif) no-repeat right bottom; color: #FFF; font-family: Georgia, "Times New Roman", Serif; font-size: 1.5em; font-weight: normal; line-height: 1.15em; overflow: hidden; padding-bottom: 30px; }
#main_content h2 span{ background: #A2C6DF url(../Images/h2-tab-active.gif) no-repeat left top; float: left; padding: 0.3em 0.6em 0.4em; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#content-wrap .content h3, #main_content h3, #content-wrap .content h4, #main_content h4, #content-wrap .content h5, #main_content h5, #content-wrap .content h6, #main_content h6{ line-height: 1.25em; margin: 0 0 0.5em; padding: 0.15em 0; }
#content-wrap .content h3, #main_content h3{ color: #4FA5D4; font-family: Georgia, "Times New Roman", Serif; font-weight: normal; font-size: 1.6em; }
#content-wrap .content h4, #main_content h4{ border-bottom: 1px dotted #CCC; color: #FFAE00; font-size: 1.55em; font-style: italic; }
#content-wrap .content h5, #main_content h5{ color: #9A9A83; font-family: Georgia, "Times New Roman", Serif; font-weight: normal; font-size: 1.08em; text-transform: uppercase; }
#content-wrap .content h6, #main_content h6{ font-size: 1.15em; margin: 0 0 .5em; text-transform: uppercase; }
#content-wrap .content p, #main_content p{ margin: 0 0 1.45em; }
#content-wrap .content a, #main_content a{ color: #4095CC; text-decoration: none; }
#content-wrap .content a:hover, #main_content a:hover{ background-color: #FFAE00; color: #333; }
#content-wrap .content ul, #main_content ul{ margin: 0 0 1.45em 1.25em; }
#content-wrap .content ol, #main_content ol{ list-style-position: inside; list-style-type: decimal; margin: 0 0 1.45em 1.15em; }
#content-wrap .content ul li, #main_content ul li, #content-wrap .content ol li, #main_content ol li{ line-height: 1.25em; margin: 0 0 0.5em; }
#content-wrap .content ul li, #main_content ul li{ background: url(../Images/bullet1.gif) no-repeat 0.1em 0.55em; padding: 0 0 0 1em; }
#content-wrap .content .button, #main_content .button{ background: transparent url(../Images/bg-button.gif) no-repeat right top; color: #FFF; font-size: 12px; font-weight: bold; margin: 10px 5px 0 0; padding: 3px 22px 4px 12px; text-decoration: none; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content-wrap .content .button-black, #main_content .greenbutton{ background: transparent url(../Images/bg-blackbutton.gif) no-repeat right top; color: #FFF !important; }
#content-wrap .content .button:hover, #main_content .button:hover{ background-position: right bottom; color: #FFF; }
#content-wrap .content fieldset, #main_content fieldset{ border: 1px solid #efefef; padding: 0.25em 1em; }
#content-wrap .content legend, #main_content legend{ color: #4FA5D4; font-family: Georgia, "Times New Roman", Serif; font-size: 1.3em; padding: 0 0.5em; }
#content-wrap .content blockquote, #main_content blockquote{ background: #efefef; border-left: 0.75em solid #9A9A83; margin: 0 0 1.45em; padding: 0.5em; }
#content-wrap .content hr, #main_content hr{ height: 0px; border: 0 none; border-bottom: dotted 2px #ccc; line-height: 0px; margin: 1em 0; padding: 0; }
/*Legal*/
#legal-wrap{ width: 960px; color: #FFF; font-size: 1.1em; margin: 10px auto; overflow: hidden; }
#legal-wrap p{ display: inline; float: left; }
#legal-wrap a{ color: #FFF; text-decoration: none; }
#legal-wrap a:hover{ color: #FFCB05; text-decoration: underline; }
#legal-wrap ul{ display: inline; float: right; overflow: hidden; }
#legal-wrap ul li{ border-left: 1px solid #FFF; display: inline; float: left; margin: 0 0 0 6px; padding: 0 0 0 6px; text-transform: uppercase; }
#legal-wrap ul li.first{ border: 0 none #000000; margin: 0; padding: 0; }
/*Footer*/
#footer{ width: 960px; margin: 0 auto; overflow: hidden; }
#footer h3{ width: 443px; height: 23px; background: transparent url(../Images/h3-ooclocations.gif) no-repeat center top; display: inline; float: left; margin: 9px 0; overflow: hidden; text-indent: -99999em; }
#footer ul{ width: 980px; display: inline; float: left; }
#footer ul li{ width: 184px; display: inline; float: left; margin: 10px 10px 0 0; }
#footer ul li a{ width: 184px; color: #4FA5D4; display: inline; float: left; font-family: Georgia, "Times New Roman", Serif; font-size: 1.33em; font-variant: small-caps; font-style: normal; font-weight: normal; margin: 0 0 0.25em; text-decoration: none; }
#footer ul li a:hover{ color: #FFF; }
#footer ul li address{ color: #AEAE9E; font-size: 1.2em; font-style: normal; line-height: 1.25em; }