/* -------------------------------------------------- Foothills Health Consultants base styles ----------------------------------------------- */ @import 'blueprint/screen.css'; /* Page Structure ----------------------------------------------- */ body { background: #FFFFFF url(../img/all_pages_elements/site_bg-gradient.jpg) repeat-x scroll 50% 0pt; font-size: 0.75em; font-family: Arial, Verdana, Sans-Serif; line-height: 1.3em; text-align: center; margin-left: 1px; /* IE one pixel image offset hack */ } html>body { /* IE one pixel image offset hack */ margin: 0; } #bkgd_container { position: relative; width: 1050px; background-image:url(../img/all_pages_elements/site_bg.jpg); background-repeat:no-repeat; margin: 0px auto 0px auto;} #container { width: 960px; margin: 0px auto 10px auto; text-align: left; color: #666; padding-top:20px; overflow: hidden; } #l_sidebar { float: left; margin: 0; padding: 0; width: 310px; overflow: hidden; } #content-container { float: left; margin: 0; padding: 0; background-color: #FFFFFF; width: 650px; overflow: hidden; } #page_banner_images { float: left; margin: 0px 0px 20px 0px;} #content { padding: 0 20px; } #header { position: relative; } #footer { clear: both; position: relative; height: 200px; margin: 0; padding: 0; text-align: right; font-size: 0.95em; background: url(../img/all_pages_elements/footer_site.jpg) 0 0 no-repeat; } #footer_home { clear: both; position: relative; height: 200px; margin: 0; padding: 0; text-align: right; font-size: 0.95em; background: url(../img/footer_bg.jpg) 0 0 no-repeat; } /* Header ----------------------------------------------- */ #header-nav { position: absolute; top: 10px; left: 630px; list-style: none; margin: 0; padding: 0; font-size: 0.9em; } #header-nav li { display: inline; margin: 0; padding: 0 3px 0 0; } #header-nav a { padding: 0 5px 0 5px; text-decoration: none; color: #858353; } #header-nav a:hover { text-decoration: underline; } /* Left Navigation ----------------------------------------------- */ #nav_box { width: 310px; height:800px; background-color:#0099CC; float:left;} #site-nav { width: 310px; margin: 0; padding: 5px 0px 0 0; text-align: right; background: #8DB836; } #site-nav ul { list-style: none; margin: 0; padding: 0; } #site-nav li { margin: 0; padding: 0; background: #8DB836; } #site-nav li:hover { background: #789D2E; } #site-nav a { display: block; width: 300px; height: 20px; text-decoration: none; background: #8DB836; color: #FFF; padding-right: 10px; line-height:20px; } #site-nav a:hover { text-decoration: none; background: #789D2E; color: #FFF; } body#home #site-nav #home-nav a { background: #789D2E; } body#aboutus #site-nav #aboutus-nav a { background: #789D2E; } body#travelclinic #site-nav #travelclinic-nav a { background: #789D2E; } body#executivehealth #site-nav #executivehealth-nav a { background: #789D2E; } body#workplacehealth #site-nav #workplacehealth-nav a { background: #789D2E; } body#occupationalhealth #site-nav #occupationalhealth-nav a { background: #789D2E; } body#lifestyleprograms #site-nav #lifestyleprograms-nav a { background: #789D2E; } body#personalhealth #site-nav #personalhealth-nav a { background: #789D2E; } body#healthportalprogram #site-nav #healthportalprogram-nav a { background: #789D2E; } /* Features Nav ----------------------------------------------- */ #features-nav { width: 310px; margin: 0; padding: 5px 0px 0 0; text-align: left; color:#FF3300; background-image:url(../img/all_pages_elements/whats_new_nav_gradient.jpg); background-repeat: repeat-x;} #features-nav ul { list-style: none; margin: 0; padding: 0; } #features-nav li { margin: 0; padding: 0;} #features-nav li:hover { text-decoration:underline;} #features-nav a { display: block; width: 300px; height: 20px; text-decoration: none; padding-left: 10px; } #features-nav a:hover { text-decoration: underline; } /* Content ----------------------------------------------- */ h1 { font-size: 1.2em; color: #666666; line-height: 1.2em; } h2 { font-size: 1em; font-weight:bold; color: #7BAD2C; margin-bottom: 0.3em; } h3 { font-size: 1em; font-weight:bold; color: #8b674f; line-height: 1.2em; } h4 { font-size: 1.2em; font-family:"Times New Roman", Times, serif; font-weight:bold; font-style:italic; color: #7BAD2C; line-height: 1.2em; } h5 { font-size: 1em; font-weight:bold; color: #11BFE0; line-height: 1.2em; } a { color: #943A0C; text-decoration: underline; outline: none; } a:hover { color: #943A0C; text-decoration: underline; } /* Forms ----------------------------------------------- */ input.text { font: 12px Arial, Verdana, Sans-serif; padding: 2px; margin: 0.2em 0;} textarea { font: 12px Arial, Verdana, Sans-serif; } .html_select { font: 12px Arial, Verdana, Sans-serif; } /* Footer ----------------------------------------------- */ #footer, #footer_home { font-family: times; font-style: italic; font-size: 1.1em; color: #000; } #footer #contact-details, #footer_home #contact-details { position: absolute; top: 80px; left: 570px; } #footer a, #footer_home a { color: inherit; text-decoration: underline; } #footer a:hover, #footer_home a:hover { color: inherit; text-decoration: underline; } #footer table td, #footer_home table td { vertical-align: top; } #footer #click-here, #footer_home #click-here { display: block; position: absolute; width: 200px; height: 50px; top: 0; right: 0; } /* home ----------------------------------------------- */ #h1n1 { float: left; width: 200px; height: 174px; background-image:url(../img/home/h1n1.jpg); background-repeat:no-repeat;} #h1n1_text { float: left; width: 300px; margin-top: 40px; } /* Common Page Elements ----------------------------------------------- */ #sub_headings { clear:right width:600px; height:36px; margin-top:10px; margin-bottom:5px;} #table_container1 { width:600px; background-image:url(../img/table-bkgd-green.jpg); background-repeat:repeat-x; padding:10px;} #basic_div { float:left; margin-right:10px;} #general_div_clear { clear:right; text-align:center;} #blank_div { float:left; margin-right:10px; width:160px; height:152px; margin-bottom:10px;} #quotes { width:490px; margin-left:75px; margin-right:75px; margin-top:20px; margin-bottom: 20px;} /* team elements ----------------------------------------------- */ #team_container { width: 570px; min-height: 160px; background-color: #FFF; text-align:left; margin:0px 0px 20px 0px;} #team_photo { float: left; width: 120px; height:150px; margin:2px 5px 0px 0px;} #team_name { width: 500px; margin:5px 0 5px 10px; background-color:#fff; text-align:left; font-size: 1em; font-weight:bold; color: #7BAD2C; line-height: 1.2em;} #team_description { width: 580px; margin:0 0 10px 10px; text-align: left; color: #666; font:inherit;} /* Workplace Health ----------------------------------------------- */ #speakers_bureau { float:left; width:610px; background-image:url(../img/workforce/podium_background.jpg); background-repeat:no-repeat;} #covered_services_container { width: 600px; min-height: 160px; background-color: #FFF; background-image:url(../img/workforce/young_doctor.jpg); background-repeat:no-repeat; text-align:left; margin:0px 0px 20px 0px;} /* occupational elements ----------------------------------------------- */ #occupational_container_1 { width: 630px; min-height: 160px; background-color: #FFF; text-align:left; margin:0px 0px 0px -10px; background-color:#99CC99;} /* lifestyle elements ----------------------------------------------- */ #lifestyle_container_1 { width: 640px; min-height: 160px; background-color: #FFF; text-align:left; margin:0px 0px 0px 0px;} #nutrition_programs {width: 610px; background-color: #FFF; text-align:left; margin:20px 0px 0px 0px; background-image:url(../img/lifestyle_programs/healthy_heart.jpg); background-repeat:no-repeat;} #nutrition_programs_within_tab {width: 572px; background-color: #FFF; text-align:left; background-image:url(../img/lifestyle_programs/healthy_heart_narrow.jpg); background-repeat:no-repeat;} #massage_therapy_1 { clear:left width:600px; height:36px; margin-top:10px; margin-bottom:5px;} /* Whats new Page Elements ----------------------------------------------- */ #whatsnew_banner { clear:right width:650px; margin-bottom:5px;} #whatsnew_general { clear:right}