/** * Base CSS * * Main style sheet for Downsizing with Ease * * @author Shawn Drew * @copyright 2009 * @version 0.1 */ @media all { /* Myer Reset v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */ /* general */ html {font-size: 100%; background: #007CA2 url(../img/wallpaper-bg.png) repeat scroll top left;} body {font-size: 0.625em; background: transparent url(../img/gradient-bg.png) repeat-x scroll top left; font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; padding-top: 20px;} #container {width: 920px; margin: 0 auto;} #header {background: transparent url(../img/header-bg.png) no-repeat scroll top left;} #logo {width: 300px; display: block; height: 138px; text-indent: -9999px;} #main-nav {height: 56px;} #main-nav li {height: 56px; float: left;} #main-nav li a {background: transparent url(../img/menu-sprite.png) no-repeat scroll top left; display: block; height: 56px; text-indent: -9999px;} #main-nav .home {background-position: 0 -462px; width: 120px;} #main-nav .home:hover, #main-nav .current .home, #main-nav .hover .home {background-position: 0 -396px;} #main-nav .about {background-position: 0 -66px; width: 114px;} #main-nav .about:hover, #main-nav .current .about, #main-nav .hover .about {background-position: 0 0;} #main-nav .services {background-position: 0 -726px; width: 134px;} #main-nav .services:hover, #main-nav .current .services, #main-nav .hover .services {background-position: 0 -660px;} #main-nav .testimonials {background-position: 0 -858px; width: 177px;} #main-nav .testimonials:hover, #main-nav .current .testimonials, #main-nav .hover .testimonials {background-position: 0 -792px;} #main-nav .press {background-position: 0 -594px; width: 108px;} #main-nav .press:hover, #main-nav .current .press, #main-nav .hover .press {background-position: 0 -528px;} #main-nav .charity {background-position: 0 -198px; width: 122px;} #main-nav .charity:hover, #main-nav .current .charity, #main-nav .hover .charity {background-position: 0 -132px;} #main-nav .contact {background-position: 0 -330px; width: 145px;} #main-nav .contact:hover, #main-nav .current .contact, #main-nav .hover .contact {background-position: 0 -264px;} #main-nav .parent {position: relative;} #main-nav .parent:hover ul {display: block; z-index: 99;} #main-nav .parent ul {background: transparent url(../img/dropdown-bg.png) no-repeat scroll bottom left; padding-bottom: 13px; width: 180px; display: none; position: absolute; z-index: 99;} #main-nav .parent ul li {float: none; display: block; height: auto; width: auto; background-color: #00B1CA;} #main-nav .parent ul li a {height: auto; background-image: none; color: #FFF; display: block; width: auto; font-size: 1.6em; text-indent: 0px; text-decoration: none; line-height: 1.4em; font-weight: bold; margin: 0 18px;} #main-nav .parent ul li a:hover, #main-nav .parent ul li.current a {text-decoration: underline;} #main {background: transparent url(../img/main-corners.png) no-repeat scroll bottom left; padding-bottom: 18px;} #faux {background: transparent url(../img/secondary-column.png) repeat-y scroll top right;} #primary-col {width: 620px; padding: 25px 25px 0 25px; background-color: #FFF; float: left; color: #333333;} #primary-col h1 {font-size: 3.4em; color: #EC008A; padding-bottom: 15px;} #primary-col h2 {font-size: 2.4em; color: #818181; padding-bottom: 10px; padding-top:5px;} #primary-col .intro {font-weight: bold;} #primary-col p {font-size: 1.3em; line-height: 1.3em; padding-bottom: 10px;} #primary-col ul {padding-bottom: 10px;} #primary-col li {font-size: 1.3em; line-height: 1.3em; list-style-type: disc; margin-left: 2em;} .sub-list {margin-bottom: 15px; clear: both;} .sub-list h3{font-size: 1.6em; font-weight: bold; padding-bottom: 0.4em;} .sub-list ul {} #primary-col .sub-list ul li {float: left; width: 49%; padding: 3px 0; margin: 0; list-style-type: none; } .sub-list ul li a {display: block; padding: 0 14px; background: transparent url(../img/list-arrow.png) no-repeat scroll 0px 0.4em; line-height: 1.4em; font-size: 1.2em;} #preview-content {border-top: 5px solid #F3F5F5; margin-top: 20px; padding-top: 15px; clear: both;} #media {float: right; width: 306px; padding: 0 0 15px 15px;} #preview-content div {float: left; width: 190px; padding-left: 15px;} div#testimonials {background: transparent url(../img/quote-marks.png) no-repeat scroll top right; padding-left: 0; width: 200px;} #news {} #news p span {display: block; color: #9B8459; font-size: 0.8em;} #news p.read-more {display: block;} .news-link {float: right; display: block; font-size: 1.2em;} #articles {} #articles ul {} #articles ul li, #news ul li {font-weight: bold;} #articles ul span, #news ul span {display: block; font-weight: normal;} #articles a, #news a {color: #333333; text-decoration: none; font-weight: bold;} #articles a:hover, #news a:hover {color: #3B869A; text-decoration: underline;} #secondary-col {width: 200px; padding: 25px 25px 5px 25px; float: left;} #secondary-col h3 {font-size: 3.2em; color: #0097B7; padding-bottom: 15px;} #secondary-col .text {width: 186px; border: 1px solid #ABABAB; color: #818181; font-size: 1.4em; padding: 5px; margin-bottom: 7px;} #secondary-col textarea {font-family: Arial, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;} #secondary-col .side-link {margin-top: 25px; display: block;} #associated-with {margin: 40px 0; background: transparent url(../img/associated-with-top-corners.png) no-repeat scroll top left; padding-top: 12px;} #associated-with ul {background: transparent url(../img/associated-with-bottom-corners.png) no-repeat scroll bottom left; padding-bottom: 12px;} #associated-with ul li {background-color: #FFF;} #footer-container {background-color: #3A5363;} #footer {margin-top: 20px; clear: both; width: 920px; margin: 0 auto; padding-top: 15px; color: #EBE3DB;} #footer div {width: 290px; float: left; padding-left: 25px;} #footer h3 {color: #EBE3DB; font-size: 2.4em; padding-bottom: 10px; font-weight: bold; border-bottom: 5px solid #304756; margin-bottom: 10px;} #footer a {color: #EBE3DB; font-weight: bold;} #footer p, #footer li, #footer dl {font-size: 1.4em; line-height: 1.4em; font-weight: bold;} #footer p {padding-bottom: 10px;} div#navigation {padding-left: 0;} #navigation .nav-a {width: 140px; float: left;} #navigation .nav-b {width: 140px; padding-left: 10px; float: left;} #navigation .nav-push {padding-bottom: 1.3em;} #navigation .nav-special a {color: #D5E2E3;} #navigation a {text-decoration: none;} #contact {} #contact dt {width: 70px; float: left; clear: both; color: #D5E2E3; font-weight: bold;} #contact dd {width: 150px; float: left; font-weight: bold;} #time-to-move {} #time-to-move .learn-more a {color: #A1CBD7;} div#credits {clear: both; border-bottom: none; width: 100%; border-top: 5px solid #304756; padding: 10px 0 40px 0; margin-top: 15px;} #credits a {font-size: 1.2em; line-height: 1.4em; text-decoration: none; color: #D5E2E3} #copyright {float: left;} #author {float: right;} .arrow-list {} .arrow-list li {padding-left: 14px; background: transparent url(../img/list-arrow.png) no-repeat scroll 0px 0.3em;} #primary-col .arrow-list li {margin: 0; list-style-type: none;} a:focus, a:hover {color:#000;} a {color: #3B869A; text-decoration:underline;} a img {border: none;} strong {font-weight: bold;} /* media - gallery page */ .photogalleryTable {margin: 0 auto;} /* media - news */ #primary-col .announcement-list {margin-bottom: 25px;} #primary-col .announcement-list h2 {font-size: 1.8em; padding-bottom: 5px;} #primary-col .announcement-list span.date {font-size: 0.8em; display: block; margin: 0; padding-bottom: 10px;} /* media - news - details */ #announcement-nav {margin-bottom: 15px;} #announcement-nav a {float: left;} #announcement-nav .all-news {float: right;} #toggle-comment-form {padding-bottom: 1em;} .announcement-details .comment-form {background-color: transparent; border: none;} .announcement-details a {font-size: 1.3em;} /* media - press kit */ #press-kit-downloads li {line-height: 16px;} #press-kit-downloads a {text-decoration: none;} #press-kit-downloads span {font-size: 0.8em; color: #9B8459; padding: 0.2em 26px 0.2em 0.2em;} #press-kit-downloads span.doc {background: transparent url(../img/icons/doc.png) no-repeat scroll right center;} #press-kit-downloads span.pdf {background: transparent url(../img/icons/pdf.png) no-repeat scroll right center;} #press-kit-downloads span.zip {background: transparent url(../img/icons/zip.png) no-repeat scroll right center;} /* sitemap */ #sitemap li {font-size: 1.6em;} #sitemap ul li {font-size: 0.8em;} /* BC Form Thankyou Page*/ .webform-results {font-size: 1.3em;} /* styles for client */ .aa-image-right {float: right; clear: right; padding: 0 0 15px 15px;} .aa-image-left {float: left; clear: left; padding: 0 15px 15px 0;} .aa-testimonial-client {font-style: italic;} .aa-testimonial-pullquote {width: 270px; float: right; clear: right; background: #EFE8DD url(../img/quote.png) no-repeat scroll 0px 0px; margin-left: 1em;} .aa-testimonial-pullquote p {padding: 10px;} .aa-testimonial-pullquote span {display: block; padding: 0 10px 26px 10px; background: #EFE8DD url(../img/quote.png) no-repeat scroll bottom right; font-style: italic;} /** * Clear Fix */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* common helpers */ .hidden {display: none;} /** * @css-for Firefox * @workaround Show scroll bars so the page doesn't jump around */ html {overflow: -moz-scrollbars-vertical;} } /* @media all *//