/* All the main styles and stylesheet imports * * @file screen.css * * @type strict * @browsers Windows: IE6+, Firefox2+, Safari3+ * Mac OS: Safari3+, Firefox2+ * * @link http: //www.shoxty.com/ * @copyright 2008 Will Robertson. All Rights Reserved. * */ /*=================================== GLOBAL ===================================*/ @import "reset.css"; html {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} body {background: #022873; text-align: center; height: 100%; /* for older browsers */} #body_bkg_main {background: #022873 url(../img/bkg.jpg) repeat-x left top; width:100%; height:100%; height:auto; min-height:100%;} #body_bkg_sec {background: #0A3DA6 url(../img/bkg_sec.jpg) repeat-x left top; width:100%; height:100%; height:auto; min-height:100%;} #main .inner_wrap {width: 950px; margin: 0 auto;} #sec .inner_wrap {width: 950px; margin: 0 auto;} #main, #sec {margin: 0 auto; position: relative; width: 100%; text-align: left;} .inside {margin: 0 auto; position: relative; width: 950px;} #header, #navigation, #content, #modules, #footer {position: relative;} a img {border: none;} h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; font-weight: normal;} p, blockquote {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px; margin-bottom:20px;} #main a, #footer .inside a, .side_item a {color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;} #main a:hover, .side_item a:hover {text-decoration: underline;} #sec .main_column a {color:#3e423e; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none;} #sec .main_column a:hover {text-decoration: underline;} .clear_left {clear: left;} .clear_right {clear: right;} .clear_both {clear: both;} .float_left {float: left;} .float_right {float: right;} /*=================================== HEADER ===================================*/ #main #header {height: 488px;} #sec #header {height:190px;} #main #header .inside {height: 488px; background: url(../img/header_bkg_main.jpg) no-repeat left top;} #sec #header .inside {height: 190px; background: url(../img/header_bkg_sec.jpg) no-repeat left top;} .phone {position: absolute; color: #e0ecf0; top: 130px; right: 0px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 24px;} .phone span {display:inline-block; margin-right:10px; font-size:18px;} .logo {width: 357px; height: 74px; position: absolute; top: 85px; left: 0px; background: url(../img/logo.jpg) no-repeat left top;} .logo a {width: 357px; height: 74px; display: block; overflow: hidden; text-indent: -9999px;} .referer1 {color:#333333; width: 380px; height: 25px; position: absolute; bottom: 40px; left: 30px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:18px;} .referer2 {color:#e0ecf0; width: 380px; height: 25px; position: absolute; bottom: 42px; left: 28px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:18px;} .button_forms {width: 312px; height: 49px; position: absolute; bottom: 28px; right: 617px;} .button_forms a {width: 312px; height: 49px; background: url(../img/buttons_main.jpg) no-repeat left top; display: block; overflow: hidden; text-indent: -9999px;} .button_forms a:hover {background-position: left -50px;} .button_request {width: 306px; height: 49px; position: absolute; bottom: 28px; right: 308px;} .button_request a {width: 306px; height: 49px; background: url(../img/buttons_main.jpg) no-repeat -315px top; display: block; overflow: hidden; text-indent: -9999px;} .button_request a:hover {background-position: -315px -50px;} .button_survey {width: 281px; height: 49px; position: absolute; bottom: 28px; right: 24px;} .button_survey a {width: 281px; height: 49px; background: url(../img/buttons_main.jpg) no-repeat -624px top; display: block; overflow: hidden; text-indent: -9999px;} .button_survey a:hover {background-position: -624px -50px;} /*---------------------------------- MAIN NAV ----------------------------------*/ #main #content .inside .main_nav_container {position: absolute; top: 0px; left: 26px;} #content .inside .main_nav_container {height: 66px; width: 728px;} ul.main_nav {margin: 0 auto; width: 728px; height: 66px;} ul.main_nav li {float: left; list-style: none; display: inline-block; height: 66px;} ul.main_nav li.last {padding-bottom: 0 !important;} ul.main_nav li a {background: url(../img/nav.jpg) no-repeat; height: 66px; display: block; text-indent: -9999px; overflow: hidden;} ul.main_nav li.home a {background-position: left top; width:72px;} ul.main_nav li.home a:hover, ul.main_nav li.home a.current {background-position: left bottom;} ul.main_nav li.root_canal_treatment a {background-position: -72px top; width:182px;} ul.main_nav li.root_canal_treatment a:hover, ul.main_nav li.root_canal_treatment a.current {background-position: -72px bottom;} ul.main_nav li.office_policies a {background-position: -254px top; width:129px;} ul.main_nav li.office_policies a:hover, ul.main_nav li.office_policies a.current {background-position: -254px bottom;} ul.main_nav li.meet_the_team a {background-position: -383px top; width:134px;} ul.main_nav li.meet_the_team a:hover, ul.main_nav li.meet_the_team a.current {background-position: -383px bottom;} ul.main_nav li.office_tour a {background-position: -517px top; width:106px;} ul.main_nav li.office_tour a:hover, ul.main_nav li.office_tour a.current {background-position: -517px bottom;} ul.main_nav li.contact_us a {background-position: -623px top; width:105px;} ul.main_nav li.contact_us a:hover, ul.main_nav li.contact_us a.current {background-position: -623px bottom;} /*=================================== MAIN CONTENT ===================================*/ #main #content {min-height: 225px;} #main #content .inside {padding-top:25px;} ul.content_columns li {list-style: none; float: left; margin-right: 30px;} ul.content_columns li .icon {float: left; margin-top:2px; padding-right: 15px; margin-bottom:auto;} ul.content_columns li.first {width:620px; text-align:justify;} ul.content_columns li.last {width:300px; margin-right: 0; text-align:justify;} ul.content_columns li h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#ffffff; text-shadow:#333333 1px 1px 0px; filter: Shadow(Color=#333333, Direction=135, Strength=1); position:relative; margin-bottom: 10px !important;} ul.content_columns li p, .side_item p {font-weight: normal; color: #aed3f2; line-height:16px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} ul.content_columns .edu_links {font-size:14px !important; color:#FFFF00; text-decoration:none; line-height:20px;} ul.content_columns .edu_links:hover {text-decoration: underline;} /*---------------------------------- MAIN MODULES ----------------------------------*/ #main #modules {min-height: 130px; height: auto !important; height: 130px;} #main #modules .inside {padding:25px 0 10px 0; min-height: 100px; height: auto !important; height: 100px;} ul.modules_container li {list-style: none; width: 280px; padding-left: 23px; float: left; margin-right: 10px;} ul.modules_container li .icon {float: left; margin-top:2px; padding-right: 15px; margin-bottom:auto;} ul.modules_container li.last {margin-right: 0;} ul.modules_container li h2 {position:relative; margin-bottom: 10px !important;} ul.modules_container li h2 a {position:relative; top:2px; display:block; font-family:Arial, Helvetica, sans-serif !important; color: #e0ecf0 !important; font-size: 22px !important; margin-bottom: 10px !important; text-decoration:none!important; } ul.modules_container li p, .side_item p {font-weight: normal; color: #000000; line-height:16px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} /*=================================== SECONDARY CONTENT ===================================*/ #sec #content {min-height:705px; height:auto !important; height:705px;} #sec #content .top {background:url(../img/content_top_sec.jpg) no-repeat left top; height:2px; width:950px;} #sec #content .inside {background:url(../img/content_body_sec.jpg) repeat-y left top; padding-bottom:20px; height:auto !important; min-height:705px;} #sec #content .btm {background:url(../img/content_btm_sec.jpg) no-repeat left top; width:950px; height:2px;} .main_column {width: 550px; padding: 20px 25px 20px 25px; float: left;} .side_column {width: 310px; padding: 20px 20px 20px 20px; float: left; position:relative;} #sec .button_forms {width: 330px; height: 52px; position: relative; top: -10px; left:-10px;} #sec .button_forms a {width: 330px; height: 52px; background: url(../img/buttons_sec.jpg) no-repeat left top; display: block; overflow: hidden; text-indent: -9999px;} #sec .button_forms a:hover, #sec .button_forms a.current {background-position: right top;} #sec .button_appointment {width: 330px; height: 52px; position: relative; top: -4px; left:-10px;} #sec .button_appointment a {width: 330px; height: 52px; background: url(../img/buttons_sec.jpg) no-repeat left -58px; display: block; overflow: hidden; text-indent: -9999px;} #sec .button_appointment a:hover, #sec .button_appointment a.current {background-position: right -58px;} #sec .button_survey {width: 330px; height: 52px; position: relative; top:2px; left:-10px;} #sec .button_survey a {width: 330px; height: 52px; background: url(../img/buttons_sec.jpg) no-repeat left -116px; display: block; overflow: hidden; text-indent: -9999px;} #sec .button_survey a:hover, #sec .button_survey a.current {background-position: right -116px;} .promo {width: 309px; height: 328px; margin-bottom: 30px; background: url(../img/promo_bkg.jpg) no-repeat left top;} .main_content_wrapper {padding: 40px 38px 0 38px;} .indent_content {padding: 0 21px;} .links_form {font-size:16px !important; color: #0000FF !important; text-decoration:none;} .links_form {text-decoration: underline;} .links_form_14px {font-size:14px !important; color: #0000FF !important; text-decoration:none;} .links_form_14px {text-decoration: underline;} /*--STYLES-------------------------*/ .header_sec_content h1 {color: #00467f; font-size: 26px; position: absolute; left: 60px; top: 50px;} .main_column h1 {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 30px; font-weight:lighter; background: url(../img/h2.jpg) no-repeat left bottom; margin-bottom: 20px; padding-bottom:20px;} .main_column h2 {font-family: Arial, Helvetica, sans-serif; font-weight:lighter; color: #2d5dbc; font-size: 22px; margin-bottom: 20px;} .main_column h3 {font-family: Arial, Helvetica, sans-serif; font-weight:lighter; color: #2d5dbc; font-size: 18px; margin-bottom: 20px;} .main_column ul {margin-bottom:20px;} .main_column ul li {font-size: 14px; background: url(../img/li.jpg) no-repeat left 4px; margin-left:20px; padding:0 0 6px 13px;} .main_column p, blockquote, .main_column ul li {font-family: Arial, Helvetica, sans-serif;} blockquote {color: #000000; width: 430px; padding: 14px 42px 10px 62px; position: relative; margin-left:20px;} blockquote p {margin-bottom:0px;} blockquote p:first-letter {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 2.5em; font-weight:bold; line-height: 0.8em; float: left; margin: 2px 3px 0 0; display:block;} blockquote .signature {color: #88c8ef; padding: 12px 0 5px 0;} .quote_img {width: 42px; height: 38px; background: url(../img/quote.jpg) no-repeat; position: absolute; top: 10px; left: 10px;} .quote_img_bottom {width: 42px; padding: 0; height: 38px; background: url(../img/quote_bottom.jpg) no-repeat; position: absolute; bottom: 7px; right: 8px;} div.hr {height: 5px; width: 550px; background: url(../img/hr.jpg) repeat-x; clear: both; margin-bottom: 25px;} div.hr2 {height: 5px; width: 500px; background: url(../img/hr.jpg) repeat-x; clear: both; margin:0 auto 20px;} .team_container {width: 550px; margin-bottom: 20px;} .team_photo {width: 200px; float: left; margin-right: 15px;} .team_desc {width: 550px; float: left;} .team_desc h3 {font-family:"Times New Roman", Times, serif; color: #2d5dbc; font-size: 22px; font-weight: lighter;} /*---------------------------------- SIDEBAR ----------------------------------*/ .side_mods {padding-top: 30px;} .side_mods li {width: 310px !important; padding-left: 0px !important; margin-right: 0 !important;} .side_mods li .icon {padding-right: 10px !important;} .side_mods li h2 {position:relative; margin-bottom: 10px !important;} .side_mods li h2 a{position:relative; top:2px; display:block; font-family:"Times New Roman", Times, serif !important; color: #e0ecf0 !important; font-size: 22px !important; margin-bottom: 10px !important; text-decoration:none!important; } /*=================================== FOOTER ===================================*/ #footer {height: 99px; background: url(../img/footer_bkg.jpg) repeat-x; position:relative; bottom:0px; left:0px; } #footer .inside {position: relative; height: 99px; text-align: center;} #footer #ada {width: 141px; height: 51px; position: absolute; top:20px; left:10px;} #footer #ada a {width: 141px; height: 51px; background: url(../img/ada_logo.jpg) no-repeat left top; display: block; overflow: hidden; text-indent: -9999px;} #footer #aea {width: 76px; height: 76px; position: absolute; top:12px; right:10px;} #footer #aea a {width: 76px; height: 76px; background: url(../img/aea_logo.jpg) no-repeat left top; display: block; overflow: hidden; text-indent: -9999px;} .copyright {font-family:Arial, Helvetica, sans-serif; padding-top:25px; color:#202020 !important; font-size: 12px !important; text-align: center;} #footer a {font-family:Arial, Helvetica, sans-serif; color: #202020 !important; line-height:17px; font-size: 12px !important; text-decoration: none !important;} #footer a:hover, .footer_nav li.selected a {text-decoration: underline !important;}