/* @IMPORT url("reset.css"); */ @IMPORT url("960.css"); .clear { clear: both; } .clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; } * html .clearfix { height: 1%; } body { background: #fff; font-family: "Trebuchet MS", sans-serif; font-size: 0.635em; margin: 0; padding: 0; } /* generic resets */ a img { border: 0 none; } /* buttons */ .red-button { display: block; background: url(../img/bg-button-read.jpg) no-repeat; width: 152px; height: 24px; font-size: 1.2em; font-weight: bold; color: #fff; text-align: center; line-height: 24px; text-decoration: none; margin: 20px 0; } .white-button { display: block; background: url(../img/bg-button-white.jpg) no-repeat; width: 143px; height: 23px; font-size: 1.3em; font-weight: bold; color: #d71b21; text-align: center; line-height: 22px; text-decoration: none; margin: 20px 0; } hr { background: url(../img/bg-hr.gif) repeat-x bottom center; height: 6px; display: block; border: 0 none; } /* layout */ #header-wrapper { height: 152px; } #logo { margin: 45px 0 0 10px; height: 80px; width: 450px; float: left; } #logo a { display: block; width: 100%; height: 100%; background: url(../img/logo.jpg) no-repeat; text-indent: -999px; overflow: hidden; } #contact { text-align: right; float: right; margin: 60px 10px 0 0; } #contact h3 { font-family: "Trebuchet MS", sans-serif; font-size: 1.4em; font-weight: bold; color: #6c6c6c; line-height: 1.5em; margin: 0; } #contact h4 { font-family: "Trebuchet MS", sans-serif; font-size: 2.4em; font-weight: bold; color: #000; line-height: 1.5em; margin: 0; } #top-nav-wrapper { height: 55px; background: url(../img/bg-top-nav-wrapper.gif) repeat-x; } ul#top-nav { list-style: none; margin: 0 8px; padding: 0; background: url(../img/top-nav-bg-back.jpg) repeat-x; } #top-nav li { float: left; background: url(../img/top-nav-bg.jpg) no-repeat top left; display: block; height: 55px; line-height: 55px; } #top-nav li.first { background-position: -2px 0; } #top-nav li.left, #top-nav li.left:hover { background: url(../img/top-nav-left.jpg) no-repeat top left; width: 17px; } #top-nav li.right, #top-nav li.right:hover { background: url(../img/top-nav-right.jpg) no-repeat top left; width: 17px; float: right; } #top-nav li a { font-size: 1.4em; color: #fff; text-decoration: none; font-weight: bold; text-shadow: -1px 1px 1px #333; display: block; padding: 0 17px 0 18px; } #top-nav li:hover, #top-nav li.sel { background-image: url(../img/top-nav-bg-sel.jpg); } #content-wrapper { background: url(../img/bg-content.gif); padding: 45px 0 65px; } #content-top-container { height: 15px; background: url(../img/bg-rounded.gif) top center no-repeat; } #content-bottom-container { height: 15px; background: url(../img/bg-rounded.gif) 10px -15px no-repeat; } #welcome-container { background: url(../img/bg-white.gif) repeat-y top center; height: 360px; } #heading { padding-left: 35px; width: 345px; } #heading h2 { font-size: 3.4em; color: #d71b21; margin: 30px 0; line-height: 1em; } #heading h3 { font-size: 1.4em; color: #636363; line-height: 1.3em; } #heading p { font-size: 1.2em; color: #636363; line-height: 1.6em; } #slideshow { background: url(../img/photo-frame.png) no-repeat top right; height: 374px; margin-top: -45px; position: relative; } #slideshow .slide { position: absolute; top: 24px; right: 32px; } #slideshow .slide .controller { position: absolute; bottom: 10px; left: 10px; } #slideshow .slide .controller .button { background: url(../img/slide-button.png) no-repeat; width: 16px; height: 15px; margin-right: 5px; float: left; text-indent: -999px; overflow: hidden; } #slideshow .slide .controller .button.sel { background: url(../img/slide-button-sel.png) no-repeat; } #welcome-separator { background: url(../img/bg-white.gif) repeat-y top center; padding: 0 10px; } #welcome-separator hr { margin: 0 35px; } #home-news-container { background: url(../img/bg-white.gif) repeat-y top center; padding: 25px 0 95px; } #home-gallery { background: #2a2a2a; margin-left: 35px; width: 422px; } #home-gallery #home-gallery-top { background: url(../img/greybox-top-bg.jpg) no-repeat top center; height: 11px; } #home-gallery h2 { font-size: 3em; color: #fff; font-weight: bold; margin-left: 38px; } #home-gallery .white-button { margin: 32px 0 32px 38px; } #home-gallery ul#home-gallery-photos { list-style: none; } #home-gallery ul#home-gallery-photos li { float: left; margin: 0 20px 17px 0; } #home-news {} #home-news h2 { color: #d71b21; font-size: 3em; font-weight: bold; margin-bottom: 15px; } #home-news .date { color: #c1c1c1; font-size: 1.2em; font-weight: normal; } #home-news h3 { color: #d71b21; font-size: 1.4em; font-weight: bold; margin: 0 0 10px; } #home-news p { font-size: 1.2em; color: #636363; line-height: 1.7em; } #home-news a { color: #d71b21; font-size: 1.2em; text-decoration: none; } #home-news a:hover { text-decoration: underline; } #home-news hr { margin: 30px 0; } #home-news .column { color: #636363; float: left; width: 220px; font-size: 1.2em; line-height: 1.8em; padding-bottom: 25px; } #home-news .first { margin-right: 20px; } #home-news .canam-logo { text-decoration: none; line-height: 56px; } #home-news .canam-logo:hover { text-decoration: none; } #home-news .canam-logo img { vertical-align: middle; } #content-container { background: url(../img/bg-white.gif) repeat-y top center; padding-bottom: 95px; } #content-container #content { font-size: 1.2em; color: #636363; line-height: 1.6em; padding-left: 35px; width: 585px; } #content-container #content h2 { color: #d71b21; font-size: 2.83em; } #content-container #content img { border: 2px solid #000; margin: 0 15px 0 0; } #content-container #content p { margin: 20px 0; } #content-container #content ul { padding-left: 15px; margin: 20px 0 30px; } #content-container #content a { color: #d71b21; } #content-container #sidebar { padding: 0 20px 0 35px; width: 245px; } #content-container #sidebar h2 { color: #d71b21; font-size: 1.8em; margin: 25px 0 20px; } #content-container #sidebar .date { color: #c1c1c1; font-size: 1.2em; font-weight: normal; } #content-container #sidebar h3 { color: #d71b21; font-size: 1.4em; font-weight: bold; margin: 0 0 10px; } #content-container #sidebar p { font-size: 1.2em; color: #636363; line-height: 1.7em; } #content-container #sidebar a { color: #d71b21; font-size: 1.2em; text-decoration: none; } #content-container #sidebar a:hover { text-decoration: underline; } #content-container #sidebar hr { margin: 30px 0; } #content-container #sidebar .column { color: #636363; float: left; width: 220px; font-size: 1.2em; line-height: 1.8em; padding-bottom: 10px; } #content-container #sidebar .first { margin-right: 20px; } #content-container #sidebar .canam-logo { text-decoration: none; line-height: 56px; font-size: 1.4em; font-weight: bold; } #content-container #sidebar .canam-logo:hover { text-decoration: none; } #content-container #sidebar .canam-logo img { vertical-align: middle; } #content-container #content.gallery { margin-right: 0px; width: 595px; } #content-container #content h5 { font-size: 1em; font-weight: normal; } #content-container #content .gallery-item { width: 195px; float: left; border-bottom: 1px solid #ccc; margin-bottom: 10px; } #content-container #content .gallery-item a.image { display: block; width: 195px; height: 145px; background: url(../img/photo-frame-gal.png) no-repeat; } #content-container #content .gallery-item a.image img { margin: 12px; border: 0 none; } #content-container #content .gallery-item a.title { font-weight: bold; text-decoration: none; margin: 0 0 10px 5px; display: block; } #content-container #content #pagination { text-align: center; margin-top: 20px; } #content-container #content #pagination span.left { background: url(../img/pagination-bg-left.jpg) no-repeat top left; padding: 7px 0 7px 9px; } #content-container #content #pagination span.right { background: url(../img/pagination-bg-right.jpg) no-repeat top right; padding: 7px 9px 7px 0; } #content-container #content #pagination span.middle { background: url(../img/pagination-bg.gif); padding: 7px 0; } #content-container #content #pagination a { text-decoration: none; padding: 7px 3px; background: url(../img/pagination-bg.gif); color: #636363; } #content-container #content #pagination a.prev { padding-right: 30px; color: #d71b21; } #content-container #content #pagination a.next { padding-left: 30px; color: #d71b21; } #content-container #content #pagination a.sel { color: #d71b21; font-weight: bold; } #footer-wrapper { height: 141px; background: url(../img/bg-footer.jpg) repeat-x; padding: 25px 0 0; } #nav-right ul { list-style: none; height: 34px; padding: 0; margin: 0; } #nav-right ul li { float: left; background: #000; } #nav-right ul li a { line-height: 34px; font-size: 1.2em; color: #fff; padding: 0 7px; border-left: 1px solid #666; text-decoration: none; } #nav-right ul li.first a { border-left: 0 none; } #nav-right ul li a:hover { text-decoration: underline; } #nav-right ul .left { background: url(../img/bottom-nav-bg-left.jpg) no-repeat top left; width: 8px; height: 100%; } #nav-right ul .right { background: url(../img/bottom-nav-bg-right.jpg) no-repeat top left; width: 8px; height: 100%; } #copyright-container { font-size: 1.2em; color: #fff; font-weight: bold; padding: 10px; } #copyright-container p { margin: 7px 0; padding: 0 10px; } #copyright-container p a { color: #abeb00; text-decoration: none; }