/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* 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", Arial, Helvetica, 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;}
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.left {float:left;margin:1.5em 1.5em 1em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1em 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 {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;}
thead th {background:#c3d9ff;}
th, td, caption {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);}
.column {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.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:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.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;}

/* custom */
.navigation li, #content, #home-page #header, .subpage #header, #footer, .work img {behavior:url(/css/iepngfix.htc);}
body {background-image:url(../images/bg-body.jpg);background-repeat:repeat;line-height:1.4em;}
.container {width:966px;}
#home-page #header {background:url(../images/bg-content-top.png) 0 68px no-repeat;height:497px;}
.subpage #header {background:url(../images/bg-subpage-content-top.png) 0 68px no-repeat;height:113px;}
    #header h1 {float:left;background:url(../images/logo-keystonecraftsmen.png) 0 0 no-repeat;margin:18px 0 0 13px;}
        #header h1 .logo {float:left;height:38px;overflow:hidden;position:relative;text-indent:-9999px;width:329px;}
    #header .navigation {float:right;list-style-type:none;margin:24px 13px 0;}
        #header .navigation li {background:url(../images/sep-nav.png) 0 50% no-repeat;float:left;}
            #header .navigation li a {display:block;color:#fff;font-size:14px;padding:6px 18px;text-decoration:none;}
            #header .navigation li a:hover {background:url(../images/bg-nav.png) 0 0 repeat;}
            #header .navigation li.first {background-image:none;}
    #header #banner {background:url(../images/banner.jpg) 13px 24px no-repeat;clear:both;height:441px;position:relative;width:960px;}
    .subpage #header #banner {background:none;height:45px;}
        #header .tagline {background:url(../images/tagline.gif) 0 0 no-repeat;color:#fff;height:35px;left:400px;position:absolute;top:36px;text-indent:-9999px;width:531px;}
        .subpage #header .tagline {background-image:url(../images/tagline-small.gif);height:19px;left:34px;top:32px;width:298px;}
        .subpage #header .phone {background-image:url(../images/phone.gif);height:13px;left:804px;position:absolute;top:36px;text-indent:-9999px;width:129px;}
#content {background:url(../images/bg-content.png) 0 0 repeat-y;float:left;overflow:hidden;width:898px;padding:24px 34px 0 34px;}
    #content h1, #content h2, #content h3, #content h4, #content h5 {color:#563723;}
    #content h2 {font-size:20px;margin-top:30px;}
    #content .heading {background-repeat:no-repeat;overflow:hidden;text-indent:-9999px;}
    #content h1.services {background-image:url(../images/h-services.gif);height:18px;width:96px;}
    #content h1.work {background-image:url(../images/h-work.gif);height:18px;width:104px;}
    #content h1.clients {background-image:url(../images/h-clients.gif);height:18px;width:79px;}
    #content h1.about {background-image:url(../images/h-about.gif);height:17px;width:102px;}
    #content h1.contact {background-image:url(../images/h-contact.gif);height:18px;width:88px;}
    #content a {color:#8f6849;padding:1px;text-decoration:none;}
    #content a:hover {background:#dfd1be;color:#583522;}
    #content a.img {background:transparent;}
    #home-page #content .column {margin-right:40px;width:270px;}
    #home-page #content .work {text-align:center;}
    #home-page #content .testimonial {margin-right:0;}
#footer {clear:both;background:url(../images/bg-content-bottom.png) 0 0 no-repeat;color:#fff;float:left;font-size:11px;overflow:hidden;padding:32px 13px 24px 13px;width:950px;}
.subpage #footer {background-image:url(../images/bg-content-bottom-subpage.png);padding-top:63px;}
    #footer .copyright {color:#dbccbe;float:left;margin-top:2px;}
    #footer ul {float:right;list-style-type:none;margin:0 10px 0 0;}
        #footer ul li {float:left;}
            #footer ul li a {color:#fff;display:block;padding:4px 8px;text-decoration:none;}
            #footer ul li a:hover {background:url(../images/bg-nav.png) 0 0 repeat;}
            #home-page #footer ul li.home a,
            #home-page #footer ul li.home a:hover,

/* navigation */
#home-page ul.navigation li.home a,
#home-page ul.navigation li.home a:hover,
#services-page ul.navigation li.services a,
#services-page ul.navigation li.services a:hover,
#work-page ul.navigation li.work a,
#work-page ul.navigation li.work a:hover,
#clients-page ul.navigation li.clients a,
#clients-page ul.navigation li.clients  a:hover,
#about-page ul.navigation li.about a,
#about-page ul.navigation li.about a:hover,
#contact-page ul.navigation li.contact a,
#contact-page ul.navigation li.contact a:hover {background:url(../images/bg-nav-current.png) 0 0 repeat;color:#37231a;cursor:pointer;font-weight:bold;}

/* services */
#services-page #content .services-list, 
#services-page #content .locations-list {float:left;overflow:hidden;}
    #services-page #content .services-list ul, 
    #services-page #content .locations-list ul {float:left;width:180px;}
#services-page #content .services-list {background:url(../images/services-graphic.png) bottom right no-repeat;padding-right:200px;width:695px;}
#services-page #content p { clear: both; }

/* our work */
#work-page #content a {border:solid 2px #6A462D;display:block;float:left;height:150px;margin:10px 20px 10px 0;}

/* clients */
#clients-page #content #testimonial-nav {text-align:right;}
#clients-page #content .testimonial ol {margin-left:3.2em;}

/* about */

/* contact */
.hcard {background:url(../images/contact-graphic.png) bottom left no-repeat;float:left;width:890px;}
    .hcard h3 {margin:0;}
    .hcard h4 {margin:24px 0 12px;}
    .hcard h5 {margin:24px 0 0;}
        .hcard h5.first {margin-top:0;}
    .hcard .tel {}
        .hcard .tel .type {color:#777;font-size:10px;}
#contact-page .call {margin-left:230px;}
#contact-page .form {margin-left:100px;}
    #contact-page form dl {margin:0;overflow:hidden;}
        #contact-page form dl dt {clear:left;display:block;float:left;margin:0 0 8px;padding:0;width:80px;}
        #contact-page form dl dt.req {background:url(../images/required.gif) 100% 20% no-repeat;}
        #contact-page form dl dt.error {border:none;}
        #contact-page form dl dd {display: block;float:left;margin:0 0 8px;padding:0 0 0 4px;width:280px;}
            #contact-page form dl dd input,
            #contact-page form dl dd textarea {padding:2px;width:270px;}
            #contact-page form dl dd textarea {height:200px;margin:0;width:274px;}
            #contact-page form dl dd span {display:none;}
        #contact-page .buttons {padding-left:82px;}

/* testimonial */
#content .testimonial blockquote {background:url(../images/quote-right.png) bottom right no-repeat;padding-right:20px;color:#222;margin:0;}
    #content .testimonial blockquote p {padding-left:20px;}
    #content .testimonial blockquote p.first {background:url(../images/quote-left.png) top left no-repeat;}
    #content .testimonial blockquote p.last {margin-bottom:8px;}
#content .testimonial p.cite {line-height:1.2em;padding-left:20px;}
    #content .testimonial cite {font-style:normal;}
        #content .testimonial cite span {color:#777;font-size:11px;}