/* BLUEPRINT CSS * Filename: compressed.css * Version: 0.7.1 (2008-02-25) YYYY-MM-DD * Website: http://code.google.com/p/blueprintcss/ Generated by: * Blueprint CSS Grid Generator (2009-03-18) [http://kematzy.com/blueprint-generator/] == STRUCTURE: ======================== * Page width: 950 px * Number of columns: 10 * Column width: 86 px * Margin width: 10 px ====================================== */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* typography.css */ body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre, code {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;background:#C3D9FF;} th, td {padding:4px 10px 4px 5px;} tr.even td {background:#E5ECF9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* grid.css */ .container {width:950px;margin:0 auto;} .showgrid {background:url(src/grid.png);} body {margin:1.5em 0;} div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10 {float:left;margin-right: 10px;} div.last {margin-right:0;} .span-1 { width: 86px;} .span-2 { width: 182px;} .span-3 { width: 278px;} .span-4 { width: 374px;} .span-5 { width: 470px;} .span-6 { width: 566px;} .span-7 { width: 662px;} .span-8 { width: 758px;} .span-9 { width: 854px;} .span-10, div.span-10 { width: 950px; margin: 0; } .append-1 { padding-right: 96px;} .append-2 { padding-right: 192px;} .append-3 { padding-right: 288px;} .append-4 { padding-right: 384px;} .append-5 { padding-right: 480px;} .append-6 { padding-right: 576px;} .append-7 { padding-right: 672px;} .append-8 { padding-right: 768px;} .append-9 { padding-right: 864px;} .prepend-1 { padding-left: 96px;} .prepend-2 { padding-left: 192px;} .prepend-3 { padding-left: 288px;} .prepend-4 { padding-left: 384px;} .prepend-5 { padding-left: 480px;} .prepend-6 { padding-left: 576px;} .prepend-7 { padding-left: 672px;} .prepend-8 { padding-left: 768px;} .prepend-9 { padding-left: 864px;} div.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.colborder { padding-right:82px;margin-right:81px;border-right:1px solid #eee;} .pull-1 { margin-left: -96px;} .pull-2 { margin-left: -192px;} .pull-3 { margin-left: -288px;} .pull-4 { margin-left: -384px;} .pull-5 { margin-left: -480px;} .pull-6 { margin-left: -576px;} .pull-7 { margin-left: -672px;} .pull-8 { margin-left: -768px;} .pull-9 { margin-left: -864px;} .pull-10 { margin-left: -960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10 {float:left;position:relative;} .push-1 { margin: 0 -96px 1.5em 96px;} .push-2 { margin: 0 -192px 1.5em 192px;} .push-3 { margin: 0 -288px 1.5em 288px;} .push-4 { margin: 0 -384px 1.5em 384px;} .push-5 { margin: 0 -480px 1.5em 480px;} .push-6 { margin: 0 -576px 1.5em 576px;} .push-7 { margin: 0 -672px 1.5em 672px;} .push-8 { margin: 0 -768px 1.5em 768px;} .push-9 { margin: 0 -864px 1.5em 864px;} .push-10 { margin: 0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10 {float:right;position:relative;} .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;} .clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix, .container {display:inline-block;} * html .clearfix, * html .container {height:1%;} .clearfix, .container {display:block;} .clear {clear:both;} /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} /*============================================== ================================================ LAYOUT ================================================ ===============================================*/ /****** Wrapper *******/ #wrap { margin-top:20px} /****** Header *******/ #header { height:139px; margin-bottom:25px; } #header a img { border:none; margin:0; padding:0; } /****** Navigation *******/ #nav { float:right; height:48px; margin:22px 0 0 0; } #nav ul { float:right; margin:0; padding:0; width:496px; } #nav ul li { float:left; list-style:none; margin:0; padding:0; } #nav ul li a { display:block; height:48px; text-indent:-10000px; } #nav ul li a span { display:block; height:100%; width:100%; z-index:100; } a#nav_home {width:92px;} a#nav_about {width:90px;} a#nav_news {width:87px;} a#nav_portfolio {width:118px;} a#nav_contact {width:109px;} #subnav { float:right; } #subnav ul { float:right; } #subnav li { float:left; height:22px; list-style:none; padding:0 5px; position:relative; z-index:1000; } #subnav li a { padding-top:2px; } /****** Search *******/ #search { float:left; height:21px; margin-top:13px; } #searchform #s { float:left; height:19px; margin:0; padding:0; width:139px; } #searchform #searchsubmit { float:right; height:21px; margin:0; padding:0; width:39px; } /****** Content *******/ #content { margin-bottom:25px; } #copy { position:relative; z-index:2; } #copy p { padding:10px; } #pageimg { position:relative; z-index:1; } .home #lead { height:194px; margin-right:15px; text-indent:-10000px; width:168px; } .about #pageimg { margin-top:-45px; } /****** Newsletters Page *******/ .newsletter { height:182px; margin-bottom:10px; position:relative; z-index:100; } .newsletterlink { height:182px; position:absolute; width:182px; z-index:110; } .newsletter h2 { position:absolute; top:0; z-index:108; } .newsletterdescription { padding:30px 10px 10px 10px; position:relative; z-index:109; } .newsletter span { display:block; position:absolute; width:100%; height:100%; z-index:105; } /****** Post Navigation *******/ #postnav ul { margin:0; padding:0; } #postnav li { float:left; height:55px; list-style:none; padding-top:15px; } #postnav .next { float:right; } /****** Portfolio Sections *******/ /* Main portfolio navigation page */ #manufacturing a, #office a, #healthcare a, #specialuse a { display:block; height:182px; text-indent:-10000px; width:100%; } /* Left navigation */ #leftnav ul, #leftnav li { list-style:none; margin:0;padding:0; } #leftnav li { text-align:right; position:relative; } #leftnav ul li a, #leftnav ul li a:hover { border-bottom:none; color:#fff; } #leftnav li a { display:block; height:2.5em; padding:.5em 10px 0 0; position:relative; } /* Portfolio Section Navigation */ .entrytitle { background:#7a0001 url(images/portfolio_titlebg.png) repeat-x left top; } .entrytitle a { border-bottom:none; display:block; padding:.5em 10px; } /****** Footer *******/ #footer { margin:0 auto; padding-top:15px; width:950px; } #nav_footer li { float:left; list-style:none; margin:0 21px 0 0; padding:0; } #footer .ftp { margin-top:-15px; padding-top:15px; } #footer .ftp p { text-align:center; } /*============================================== ================================================ COLORS AND BACKGROUNDS ================================================ ===============================================*/ body { background:#fff; } /****** Navigation *******/ /*#nav { background:transparent url(images/nav_bg.png) repeat-x left top; }*/ a#nav_home {background:transparent url(images/nav.png) repeat-x left top} a#nav_about {background:transparent url(images/nav.png) repeat-x -92px 0px;} a#nav_news {background:transparent url(images/nav.png) repeat-x -182px 0px;} a#nav_portfolio {background:transparent url(images/nav.png) repeat-x -269px 0px} a#nav_contact {background:transparent url(images/nav.png) repeat-x -387px 0px;} .active a#nav_home, a#nav_home span {background:transparent url(images/nav.png) repeat-x left bottom} .active a#nav_about, a#nav_about span {background:transparent url(images/nav.png) repeat-x -92px -48px;} .active a#nav_news, a#nav_news span {background:transparent url(images/nav.png) repeat-x -182px -48px;} .active a#nav_portfolio, a#nav_portfolio span {background:transparent url(images/nav.png) repeat-x -269px -48px;} .active a#nav_contact, a#nav_contact span {background:transparent url(images/nav.png) repeat-x -387px -48px;} #subnav { background:transparent; color:#fff; } #subnav li.active { background:#fff; } #subnav li a { color:#a8001b; text-decoration:none; } #subnav li.active a { background:transparent url(images/subnav_arrow.png) no-repeat center bottom; color:#a8001b; padding-bottom:5px; } #subnav li a:hover { border-bottom:1px solid #a8001b; } #subnav li.active a:hover { color:#a8001b; border-bottom:none; } /****** Search *******/ #search { } #searchform #s { border:1px solid #a8001b; } /****** Content *******/ #copy { background:transparent url(images/transparent_white_bg.png) repeat left top; } .home #lead { background:transparent url(images/home_lead.png) no-repeat left top; } #content a { border:none; color:#a8001b; text-decoration:none; } #content a:visited { border-bottom: 1px dotted #000; color:#000; } #content a:hover { border-bottom:1px solid #000; color:#000; } /****** Newsletter Page *******/ .newsletter { background:#a8001b; } .newsletter h2 { color:#fff;} .newsletterdescription { color:#fff; } .newsletter span { background:#c70020 url(images/newsletterbg.png) repeat-x left bottom; } .prev { background:transparent url(images/newsletters_prev.png) no-repeat left top; } .archives { background:transparent url(images/newsletters_archives.png) no-repeat center top; } .next { background:transparent url(images/newsletters_next.png) no-repeat right top; } /****** Portfolio Sections *******/ /* Main portfolio navigation page */ #manufacturing a { background:transparent url(images/portfolio_button_manufacturing.png) no-repeat center bottom; } #manufacturing a:hover, #office a:hover, #healthcare a:hover, #specialuse a:hover { border-bottom:none; } /* Left navigation */ #leftnav { background:#a8001b url(images/leftnavbg.png) repeat-x left bottom; } #leftnav ul li a, #leftnav ul li a:visited, #leftnav ul li a:hover { background:transparent; border-bottom:none; color:#fff; } #leftnav ul li a:hover, #leftnav ul li.active a { background:#c70020; } #portfolioentries .portfolioentry .entrytitle a { color:#fff; text-align:right; } #portfolioentries .portfolioentry .entrytitle a:hover { border:none; } /****** Portfolio Pages Contents *******/ .suppimage { margin-right:10px; padding:10px; background:#a8001b url(images/leftnavbg.png) repeat-x left bottom } /****** Footer *******/ #footer { border-top:3px solid #a8001b; } #footer .copyright { text-align:center; } #footer .ftp { background:#a8001b; text-align:center; } #footer .ftp a { color:#fff; text-align:center; } #footer li, #footer a { color:#a8001b; text-decoration:none; } #footer a:hover { border-bottom:1px solid #a8001b; } /*============================================== ================================================ TYPOGRAPHY ================================================ ===============================================*/ /****** Navigation *******/ #subnav { font-style:italic; } /****** Content *******/ #copy p { font-size:12px; line-height:2em; } /****** Newsletter Page *******/ .newsletter h2 { font-size:24px; font-weight:bold; line-height:.65em; text-transform:uppercase; } .newsletterdescription { font-weight:bold; text-align:right; } /****** Post Nav *******/ .prev { text-align:left; } .archives { text-align:center; } .next { text-align:right; } #leftnav a { font-style:italic; } #portfolioentries .portfolioentry .entrytitle a { font-style:italic; } /****** Footer *******/ #footer { font-size:10px; } #footer .copyright { text-align:center; } #footer .ftp { text-align:right; } .suppimage { position:relative; left:-75px; }