/* 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: Georgia1, Georgia, serif; font-size: 12px;} body {background: #fff; 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, #navigation, #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:20px;} #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:#418d8d; 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 {height: 158px;} #header .inside {height: 158px; background: url(../img/header_bkg.jpg) repeat-x left top;} .request_appt {width: 193px; height: 64px; position: absolute; top: 74px; right: 224px;} .request_appt .current{ background-position: left -64px; } .request_appt a {background: url(../img/button_request_appt.jpg) no-repeat left top; width: 193px; height: 64px; display: block; overflow: hidden; text-indent: -9999px;} .request_appt a:hover {background-position: left -64px;} .new_patient_forms {width: 193px; height: 64px; position: absolute; top: 74px; right: 29px;} .new_patient_forms .current {background-position: left -64px;} .new_patient_forms a {background: url(../img/button_patient_forms.jpg) no-repeat left top; width: 193px; height: 64px; display: block; overflow: hidden; text-indent: -9999px;} .new_patient_forms a:hover {background-position: left -64px;} /*=================================== NAVIGATION ===================================*/ #navigation {height: 64px;} #navigation .inside {height: 64px; background: url(../img/nav_bkg.jpg) repeat-x left top;} /*---------------------------------- MAIN NAV ----------------------------------*/ #navigation .inside .main_nav_container {height: 64px; width: 950px; position: absolute; bottom: 0;} ul.main_nav {margin: 0 auto; width: 950px; height: 64px;} ul.main_nav li {float: left; list-style: none; display: inline-block; padding-right: 7px; height:64px;} ul.main_nav li a {height: 64px; display: block; text-indent: -9999px; overflow: hidden;} ul.main_nav li.first {padding-left: 52px;} 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: 63px;} ul.main_nav li.home a:hover, ul.main_nav li.home a.current {background-position: 0 -64px;} ul.main_nav li.why_choose_us a {background: url(../img/nav_why_choose_us.jpg) no-repeat left top; width: 142px;} ul.main_nav li.why_choose_us a:hover, ul.main_nav li.why_choose_us a.current {background-position: 0 -64px;} ul.main_nav li.meet_the_team a {background: url(../img/nav_meet_the_team.jpg) no-repeat left top; width: 127px;} ul.main_nav li.meet_the_team a:hover, ul.main_nav li.meet_the_team a.current {background-position: 0 -64px;} ul.main_nav li.before_after a {background: url(../img/nav_before_after.jpg) no-repeat left top; width: 124px;} ul.main_nav li.before_after a:hover, ul.main_nav li.before_after a.current {background-position: 0 -64px;} 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 -64px;} ul.main_nav li.testimonials a {background: url(../img/nav_testimonials.jpg) no-repeat left top; width: 105px;} ul.main_nav li.testimonials a:hover, ul.main_nav li.testimonials a.current {background-position: 0 -64px;} ul.main_nav li.contact_us a {background: url(../img/nav_contact_us.jpg) no-repeat left top; width: 100px;} ul.main_nav li.contact_us a:hover, ul.main_nav li.contact_us a.current {background-position: 0 -64px;} /*=================================== MAIN CONTENT ===================================*/ #main #content {height: 315px;} #main #content .inside {height: 315px; background: url(../img/content_inner_bkg.jpg) no-repeat;} .offer {width: 256px; height: 87px; position: absolute; top: 70px; left:18px;} .offer a {width: 257px; height: 87px; display: block; overflow: hidden; text-indent: -9999px;} /*---------------------------------- MAIN MODULES ----------------------------------*/ #main #modules {min-height: 180px; height: auto !important; min-height: 180px; position:relative;} #main #modules .inside {min-height: 180px; height: auto !important; min-height: 180px;} ul.modules_container li {list-style: none; width: 301px; float: left; margin-right: 23px; margin-bottom:10px;} ul.modules_container li.last {margin-right: 0;} ul.modules_container li h2 {margin-bottom: 10px !important;} ul.modules_container li p, .side_item p { color: #000; line-height:19px; font-family: Georgia1, Georgia, serif; font-size: 14px; margin-bottom:0;} /*=================================== SECONDARY CONTENT ===================================*/ #sec #content {min-height:705px; height:auto !important; height:705px;} #sec #content .inside {background: url(../img/sidebar_bkg.jpg) repeat-y; min-height:705px; height:auto !important; height:705px; margin-top: 2px;} .main_column {width: 649px; float: left;} .side_column {width: 301px; float: left;} .promo {width: 301px; height: 303px; margin-bottom: 10px; background: url(../img/promo_bkg.jpg) no-repeat left top;} .main_content_wrapper {padding: 30px 25px 20px 25px;} /*--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: #295e5c; 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: #418d8d; font-size: 18px; margin-bottom: 20px;} .main_column ul {margin-bottom:20px;} .main_column ul li {background: url(../img/li.jpg) no-repeat left 0px; margin-left:20px; padding:0 0 9px 16px; line-height: 16px;} .main_column p, blockquote, .main_column ul li {font-family: Georgia1, Georgia, serif;} blockquote {-moz-border-radius: 10px; -webkit-border-radius: 10px; background: #e0cccc; padding: 35px 20px 10px 20px; position: relative; margin-left:20px;} blockquote img {float:left; padding:0 8px 8px 0; border:none;} blockquote div {color: #9d2c2c; padding: 12px 0 5px 0;} .quote_img {width: 43px; height: 29px; background: url(../img/quote.jpg) no-repeat; position: absolute; top: 0; left: 8px;} .quote_img_bottom {width: 41px; padding: 0; height: 29px; background: url(../img/quote_bottom.jpg) no-repeat; position: absolute; bottom: 0; right: 8px;} div.hr {height: 3px; width: 581px; background: url(../img/hr.jpg) no-repeat; clear: both; margin-bottom: 20px;} .team_container {width: 581px; margin-bottom: 20px;} .team_photo {width: 166px; float: left; align: right; margin-right: 15px;} .team_desc {width: 400px; float: left;} .team_desc h3, h3 {font-family: Georgia1, Georgia, serif; color: #418d8d; font-size: 15px; padding-bottom: 1px; font-weight: bold;} /*---------------------------------- SIDEBAR ----------------------------------*/ .side_item {margin-bottom: 10px; width:301px;} .side_item h2 {margin-bottom: 8px;} .side_item h2 a {color: #8aa43e; font-size: 18px; text-decoration: none; line-height:17px;} .side_item h2.other a {color: #00467f;} .side_item a{line-height:19px !important;} .side_item h2 a:hover {text-decoration: none;} /*=================================== FOOTER ===================================*/ #footer {height: 75px;} #footer .inside {height: 75px; padding: 10px 0 30px 0; text-align: center; background: url(../img/footer_bkg.jpg) repeat-x;} #footer .inside p {color: #11383d; font-size: 12px !important; margin-bottom:0px; padding-bottom:0px;} #footer .inside a {color: #11383d !important; font-size: 12px !important; text-decoration: none !important;} #footer .patientdocs, #footer .patientdocs a {color: #295e5c !important; font-size: 12px !important;} #footer .inside a:hover {text-decoration: underline !important;} /*=================================== SOCIAL BOOKMARKS ====================================*/ #main #social_bkm {clear:both; position:relative; margin:0 0 10px 0; width:280px; height:40px;} #main #social_bkm div {color:#5F9F9F;} #sec #social_bkm {clear:both; position:relative; margin:10px 0 0 20px; width:280px;} #sec #social_bkm div {color:#000000;} /*=================================== PATIENT EDUCATION ===================================*/ #edu-article-title p{ font-size: 20px; text-decoration: underline; font-weight: bold; } #edu-href {font-size: 18px; } #edu-li {padding-bottom: 14px; line-height: 18px; } #edu-li a {padding-bottom: 14px; font-weight: bold;} /*=================================== GENERAL CSS RULES ===================================*/ /* OFFICE HOURS TABLE */ #hours{ width:220px; background-color:#1b3e8c; font-size:12px;float:left; } #hours-hdr{ color:#FFF; font-weight:bold;} .hours-bg{ background-color:#FFF; color:#1b3e8c;} /* 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; } #cal1Container p{ margin: 1em;} #cal1Container { z-index: 500;} #cal2Container { position: absolute; display: none; } #cal2Container p{ margin: 1em;} #cal2Container { z-index: 500;} .dp-highlighter {z-index: 1;} /*--Input Style--*/ input { border:1px solid #7e9db9; background-color:#FFFFFF; } 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--*/