/* BODY */ * {margin:0;padding:0} body {padding: 0;color:#58677b;font-family: arial, tahoma, verdana, sans-serif;font-size: 12px;background-color: #cee1da;background-image: url(../img/bg.gif);background-repeat: repeat-x;} /* LINKS */ a,a:link,a:visited,a:hover,a:active {background:transparent;text-decoration:underline;cursor:pointer;color:#58677b} /* TYPOGRAPHY */ p, ul, ol {margin: 0 0 1.5em} h1, h2, h3, h4, h5, h6 {font-weight:normal;margin: 1.2em 0 .3em;color:#545454;border-bottom: 1px solid #eee;padding-bottom: .1em; width:450px} h1 {font-size: 16px;margin-top:0px;margin-bottom:15px} h2 {font-size: 14px} h3 {font-size: 12px} .highlight {color:#E17000} .subdued {color:#999} .error {color:#c00;font-weight:bold} .success {color:#390;font-weight:bold} .caption {color:#999;font-size:11px} .date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px} small {font-size:11px} /* LISTS */ ul {margin: .3em 0 1.5em 0;list-style-type:none} ul.related {margin-top: -1em} ol {margin: .5em .5em 1.5em} ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal} li {line-height: 1.4em;padding-left: 25px;background: transparent url("../img/sprites.gif") no-repeat 0 0} #servicelist1 {position:absolute;top:100px;left:37px;width:200px} #servicelist2 {position:absolute;top:100px;left:237px;width:200px} #servicecopy {margin-top:200px} #resourcecopy {margin-top:20px} #contact-directions-wrap {height:250px} #contact-directions { padding-left:35px; position:absolute; top: 250px; left:376px; border-left-width: 1px; border-left-style: dotted; border-left-color: #eee; } #contact-directions h1, h2, h3, h4, h5, h6 {width:400px} #push {height: 550px;} /* GENERAL */ img {border:none} hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both} .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} /* PAGE LAYOUT */ #wrap {margin:auto;position:relative;width:900px} #contentsub {line-height:18px;background-color: #fff;background-image:url(../img/content-bg.gif); background-position: center 82px; background-repeat:no-repeat} #contentsubtable {border-collapse: collapse;} #contentsubtable td {margin:0;padding:0;} #content {line-height:18px;background-color: #fff;background-image:url(../img/content-bg.gif); background-position: center top; background-repeat:no-repeat;} #contenttable {border-collapse: collapse;} #contenttable td {margin:0;padding:0;} /* PAGE LAYOUT - TYPE A - Single content column */ #type-a #column1 {width:0px} #type-a #column1-wrap {width:0px;} #type-a #column2 {padding-top:0px;vertical-align:top;margin:auto} #type-a #column2-wrap {width:900px;height:575px;margin:0;padding-bottom:30px;position:relative;} #type-a #column3 {width:0px;vertical-align:top;} #type-a #column3-wrap {width:0px;position:relative} #type-b #column1 {width:0px} #type-b #column1-wrap {width:0px;} #type-b #column2 {padding-top:0px;vertical-align:top;margin:auto} #type-b #column2-wrap {width:826px;margin:18px 37px 37px 37px;padding-bottom:30px;position:relative;} #type-b #column3 {width:0px;vertical-align:top;} #type-b #column3-wrap {width:0px;position:relative} /* CONTENT */ .mid-content {margin: 15px 0px 0px 0px;width:324px;height:110px;text-align:center;vertical-align: middle;position:absolute; top:315px; left:288px} .lt-content {margin: 0px;width:251px; height:125px; background-image:url(../img/logo-watson.gif); background-position: center center; background-repeat:no-repeat;position:absolute; top:315px; left:37px} .rt-content {margin: 0px;width:250px; height:125px; background-image:url(../img/logo-niven.gif); background-position: center center; background-repeat:no-repeat;position:absolute; top:315px; right:37px} .featurebox1 {margin: 0px;width:250px; height:135px; background-image:url(../img/featurebox-bg.gif);background-repeat:repeat-y;text-align:center;vertical-align: middle;font-size:11px;line-height:normal;color:#545454;position:absolute; top:440px; left:37px} .featurebox2 {margin: 0px;width:250px; height:135px; background-image:url(../img/featurebox-bg.gif);background-repeat:repeat-y;text-align:center;font-size:11px;line-height:normal;color:#545454;position:absolute; top:440px; left:325px} .featurebox3 {margin: 0px;width:250px; height:135px; background-image:url(../img/featurebox-bg.gif);background-repeat:repeat-y;text-align:center;vertical-align: middle;font-size:11px;line-height:normal;color:#545454;position:absolute; top:440px; right:37px} .featurebox-mid-img {margin:0 0 10px 0} .featurebox-copy {margin:5px; height:105px; width:240px} /* FLASH */ #flash-fpoimg {position:absolute; top:25px; left:208px} #subflash {margin:0 0 35px 60px;float:right;border:3px solid #00395a;} #flash-gallery {/* position:absolute; top:100px; left:82px */} /* GALLERY */ .gallery-staff {margin:0 25px 25px 0px;float:left;border:3px solid #00395a;} /* HEADER */ #masthead {margin:0;width:900px;height:150px;position:relative;background-image:url(../img/header-flowers.gif);background-repeat: no-repeat;background-position: right top;position:relative;} #logo {width: 488px;height: 122px;position: absolute;top: 0px;left: 0px} #subhead-aboutus {background-image:url(../img/subhead-aboutus.gif);background-repeat:no-repeat; width:900px; height:81px} #subhead-services {background-image:url(../img/subhead-services.gif);background-repeat:no-repeat; width:900px; height:81px} #subhead-gallery {background-image:url(../img/subhead-gallery.gif);background-repeat:no-repeat; width:900px; height:81px} #subhead-team {background-image:url(../img/subhead-team.gif);background-repeat:no-repeat; width:900px; height:81px} #subhead-office {background-image:url(../img/subhead-office.gif);background-repeat:no-repeat; width:900px; height:81px} #subhead-resources {background-image:url(../img/subhead-resources.gif);background-repeat:no-repeat; width:900px; height:81px} #subhead-new {background-image:url(../img/subhead-new.gif);background-repeat:no-repeat; width:900px; height:81px} #subhead-contact {background-image:url(../img/subhead-contact.gif);background-repeat:no-repeat; width:900px; height:81px} #subhead-privacy {background-image:url(../img/subhead-privacy.gif);background-repeat:no-repeat; width:900px; height:81px} /* FOOTER */ #footer {font-size:10px;color:#fff;position:relative;width:900px;height:28px;line-height:normal;background-image:url(../img/footerbar.gif); background-repeat:no-repeat;} #footer a:link, #footer a:visited {color:#fff} #footer a:hover {text-decoration:none} #footer .left {position:absolute;top: 7px;left:10px;width: 365px;padding-bottom:15px;} #footer .right {position:absolute;top: 7px;right:10px;text-align: right;width:365px;padding-bottom:15px;} /* NAV - horizontal */ #nav, #nav ul {margin:0;padding: 0;list-style: none; position:absolute; top:122px; left:0px;} #nav {height:28px;font-weight:normal;font-family: arial;font-size: 12px;width: 900px;margin: 0;background-image:url(../img/navbar.gif); background-repeat:no-repeat;} #nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding-top: 6px;margin-left:37px} #nav a:hover {} #nav li {position:relative;background:none;float: left;display:block;margin: 0;padding:0;} #nav li.active {font-weight:bold} #nav li.active a:link, #nav li.active a:hover,#nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {font-weight:bold} #nav li.active a:hover {font-weight:bold} /* hide from IE mac */ #nav li {width:auto;} /* end hiding from IE5 mac */ /* TABLES */ .table1 {border: 2px solid #900;border-collapse:collapse;width:100%} .table1 td {background: #fff url("../img/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff} .table1 th {text-align:left;border: 1px solid #fff} .table1 thead th {color:#fff;font-size:145%;background: #900 url("../img/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px} .table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("../img/sprites.gif") repeat-x 0 -1400px;padding: 6px} .table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("../img/sprites.gif") repeat-x 0 -1500px;padding: 6px} .calendar {width:200px;font-size:92%} .calendar td {text-align:center;border: 1px solid #ddd} .calendar th {text-align:center} .calendar thead th {padding: 3px 2px} .calendar tbody th {padding: 2px} .calendar tbody th.sub {padding: 2px} .chart {width:100%;font-size:93%;} .chart td {width:30%;text-align:center;background-color: #FFF;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 20px;text-indent: 5px;vertical-align: middle;border: 1px solid #eee} .chart th {text-align:center;background-color: #fff;border: 1px solid #eee} .chart thead th {font-size:11px;background-color: #437186;color: #FFF;} .chart thead th.top {font-size:11px;background-color: #124967;color:#FFF} .chart tbody th {background-color: #f1ede4;padding-top: 2px;padding-right: 5px;padding-bottom: 2px;padding-left: 5px;} .chart tbody th.sub {padding: 0px} #contentsubtable .image_table { margin: -8px 0 20px 0; padding: 0; border: 0; } #contentsubtable .image_table td { padding: 5px; }