/* All the main styles and stylesheet imports * * @file screen.css * * @type strict * @browsers Windows: IE6+, Firefox2+, Safari3+ * Mac OS: Safari3+, Firefox2+ * * @link http: //www.patientdocs.com * @copyright 2009 Patient Docs. All Rights Reserved. * */ /*=================================== GLOBAL ===================================*/ @import "reset.css"; html {color:#000; font-family: Georgia1, Georgia, serif; font-size: 14px;} body {background: #373b3d url(../img/body_bkg.gif) repeat-x; text-align: center; height: 100%; /* for older browsers */} #main, #sec {margin: 0 auto; position: relative; width: 100%; text-align: left;} .inside {margin: 0 auto; position: relative; width: 950px;} #header, #content, #modules, #footer {position: relative;} a img {border: none;} h1, h2, h3 {font-family: Georgia1, Georgia, serif; font-weight: normal;} p, blockquote {color:#000; font-family: Georgia1, Georgia, serif; font-size: 12px; line-height: 17px; margin-bottom:15px;} #main a, #footer .inside a, .side_item a {color:#000; font-family: Georgia1, Georgia, serif; font-size: 12px; text-decoration: none;} #main a:hover, .side_item a:hover {text-decoration: underline;} #sec .main_column a {color:#1e506e; font-family: Georgia1, Georgia, serif; font-size: 12px; 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 ===================================*/ #header .inside {background: #fafbe1;} #main #header .inside, #main #header {height: 486px;} #header .logo {background: url(../img/logo.jpg) no-repeat; width: 217px; height: 95px; position: absolute; left: 30px; top: 15px;} #header .logo a {width: 217px; height: 95px; display: block; overflow: hidden; text-indent: -9999px;} #header .phone {position: absolute; right: 9px; top: 21px;} /*=================================== MAIN CONTENT ===================================*/ #header .content {height: 287px; width: 950px; background: url(../img/content_bkg.jpg) no-repeat; position: absolute; top: 135px; left: 0;} .ad1 {width: 198px; height: 117px; position: absolute; top: 200px; right: 27px;} .ad1 a {width: 198px; height: 117px; display: block; overflow: hidden; text-indent: -9999px;} div.headline {position: absolute; top: 155px; left: 32px; width: 380px;} div.headline h1 {color: #bce3df; font-size: 33px; font-weight: normal; padding-bottom: 10px;} div.headline p {color: #fafbe1; font-size: 14px;} .request_appt {width: 251px; height: 58px; position: absolute; top: 67px; left: 431px;} .request_appt a {background: url(../img/button_request_appt.jpg) no-repeat right top; width: 251px; height: 58px; display: block; overflow: hidden; text-indent: -9999px;} .request_appt a:hover {background-position: right -58px;} .request_appt_selected {width: 251px; height: 58px; position: absolute; top: 67px; left: 431px;} .request_appt_selected a {background: url(../img/button_request_appt.jpg) no-repeat right top; width: 251px; height: 58px; display: block; overflow: hidden; text-indent: -9999px; background-position: right -58px;} .patient_forms {width: 251px; height: 58px; position: absolute; top: 67px; left: 689px;} .patient_forms a {background: url(../img/button_patient_forms.jpg) no-repeat right top; width: 251px; height: 58px; display: block; overflow: hidden; text-indent: -9999px;} .patient_forms a:hover {background-position: right -58px;} .patient_forms_selected{width: 251px; height: 58px; position: absolute; top: 67px; left: 689px;} .patient_forms_selected a {background: url(../img/button_patient_forms.jpg) no-repeat right top; width: 251px; height: 58px; display: block; overflow: hidden; text-indent: -9999px; background-position: right -58px;} /*---------------------------------- MAIN NAV ----------------------------------*/ #header .inside .main_nav_container {height: 58px; width: 950px; position: absolute;} .main_nav_container {position: absolute; left: 0; width: 950px; height: 58px;} #main .main_nav_container {top: 422px; background: url(../img/nav_bkg.jpg) no-repeat;} #sec .main_nav_container {top: 135px !important; background: url(../img/nav_bkg.jpg) no-repeat;} ul.main_nav {width: 605px; height: 64px; margin: 0 auto;} ul.main_nav li {padding:12px 10px 0 0; float: left; list-style: none; display: inline-block; height:22px;} ul.main_nav li a {height: 34px; display: block; text-indent: -9999px; overflow: hidden;} ul.main_nav li.last, ul.main_nav li.last a {padding-right: 0 !important;} ul.main_nav li.home a {background: url(../img/nav_home.jpg) no-repeat left top; width: 67px;} ul.main_nav li.home a:hover, ul.main_nav li.home a.current {background-position: 0 -34px;} ul.main_nav li.why_choose_us a {background: url(../img/nav_why_choose_us.jpg) no-repeat left top; width: 149px;} ul.main_nav li.why_choose_us a:hover, ul.main_nav li.why_choose_us a.current {background-position: 0 -34px;} ul.main_nav li.our_team a {background: url(../img/nav_our_team.jpg) no-repeat left top; width: 97px;} ul.main_nav li.our_team a:hover, ul.main_nav li.our_team a.current {background-position: 0 -34px;} ul.main_nav li.patient_education a {background: url(../img/nav_patient_education.jpg) no-repeat left top; width: 147px;} ul.main_nav li.patient_education a:hover, ul.main_nav li.patient_education a.current {background-position: 0 -34px;} ul.main_nav li.contact_us a {background: url(../img/nav_contact_us.jpg) no-repeat left top; width: 99px;} ul.main_nav li.contact_us a:hover, ul.main_nav li.contact_us a.current {background-position: 0 -34px;} /*---------------------------------- MAIN MODULES ----------------------------------*/ #main #modules {height: 258px;} #main #modules .inside {background: #fafbe1; height: 258px;} ul.modules_container {margin: 0 auto; width: 940px; padding: 30px 0 0 10px;} #sec ul.modules_container {width:290px; padding: 0 19px 0 10px;} .mod_pad {padding: 0 13px;} ul.modules_container li {background: #696750 url(../img/module_bkg.jpg) no-repeat left bottom; list-style: none; width: 291px; height: 177px; float: left; margin-right: 28px;} #sec ul.modules_container li {margin-bottom: 10px; margin-right: 0 !important;} ul.modules_container li.last {margin-right: 0;} ul.modules_container h2 {margin-bottom: 20px;} .img_left {float: left; padding: 0 12px 10px 0;} ul.modules_container li h2.wa {margin-bottom: 15px !important;} ul.modules_container li p, .side_item p {color: #fff; font-family: Arial, Helvetica, sans-serif;} /*=================================== SECONDARY CONTENT ===================================*/ #sec #content {position: absolute; top: 172px;} #sec #content .inside {width: 952px;} .main_column {width: 629px; float: left;} .side_column {width: 319px; float: left;} .promo {width: 319px; height: 273px; margin-bottom: 11px; background: url(../img/promo_bkg.jpg) no-repeat;} .main_content_wrapper {padding: 11px 20px 20px 20px;} .content_wrapper {padding-top: 211px;} /*--STYLES-------------------------*/ .header_sec_content h1 {color: #00467f; font-size: 26px; position: absolute; left: 60px; top: 50px;} .main_column h1 {font-family: Georgia1, Georgia, serif; color: #696750; font-weight: normal; font-size: 28px; background: url(../img/h2.jpg) no-repeat left bottom; margin-bottom: 20px; padding-bottom:20px;} .main_column h2 {font-family: Georgia1, Georgia, serif; font-weight:bold; color: #1e506e; font-size: 18px; margin-bottom: 15px;} .main_column ul {margin:0 0 15px 15px;} .main_column ul li {background: url(../img/li.jpg) no-repeat left 4px; padding:0 0 6px 11px;} .main_column p, .main_column ul li {font-family: Georgia1, Georgia, serif; color: #000;} blockquote {font-family: Georgia1, Georgia, serif; color: #fff; min-height:35px; height:auto !important; height:35px; background: #8ca5a7 url(../img/quote2.jpg) no-repeat left bottom; width: 395px; padding: 40px 20px 10px 20px; position: relative; margin-left:20px;} blockquote div {color: #1e506e; padding: 15px 0 10px 0;} .quote_img {width: 435px; height: 31px; background: url(../img/quote.jpg) no-repeat; position: absolute; top: 0px; left: 0px;} div.hr {height: 6px; width: 588px; background: url(../img/hr.jpg) no-repeat; clear: both; margin-bottom: 20px;} .team_container {width: 581px; margin-bottom: 15px;} .team_photo {width: 166px; float: left; margin-right: 15px;} .team_desc {width: 400px; float: left;} .team_desc h3 {font-family: Georgia1, Georgia, serif; color: #1e506e; font-size: 18px; padding-bottom: 15px;} .float-50{float:left; width:50%; text-align:left; line-height:17px; font-size: 14px;} .pad-30{margin-left:30px;} /*=================================== FOOTER ===================================*/ #footer {height: 93px} #footer .inside {height: 63px !important; padding-top: 30px; background: #d5d6bf; text-align: center;} #footer .inside p {color: #1e506e; margin-bottom:1px !important; text-align:center;} #footer .inside a {color: #1e506e !important; text-decoration: none !important;} #footer .inside a:hover {text-decoration: underline !important;} #footer .inside a.underline {text-decoration: underline !important;} #footer .inside a.underline:hover {text-decoration: none !important;} /*=========GENERAL CSS RULES================*/ /* OFFICE HOURS TABLE */ #hours{ width:220px; background-color:#2d5c78; font-size:12px;float:left; } #hours-hdr{ color:#FFF; font-weight:bold;} .hours-bg{ background-color:#FFF; color:#2d5c78;} /* END OFFICE HOURS TABLE */ .a-error {color:#FF0000;display:none;font-weight:bold;margin:0;text-align:left;} .a-form {font-size:12px;margin:0;} .a-div {clear:both;margin:0;padding:0 2px 10px;} .a-pad {padding:6px;} .a-label {font-weight:bold;margin:0;padding:0;text-align:left;width:95px;} .a-input {margin:0;padding:0;width:190px;} .a-logo {background-image:url(http://www.patientdocs.com/img/home/poweredby.png);background-repeat:no-repeat;} * html .a-logo {background-image:none;} .a-clear {clear:both;height:50px;position:relative;} #cal1Container { position: absolute; display: none; } p, #cal1Container { margin: 1em; } #cal1Container { z-index: 500; } .dp-highlighter { z-index: 1; } #edu-return-href{color:#183152;} #edu-article-title p, #edu-href{font-weight: bold; color: #1e506e; font-size: 16px; margin-bottom: 3px;} #edu-li, #edu-li li {margin-bottom: 10px; line-height: 17px;} /*--Input Style--*/ input { border:1px solid #7e9db9; background-color:#FFFFFF; margin-top:2px; } select { border:1px solid #7e9db9; background-color:#FFFFFF; margin-top:2px; } textarea { border:1px solid #7e9db9; background-color:#FFFFFF; margin-top:2px; } /*--End Input Style--*/ /*--Divs--*/ #form_container { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:365px; height:270px; text-align:left; } #top_left { width:174px; float:left; padding-bottom:15px; border-right:1px solid #d9d9d9;/*--Change the color of border--*/ } #top_right { width:175px; float:right; padding-bottom:15px; } #bottom { clear:both; width:365px; height:51px; padding-top:11px; margin-bottom:10px; border-top:1px solid #d9d9d9;/*--Change the color of border--*/ border-bottom:1px solid #d9d9d9;/*--Change the color of border--*/ } /*--End Divs--*/ /*--Images--*/ #submit_request { border:none; } .bkg_calendar { background:url(/images/btn_img_calendar.gif) right no-repeat #fff; } /*--End Images--*/ /*--Classes--*/ .field_name { font-weight:bold; color:#000000;/*--Change the color of the field name ie: Name--*/ } .secondary_details { font-size:11px; color:#000000;/*--Change the color of the secondary details ie: (include area code)--*/ } .required { color:#BC0303;/*--Change the color of the required fields--*/ } .float_right { float:right; } .float_left { float:left; } .powered-by{ float:right; background:url(/images/img_powered-by-color.png) top left no-repeat; width:100px; height:40px;} .field_margin { clear:both; margin-bottom:12px; } /* Calendar Header */ .calheader{ color:#000; } /*--End Classes--*/