/* Company Stylesheet Author:Brad Graham (bgraham@matrixgroup.net) Created:1/2009 ----------------------------------------------------*/ /* html5doctor.com Reset Stylesheet v1.4 2009-07-27 Author: Richard Clark - http://richclarkdesign.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal; vertical-align:baseline; } article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; } ul, ol { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } table { border-collapse:collapse; border-spacing:0; } input, select { vertical-align:middle; } /* =Generics ------------------------------------ */ body { font-size:100%; /*16 pixel text*/ font-family:Georgia, Times, “Times New Roman”, serif; line-height:1.375em; /*22 pixel line-height*/ background:#fff; margin-bottom:2em; } #wrap { margin:0 auto; width:800px; text-align:left; position:relative; } abbr { border-bottom:1px dotted #000; cursor:help; } .clear { clear:both; } .importance, strong { font-weight:bold; } .emphasis, em { font-style:italic; } .hide, .for-print { display:none; } .left { float:left; margin-right:7px; } .right { float:right; margin-left:7px; } .upper { text-transform:uppercase; } .structural { position:absolute; left:-9999px; } sup { vertical-align:0.5em; font-size:0.9em; } sub { vertical-align:-0.5em; font-size:0.9em; } form br { display:none; } /* =Links ------------------------------------ */ a { text-decoration:none; } a:link, a:visited { color:#5a7ca1; text-decoration:underline; } a:hover, a:active, a:focus { color:#4e445f; text-decoration:none; } #skiplinks a { left:-9999px; position:absolute; top:-9999px; padding:3px; border:1px solid #000; background-color:#ccc; font-size:12px; } #skiplinks a:active, #skiplinks a:focus { top:0; left:0; } #skiplinks a:active, #skiplinks a:focus { left:3px; top:3px; background-color:#fcc; color:#000; font-size:0.625em; padding:2px 5px; border:1px solid #ffc; } a.footnote-jump { text-decoration:none; } /* =MastHeaad ------------------------------------ */ #masthead { margin-bottom:21px; padding:22px 0 7px; border-bottom:7px solid #000; } #masthead #logo a { background:url(/images/template/universal/logo.png) 0 0 no-repeat; display:block; width:300px; height:67px; text-indent:-9999px; overflow:hidden; } /* =Main ------------------------------------ */ nav { position:absolute; top:56px; right:0; font-size:12px; } nav li { float:left; padding-left:10px; } #main > header h2 { color:#000; font-size:30px; line-height:1em; font-style:italic; margin-bottom:36px; text-shadow:0 1px 1px rgb(65, 72, 80); } /* Portfolio Listing */ #portfolio-list article { width:578px; margin-bottom:22px; border-bottom:1px dashed #ccc; padding-bottom:32px; } #portfolio-list article:last-child { border-bottom:none; } #portfolio-list article header h3 { font-size:18px; color:#4e445f; margin-bottom:4px; } #portfolio-list article header h3 a { color:inherit; text-decoration:none; } #portfolio-list article header h3 abbr { border:none; } #portfolio-list article section p { font-size:16px; margin:22px 0 12px; } #portfolio-list article section .screenshot { border:1px solid #4e445f; background-color:#eee; } #portfolio-list article section .screenshot a { margin:7px; width:562px; height:200px; background-position:0 0; background-repeat:no-repeat; display:block; } .noJS #portfolio-list article section .screenshot:hover { width:798px; } .noJS #portfolio-list article section .screenshot:hover a { width:784px; height:441px; } #portfolio-list article section blockquote { margin-left:20px; color:#4e445f; } #portfolio-list article section blockquote p { font-size:14px; } #portfolio-list article section blockquote p.cite { margin-top:0; } #portfolio-list article section blockquote p.cite:before { content:'\2014'; } #portfolio-list article section .screenshot { -webkit-box-shadow:1px 1px 2px #4e445f; -moz-box-shadow:1px 1px 2px #4e445f; box-shadow:1px 1px 2px #4e445f; } #portfolio-list article section .screenshot img { position:absolute; left:-9999px; top:-9999px; } #portfolio-list article#rrca section .screenshot a { background-image:url(/images/portfolio/rrca.jpg); } #portfolio-list article#invest-time section .screenshot a { background-image:url(/images/portfolio/invest-time.jpg); } #portfolio-list article#greenhvac section .screenshot a { background-image:url(/images/portfolio/greenhvac.jpg); } #portfolio-list article#nhf section .screenshot a { background-image:url(/images/portfolio/nhf.jpg); } #portfolio-list article#counterfeits section .screenshot a { background-image:url(/images/portfolio/counterfeits.jpg); } #portfolio-list article#nfib section .screenshot a { background-image:url(/images/portfolio/nfib.jpg); } #portfolio-list article#neca-energy-solutions section .screenshot a { background-image:url(/images/portfolio/neca-energy-solutions.jpg); } #portfolio-list article#neca-conv-blog section .screenshot a { background-image:url(/images/portfolio/neca-conv-blog.jpg); } #portfolio-list article#neca-conv09 section .screenshot a { background-image:url(/images/portfolio/neca-conv09.jpg); } #portfolio-list article#neca-conv08 section .screenshot a { background-image:url(/images/portfolio/neca-conv08.jpg); } #portfolio-list article#pinp10 section .screenshot a { background-image:url(/images/portfolio/pinp-conf10.jpg); } #portfolio-list article#neca-connection section .screenshot a { background-image:url(/images/portfolio/neca-connection.jpg); } #portfolio-list article#neca section .screenshot a { background-image:url(/images/portfolio/neca.jpg); } #portfolio-list article#ipt section .screenshot a { background-image:url(/images/portfolio/ipt.jpg); } #portfolio-list article footer { font-size:12px; } #portfolio-list article footer .visit { float:right; } #portfolio-list article footer .visit a { float:right; display:block; } #portfolio-list article footer .role { width:auto; overflow:hidden; font-variant:small-caps; color:#666; } #portfolio-list article footer .role li { float:left; padding-right:15px; letter-spacing:1.5px; } #portfolio-list article footer .role abbr { border:none; } /* Contact Form */ #contact-form li { margin-bottom:11px; } #contact-form label { display:block; } #contact-form label .req { color:#630; font-size:12px; font-style:italic; } #contact-form input[type="text"] { width:200px; background-color:#fff; border:1px solid #4e445f; padding:4px 3px; } #contact-form input.warning { background-color:#fcc; border:1px solid #f00; } #contact-form textarea { width:400px; background-color:#fff; border:1px solid #4e445f; } #contact-form textarea.warning { background-color:#fcc; border:1px solid #f00; } #contact-form .special { xposition:absolute; left:-9999px; } #contact-form .error { color:#f00; font-size:12px; font-style:italic; margin-left:10px; }