/******************************************************************** ******************************************************************** Grauvogel & Associates CSS Site by Will Grauvogel Created: 6/11/2008 Modified: 11/11/2008 ********************************************************************** **********************************************************************/ html {background: #0f1f04 url(../images/trees.jpg) top center fixed no-repeat;} body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; } /** General************************************************************/ h1 {margin-top:-56px; margin-bottom:0; font-size:4em; color:#fff; font-family:Georgia, "Times New Roman", Times, serif;} h1 span {display:none;} h2 {margin: 10px 0; font-size:1.6em; font-weight:normal; color:#3278AB; background:#fff; border-bottom:solid 1px #bbb;} h3 {font-size:1.1em; color:#666; font-weight:normal; clear:both;} h3 a {font-size:1.1em; color:#666; font-weight:normal; clear:both; border:none;} h3 a:hover {color:#000; border:none;} h4 {font-size:0.9em; color:#3278AB; font-style:italic; margin-bottom:5px;} a {text-decoration:none; color:#3278AB; font-size:.70em; border-bottom:1px dotted #000;} a:hover {text-decoration:none; color:#000; border-bottom:1px solid;} acronym {border-bottom:1px dotted #000;} acronym:hover {cursor:help;} p {font-size:.70em; line-height:1.5em; margin:20px 0;} p a {font-size:1em;} table {font-size:.70em;} input, textarea {border:1px solid #ddd; padding:3px; background:#f5f5f5;} body#resume p {text-indent:0;} #main ul {font-size:.70em; list-style-image:url(../images/bullet.png); list-style-position:outside; padding-left:20px;} #main ol {font-size:.70em; padding-left:20px;} #main li {margin:10px 0;clear:both;} #main li a {font-size:1em;} #main li li a {font-size:1.3em;} /** Classes ************************************************************/ .left {float:left;} .right {float:right;} .clear {clear:both;} .center {width:920px; margin:0 auto;} .page_image {padding:0;display:block;width:880px;height:120px;background-color:#000;} .highlight {font-size:1.3em;font-weight:normal;font-family:Georgia;line-height:.9em;letter-spacing:-0.02em; margin:20px 0 -10px;} /*Resume ********/ .resume_row {padding:0 20px;} .resume_row p {float:left;clear:both; margin:5px 0;width:100%;font-weight:bold;border-bottom:#bbb 1px dotted;} .resume_row em {font-weight:normal;padding-left:10px;} .resume_row .right {font-weight:normal;text-align:right;} /*References *****/ .reference {width:300px;height:140px;float:left;} /*Home *********/ .home_services {margin-top:40px;} .home_services .left {width:30%;padding:0 10px 10px 10px; height:200px; position:relative;border-bottom:1px solid #ccc; } .home_services .left:hover {border-bottom:4px solid #444;} .home_services .left:hover h3 {color:#000;} .home_services h3 {font-size:1.2em;} .home_services a {font-size:1em; color:#000;display:block;border:none;height:200px;position:absolute;width:100%; z-index:10;} .home_services a span {display:none;} .home_services img {border:none; float:left;margin:-20px 5px 0 -10px;} /*Client List ****/ ul span {display:inline-table; width:450px;} /*float:left; padding:0 0 10px;font-weight:bold; color:#666;*/ ul span.right {width:100px;padding-left:20px;float:none;font-weight:normal;}/*float:right;width:100px;padding-left:20px;background:none;font-weight:normal;*/ li.clear {display:none;} /*Pull Quotes ****/ .quote {display:block; float:right; margin:10px 0 0 20px; width:200px; font-size:1em; font-weight:bold; text-indent:0;} .open, .close {font-size:5em; color:#e5e5e5; font-family:"Times New Roman", Times, serif; padding:0; height:32px; overflow:visible;line-height:1em;} .open {margin-top:-20px; margin-left:-20px; float:left;} .close {margin-top:-40px; margin-left:100px; float:right; display:block; position:relative; z-index:4;height:50px;} .text {position:relative; z-index:5; display:inline; float:left;line-height:1em; font-size:1.1em;font-weight:normal;} #errormessage {color:red; font-size:.8em; font-weight:bold;padding:10px 0;} /*Tables *****/ .stats_table td {padding:10px; border-bottom:dotted 1px #aaa} .stats_table th {background:#666; color:#fff;padding:8px;} /*Tips ******/ .tool-tip {color:#000; width:auto; z-index:13000; opacity:.8;} .tool-title {font-weight:bold; font-size:11px; margin:0; color:#fff; padding:8px 8px 4px; background: #333; opacity:.8;border-bottom: 1px solid #666; } .tool-text {font-size: 11px; padding: 4px 8px 8px; background: #000; color:#fff; opacity:.8;} /** Layout ************************************************************/ /**********************************************************************/ #wrapper {padding-top:37px; background:url(../images/shadow_top.png) center top no-repeat;} #container {background:url(../images/shadow.png) top center repeat-y;width:920px; margin:0 auto;padding:0 38px;} #content {min-height:600px;background:#fff;border:20px #000 solid;border-bottom:none;} #main {padding:0 20px 40px 20px; width:600px; float:right;background:#fff;margin-top:-10px;} /** Header ***********************************************************/ #header {height:80px; padding:0 10px; width:920px; margin:0 auto; } #header img {float:left; margin:30px 0 0 0;} /** Main Navigation Menu/ Dropdowns **********************************/ #main_nav {list-style:none; display:block; position:relative; width:auto; padding:0; margin:0; float:right; font-weight:bold;margin-top:25px;margin-right:0px} #main_nav li {display:inline;padding:0;margin:0;} #main_nav a {display:block; position:relative; height:41px; margin:0; float:left; color:#fff; text-align:center; background:url(../images/top_nav.png) no-repeat; border:none;} #main_nav span {display:none;} #main_nav #a_home {width:77px;background-position:0% 0%;} #main_nav #a_about {width:74px;background-position: -77px top;} #main_nav #a_refs {width:118px;background-position:-151px top;} #main_nav #a_contact {width:85px;background-position: -269px top;} #main_nav #a_home:hover {background-position:0px -42px;} #main_nav #a_about:hover {background-position:-77px -42px;} #main_nav #a_refs:hover {background-position:-151px -42px;} #main_nav #a_contact:hover {background-position:-269px -42px;} body#home #main_nav #a_home {background-position:0px -42px;} body#about #main_nav #a_about {background-position:-77px -42px;} body#refs #main_nav #a_refs {background-position:-151px -42px;} body#contact #main_nav #a_contact {background-position:-269px -42px;} /** Left Nav *********************************************/ #side_col {width:231px; height:100%; float:left; padding:0; margin:0; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} #side_nav {display:block; position:relative;} #side_nav li {margin:0; padding:0; background:#000;float:left;} #side_nav, #side_nav ul {margin:0; padding:0; background:#fff; list-style:none; width:231px;float:left;clear:both;} #side_nav ul li {margin:0; padding:0; background:#fff;float:none;} #side_nav ul a {display:block; padding: 5px 10px; margin:0; list-style:none; width:auto; border:none; color:#000;} #side_nav ul a:hover {background:#999; color:#fff; border:none;} .side_toggle {display:block; height:36px; width:231px; font-size:.80em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; letter-spacing:.2em; color:#fff; background:url(../images/side_nav.png) no-repeat; border:none;} .side_toggle span {display:none;} .side_toggle:hover {border:none;} #toggler1 {background-position:0px 0px;} #toggler2 {background-position:0px -36px;} #toggler3 {background-position:0px -72px;} #toggler1:hover {background-position:-231px 0px;} #toggler2:hover {background-position:-231px -36px;} #toggler3:hover {background-position:-231px -72px;} body#safety_violations #a_safety_violations, body#plant_audits #a_plant_audits, body#program_dev #a_program_dev, body#emp_training #a_emp_training, body#industrial_hygiene #a_industrial_hygiene, body#health_violations #a_health_violations, body#chem_exposure #a_chem_exposure, body#noise_exposure #a_noise_exposure, body#indoor_air_quality #a_indoor_air_quality, body#lead #a_lead, body#asbestos #a_asbestos, body#ust_removal #a_ust_removal, body#building_demo #a_building_demo, body#spill_remediation #a_spill_remediation, body#haz_waste #a_haz_waste, body#reg_research #a_reg_research, body#comm_noise #a_comm_noise, body#environ_assess #a_environ_assess {background:#999; color:#fff;} /** Footer *********************************************/ #footer {clear:both; font-size:.6em; background:url(../images/shadow_bottom.png) no-repeat center bottom;height:60px; padding-bottom:37px;} #footer a {color:#666; font-size:1em;} #footer .center {height:60px; background:url(../images/shadow.png) repeat-y top center; padding:0 38px; margin-bottom:40px; color:#666; width:920px; } #footer .left, #footer .right {padding:20px 20px;height:20px;width:420px;background:#000;} #footer .right {text-align:right;}