/* Title: Jeffrey Blais master styles for screen media Author: jeff@jeffreyblais.com Updated: August 08 2006 */ body { margin: 0; padding: 0; color: #6f6759; font-size: 12px; font-weight: normal; font-family: arial, sans-serif; text-align: center; background: #f7f1e8; } #wrap { position: relative; margin: 0 auto; padding: 0; width: 775px; background: url(../images/background/body.gif) repeat-y; text-align: left; } /* ELEMENTS ======================= */ img { border: 0; } img.smthumb { width: 23px; height: 23px; } img.medthumb { width: 30px; height: 30px; } img.lrgthumb { width: 45px; height: 45px; } a:link { color: #043843; text-decoration: none; border-bottom: 1px dotted #C2B9B3;} a:visited { color: #043843; text-decoration: none; border-bottom: 1px dotted #C2B9B3;} a:hover { color: #ee8c07; text-decoration: none; border-bottom: 1px solid #C2B9B3;} p { margin: 0px 0px 7px 0px; padding: 0px; line-height: 1.4em;} h1 { margin: 0px 0px 0px 0px; padding: 0px; } h2 { margin: 0px 0px 0px 0px; padding: 0px; } h3 { margin: 0px 0px 0px 0px; padding: 0px; } h4 { margin: 0px 0px 0px 0px; padding: 0px; } h5 { margin: 0px 0px 0px 0px; padding: 0px; } .floatleft { float: left; margin: 0px 0px 0px 0px; padding: 2px 8px 5px 0px; } /* NAV ICONS ======================= */ a.newwindow { margin: 0px; padding: 2px 0px 2px 22px; background: url(../images/icons/new_window.gif) no-repeat 0 0px; text-decoration: none; border-bottom: none; } a.doc { margin: 0px; padding: 2px 0px 2px 22px; background: url(../images/icons/document.gif) no-repeat 0 0px; text-decoration: none; border-bottom: none; } a.info { margin: 0px; padding: 2px 0px 2px 22px; background: url(../images/icons/info.gif) no-repeat 0 0px; text-decoration: none; border-bottom: none; } a.camera { margin: 0px; padding: 2px 0px 2px 22px; background: url(../images/icons/camera.gif) no-repeat 0 0px; text-decoration: none; border-bottom: none;} a.document { margin: 0px; padding: 2px 0px 2px 22px; background: url(../images/icons/document.gif) no-repeat 0 0px; text-decoration: none; border-bottom: none;} a.video { margin: 0px; padding: 2px 0px 2px 22px; background: url(../images/icons/video.gif) no-repeat 0 0px; text-decoration: none; border-bottom: none;} a.pdf { margin: 0px; padding: 2px 0px 2px 22px; background: url(../images/icons/pdf.gif) no-repeat 0 0px; text-decoration: none; border-bottom: none;} a.email { margin: 0px; padding: 2px 0px 2px 22px; background: url(../images/icons/email.gif) no-repeat 0 0px; text-decoration: none; border-bottom: none;} a.home { margin: 0px; padding: 2px 0px 2px 22px; background: url(../images/icons/home.gif) no-repeat 0 0px; text-decoration: none; border-bottom: none;} a.vcard { margin: 0px; padding: 2px 0px 7px 22px; background: url(../images/icons/vcard.gif) no-repeat 0 2px; text-decoration: none; border-bottom: none;} a.word { margin: 0px; padding: 2px 0px 7px 22px; background: url(../images/icons/word.gif) no-repeat 0 0px; text-decoration: none; border-bottom: none;} a.linkedin { margin: 0px; padding: 2px 0px 7px 22px; background: url(../images/icons/linkedin.gif) no-repeat 0 1px; text-decoration: none; border-bottom: none;} a.suitcase { margin: 0px; padding: 2px 0px 7px 22px; background: url(../images/icons/suitcase.gif) no-repeat 0 1px; text-decoration: none; border-bottom: none;} a.question { margin: 0px; padding: 2px 0px 7px 22px; background: url(../images/icons/question.gif) no-repeat 0 1px; text-decoration: none; border-bottom: none;} a.user { margin: 0px; padding: 2px 0px 7px 22px; background: url(../images/icons/user.gif) no-repeat 0 1px; text-decoration: none; border-bottom: none;} /* LIST ITEM ICONS ======================= */ li.none { margin: 0px; padding: 0px 0px 5px 0px; border-bottom: none;} li.arrow { margin: 0px; padding: 7px 0px 7px 15px; background: url(../images/icons/arrow_tan.gif) no-repeat 0 10px; } li.newwindow { margin: 0px; padding: 7px 0px 7px 22px; background: url(../images/icons/new_window.gif) no-repeat 0 1px; } li.pdf { margin: 0px; padding: 7px 0px 7px 22px; background: url(../images/icons/pdf.gif) no-repeat 0 1px; } li.camera { margin: 0px; padding: 7px 0px 7px 22px; background: url(../images/icons/camera.gif) no-repeat 0 1px; } li.info { margin: 0px; padding: 7px 0px 7px 22px; background: url(../images/icons/info.gif) no-repeat 0 1px; } li.video { margin: 0px; padding: 7px 0px 7px 22px; background: url(../images/icons/video.gif) no-repeat 0 1px; } li.doc { margin: 0px; padding: 7px 0px 7px 22px; background: url(../images/icons/document.gif) no-repeat 0 1px; } li.email { margin: 0px; padding: 7px 0px 7px 22px; background: url(../images/icons/email.gif) no-repeat 0 1px; } li.home { margin: 0px; padding: 7px 0px 7px 22px; background: url(../images/icons/home.gif) no-repeat 0 1px; } li.linkedin { margin: 0px; padding: 7px 0px 7px 22px; background: url(../images/icons/linkedin.gif) no-repeat 0 1px; } /* CONTENT ======================= */ #content { float: left; margin: 0px 0px 0px 0px; padding: 50px 56px 0px 65px; width: 541px; background: url(../images/banners/version_02.gif) no-repeat top left; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 420px; } html>body #content { width: 420px; /* ie5win fudge ends */ } #content h2 { clear: both; margin: 0px 0px 4px 0px; padding: 10px 0px 0px 0px; color: #043843; font-size: 16px; font-weight: bold; line-height: 1.1em;} #content h3 { margin: 0px 0px 5px 0px; padding: 6px 0px 0px 0px; color: #6f6759; font-size: 14px; font-weight: bold; line-height: 1.1em;} #content h4 { margin: 0px 0px 5px 0px; padding: 6px 0px 0px 0px; color: #043843; font-size: 14px; font-weight: bold; line-height: 1.1em;} #content ul { margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px; list-style: none; } #content li { clear:both; margin: 0px; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #E0D9CE; line-height: 1.4em;} #content a img { float: left; display: block; background-color: #f8f5f1; border: 1px solid #ebe6de; padding: 5px; margin: 2px 8px 5px 0px; } #content a:hover img { background: #ebe6de; } #content a.newwindow { margin: 0px 0px 0px 0px; padding: 2px 0px 2px 22px; background: url(../images/icons/new_window.gif) no-repeat 0 0px; text-decoration: none; border-bottom: none;} /* MASTHEAD ======================= */ #content .masthead { float: left; margin: 0px 0px 0px 0px; padding: 0px; color: #cec4bd; width: 420px;} #content .masthead p { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; color: #043843; font-size: 14px; font-weight: bold; line-height: 1.1em;} #content .masthead p.nav { margin: 0px 0px 0px 0px; padding: 0px 0px 23px 0px; color: #cec4bd; font-size: 14px; font-weight: bold;} #content .masthead h1 { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; color:#FD9303; font-size:24px; font-weight: bold;} #content .masthead a { color: #cec4bd; font-size: 14px; font-weight: bold; text-decoration: none; border-bottom: none; } #content .masthead a:visited { color: #cec4bd; text-decoration: none; border-bottom: none; } #content .masthead a:hover { color: #FD9303; text-decoration: none; border-bottom: none; } #content .masthead a.on { color: #043843; font-size: 14px; font-weight: bold; text-decoration: none; border-bottom: none; } /* IN WORK ======================= */ #content .work { float: left; margin: 0px 0px 12px 0px; padding: 0px 0px 12px 0px; border-bottom: 1px dotted #E9E3D9; } #content .work img { float: left; width: 95px; margin: 2px 10px 0px 0px; padding: 0px 0px 0px 0px; } #content .work-data { float: left; width: 200px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; text-align: left;} #content .work-data p { margin: 0px 0px 0px 0px; } #content .work-data h4 { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; color: #043843; font-size: 14px; font-weight: bold; line-height: 1.1em;} #content .work-links { float: left; width: 105px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left;} #content .work-links ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } #content .work-links li { margin: 0px 0px 0px 0px; padding: 4px 0px 2px 0px; border-bottom: 1px solid #E0D9CE; } /* ARCHIVE ======================= */ #content .archive { clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #content .archive img { float: left; border: none; margin: 0px 0px 0px 0px; padding: 20px 0px 10px 0px; } #content .description { float: left; margin: 0px 0px 0px 0px; padding: 0px 20px 20px 0px; width: 270px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 250px; } html>body #content .description { width: 250px; /* ie5win fudge ends */ } #content .links { float: left; margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; width: 150px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 150px; } html>body #content .links { width: 150px; /* ie5win fudge ends */ } #content .archive h2 { margin: 0px 0px 2px 0px; padding: 0px; color: #043843; font-size: 16px; font-weight: bold; } #content .archive p { margin: 0px 0px 0px 0px; padding: 0px; } #content .archive ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } #content .archive li { margin: 0px 0px 0px 0px; padding: 4px 0px 2px 0px; border-bottom: 1px solid #E0D9CE; } /* SITEMAP ======================= */ #content .sitemap { float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; width:100%;} #content .sitemap h4 { margin: 0px 0px 7px 0px; padding: 0px; font-size: 16px;} #content .sitemap ul { float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; width: 200px;} /* CONTACT FORM ======================= */ #content label { float:left; margin: 0px 13px 2px 0px; padding: 0px 0px 0px 0px; width: 60px; font-weight:bold; } #content input[type="text"] { float:left; margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px; width: 240px; background:#f7f1e8; border-top: 1px solid #e0d9ce; border-left: 1px solid #e0d9ce; border-right: 1px solid #ece5da; border-bottom: 1px solid #ece5da;} #content textarea { float:left; margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px; width: 315px; background:#f7f1e8; border-top: 1px solid #e0d9ce; border-left: 1px solid #e0d9ce; border-right: 1px solid #ece5da; border-bottom: 1px solid #ece5da;} #content input[type="submit"] { float:left; margin: 5px 0px 0px 0px; padding: 2px 5px 2px 5px; color: #6f6759; font-size: 11px; font-weight:bold; font-family: arial, sans-serif; background: #e0d9ce; border-top: 1px solid #ece5da; border-left: 1px solid #ece5da; border-right: 1px solid #c9c1b4; border-bottom: 1px solid #c9c1b4; } /* SIDEBAR ======================= */ #sidebar { float: left; margin: 0px 0px 0px 0px; padding: 130px 0px 0px 0px; width: 234px; background: url(../images/branding/logo_screen.gif) no-repeat; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 234px; } html>body #sidebar { width: 234px; /* ie5win fudge ends */ } #sidebarwrap { margin: 8px 0px 0px 8px; padding: 0px 0px 0px 0px; color: #cbe7f2; width: 226px; background: #043843;} #sidebarwrap .roundtop { background: url(../images/background/tr.gif) no-repeat top right; } #sidebarwrap .roundbottom { background: url(../images/background/br.gif) no-repeat bottom right; } #sidebarwrap img.corner { clear: both; width: 10px; height: 10px; border: none; display: block !important; } #sidebarcontent { margin: 0px 0px 0px 0px; padding: 0px 12px 0px 12px; color: #cbe7f2;} #sidebarcontent h4 { margin: 0px 0px 10px 0px; padding: 2px 0px 0px 0px; color: #cbe7f2; } #sidebarcontent a img { float: left; display: block; background-color: #457e85; border: none; padding: 4px; margin: 0px 5px 0px 0px; } #sidebarcontent a:hover img { background: #88acb9; border: none;} #sidebarcontent ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } #sidebarcontent li { margin: 5px 0px 3px 0px; padding-top: 1px; padding-bottom: 5px; border-bottom: 1px solid #16464e; line-height:1.4em;} #sidebarcontent a { color: #cbe7f2; text-decoration: none; border-bottom: none; } #sidebarcontent a:visited { color: #cbe7f2; text-decoration: none; border-bottom: none; } #sidebarcontent a:hover { color: #FD9303; text-decoration: none; border-bottom: none; } /* INNER SIDEBAR ======================= */ #sidebarcontent .inner { clear: both; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; color: #cbe7f2; background: #295459;} #sidebarcontent .innersidebar { margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; } #sidebarcontent .innersidebar h4 { margin: 2px 0px 10px 0px; padding: 0px 0px 0px 0px; } #sidebarcontent .roundtop2 { background: url(../images/background/tr_light.gif) no-repeat top right; } #sidebarcontent .roundbottom2 { background: url(../images/background/br_light.gif) no-repeat bottom right; } #sidebarcontent img.corner2 { clear: both; width: 8px; height: 8px; border: none; display: block !important; } /* NEWSLETTER FORM ======================= */ #sidebarcontent label { float:left; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; width: 50px; font-size: 11px; font-weight:bold; } #sidebarcontent input[type="text"] { float:left; margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px; width: 130px; background:#e4f5fb; border-top: 1px solid #184145; border-left: 1px solid #184145; border-right: 1px solid #2e6b72; border-bottom: 1px solid #2e6b72;} #sidebarcontent input[type="submit"] { float:left; margin: 2px 0px 0px 50px; padding: 2px 5px 2px 5px; color: #cbe7f2; font-size: 11px; font-weight:bold; font-family: arial, sans-serif; background: #265e63; border-top: 1px solid #2f6e74; border-left: 1px solid #2f6e74; border-right: 1px solid #184145; border-bottom: 1px solid #184145; } /* NAV MAIN ======================= */ #navmain { margin: 0px 0px 0px 0px; padding: 0px 35px 5px 30px; } #navmain a { color: #043843; text-decoration: none; border-bottom: none; } #navmain a:visited { color: #043843; text-decoration: none; border-bottom: none; } #navmain a:hover { color: #FD9303; text-decoration: none; border-bottom: none; } #navmain ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } #navmain li { margin: 0px; padding: 3px 0px 3px 11px; list-style: none; background: url(../images/icons/arrow_orange.gif) no-repeat 0 7px; border-bottom: 1px solid #E0D9CE; color: #07435D; font-weight: bold; line-height: 1.5em;} #navmain li.sub { padding-top: 0px; padding-left: 8px; background: url(../images/icons/arrow_sub.gif) no-repeat 0 4px; border-bottom: none; line-height: 1.1em; } #navmain li.sub a { color: #07435D; text-decoration: none; border-bottom: none; font-weight: normal; } #navmain li.sub a:visited { color: #07435D; text-decoration: none; border-bottom: none; } #navmain li.sub a:hover { color: #FD9303; text-decoration: none; border-bottom: none; } /* FOOTER ======================= */ #footer { clear: both; margin: 0px 0px 0px 0px; padding: 30px 0px 30px 65px; background: url(../images/background/footer.gif) no-repeat bottom center;} #footer p { margin: 0px 0px 5px 0px; padding: 0px; color: #C2B9B3; } #footer a { color: #C2B9B3; text-decoration: none; border-bottom: 1px dotted #C2B9B3;} #footer a:visited { color: #C2B9B3; text-decoration: none; border-bottom: 1px dotted #C2B9B3;} #footer a:hover { color: #043843; text-decoration: none; border-bottom: 1px dotted #EA6A0A;} #footer a img { float: left; margin: 0px 5px 0px 0px; padding: 0px; border-bottom: none; } #footer a:hover img { background: #ffffff; }