/* color palette

0079c2 -- blue
666666 -- gray bg
ffbf00 -- yellow

*/

/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px:
---------------------------------------------------------------- */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font-size: 100.01%;
        line-height: 1.5;
        font-family: Helvetica, Arial, sans-serif !important; /* IE ignores this and renders Arial better */
        font-family: Arial, Helvetica, sans-serif;
}
html {
    font-size: 100.01%; /* avoids obscure font-size bug */
    height: 100%;
    margin-bottom: 1px; /* avoid jumping scrollbars */
}
body {
    font-size: 76%; /* 10px = 62.5% */
    height: 100%;
    text-align: center;
    background-color: #666666;
}
img {
    border: 0;
}

/* Neutralize styling:
   Elements with a vertical margin:
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
        margin: 0 0 1em;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it:
---------------------------------------------------------------- */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences:
---------------------------------------------------------------- */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea, td {
        font-size: 100%;
}
.clearfix, .cls { /* use with a <br class="cls" /> to clear floats with no extra space*/
    clear: both;
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0;
}
.clear { clear: both; }

/* Headers and Paragraphs:
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {wra
	font-weight: normal;
}

h1 { font-size: 218%; }
h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; }
h5 { font-size: 100%; font-weight: bold; }
h6 { font-size: 86%; font-weight: bold; }

p { color: #222; }
p.caption { font-size: 86%; color: #555; }

a, a:visited {
    color: #0079c2;
    text-decoration: underline;
    padding: 1px 2px;
    margin: -1px -2px;
}
a:hover {
    color: #fff;
    background-color: #0079c2;
    text-decoration: none;
}


/* Basic Layout:
---------------------------------------------------------------- */
#wrap {
    margin: 50px auto 0;
    width: 770px;
    text-align: left;
}
#head {
    height: 62px;
    background: #fff url(../images/head.gif) no-repeat left bottom;
    position: relative;
}
    #head h1 {
        position: absolute;
        right: 15px;
        top: 17px;
        background: #fff url(../images/logo.gif) no-repeat;
        width: 173px;
        height: 0;
        padding-top: 18px;
        margin-left: -9999px;
        overflow: hidden;
    }
    #head p {
        margin: 0;
        padding: 20px 0 0 15px;
        color: #0079c2;
        font-size: 1.2em;
        letter-spacing: 1px;
    }
#main {
    margin: 5px 0 0;
}
    #topnav {
        width: 754px;
        height: 83px;
        background: #fff url(../images/wrenches.jpg) no-repeat top left;
    }
    #homepg #topnav {
        float:right;
        width:484px;
        height:255px;
        background-image: url(assets/images/shirt.jpg);
    }
        #topnav ul {
            float: right;
            list-style: none;
            padding: 0;
            margin: 0 6px 0 0 !important;
            margin: 0;
            text-align: right;
            background: transparent;
        }
        #topnav li {
            display: inline;
            margin: 0;
            padding: 0;
        }
        #topnav a {
            text-decoration: none;
            display: block;
            float: left;
            margin: 0 2px 0 0;
            padding: 0;
            background: transparent url(../images/nav/navbg.png) repeat-x 0 0;
            position: relative;
            height: 19px;
            overflow: hidden;

        }
            #topnav a:hover,
            #homepg #topnav #home a,
            #aboutpg #topnav #about a,
            #servicespg #topnav #services a,
            #specialpg #topnav #special a,
            #testimonialspg #topnav #testimonials a,
            #contactpg #topnav #contact a {
                border-top: 4px solid #fff;
            }
            #topnav img {
                display: block;
            }
        #topnav #home a { width: 51px;}
        #topnav #about a { width: 68px;}
        #topnav #services a { width: 64px;}
        #topnav #special a { width: 109px;}
        #topnav #testimonials a { width: 85px;}
        #topnav #contact a { width: 86px;}

        #subnav {
            margin: 6px 0;
            width: 100%;
            height: 43px;
            background-color: #0079c2;
            position: relative;
        }
            #subnav h2 {
                width: 250px;
                height: 25px;
                margin: 0;
                font-weight: normal;
                color: #ffbf00;
                position: absolute;
                bottom: 0;
                left: 215px;
                text-indent: -9999px;
                background: #0079c2 url(../images/headers.gif) repeat 0 0;
z-index: 10;
            }
            #aboutpg #subnav h2 { background-position: 0 -25px; }
            #servicespg #subnav h2 { background-position: 0 -50px; }
            #specialpg #subnav h2 { background-position: 0 -75px; }
            #testimonialspg #subnav h2 { background-position: 0 -100px; }
            #contactpg #subnav h2 { background-position: 0 -125px; }

            #subpages, #subpages * {
                color: #fff;
                padding: 2px 6px;
                word-spacing: .25em;
                text-decoration: none;
            }
            #subpages a:hover {
                color: #0079c2;
                background-color: #fff;
            }
            #subpages a.active, #subpages a.active:hover {
                color: #ffbf00;
                background-color: #0079c2;
                cursor: default;
            }
            #subpages {
                text-align: right;
                padding: 14px 25px 0 0;
position: relative;
z-index: 999;
            }
            #subpages span { padding: 0 0 0 4px; }
            #subpages span.last { display: none !important; }
    #leftImg {
        width: 264px;
        height: 255px;
        margin-bottom: 6px;
        overflow: hidden;
    }
    #slogan {
        height: 258px;
        background: #0079c2 url(../images/expert-maintenance.gif) no-repeat 160px 115px;
        text-indent: -9999px;
        margin: 0;
    }
    #kcorner {
        width: 114px;
        height: 31px;
        text-indent: -9999px;
        outline: 0;
        display: block;
        float: left;
        margin: -31px 0 0 10px;
        padding: 0;
        background-image: url(../images/kcorner.gif);
    }

    #page {
        margin: 8px;
        padding-bottom: 45px;
        background: #fff;
        zoom: 1;
    }
    #homepg #page {
        padding-bottom: 20px;}
    #contentwrap {
    }
        #image {
            float: left;
            width: 165px;
            margin-right: 50px;
        }
            #image p {
                color: #8c8c8c;
                text-align: center;
                padding: 1em;
            }
        #content {
            float: left;
            width: 330px;
        }
            #content h2 {
                color: #0079c2;
                font-size: 130%;
                margin: 3em 0;
            }

            #content p {
                color: #3f3f3f;
                font-size: 110%;
            }
#footer {
    text-align: right;
    color: #efefef;
    margin-top: -45px;
}
#homepg #footer {
    margin: 0;
}
    #footer a, #footer a:visited {
        color: #efefef;
    }
    #footer a:hover {
        color: #666666;
        background-color: #efefef;
    }
    #footer p {
        border-top: 11px solid #0079c2;
        padding-top: 32px;
        color: #efefef;
        background-color: transparent;
        margin: 0 20px 20px;
    }
    #homepg #footer p {
        border: 0;
        padding: 0;
        margin-top: 15px;
    }

/* Services table
---------------------------------------------------------------------- */
table thead th,
table tbody th {
    width: 400px;
}

tbody th {
    text-align: left;
}

tbody td {
    text-align: center;
}
tr td, tr th { border-bottom: 1px solid #eee;}

#logobar {
    position: absolute;
    height: 53px;
    width: 676px;
    margin: 0 0 60px -175px !important;
    z-index: 999;
}
#logobar td, #logobar tr, #logobar a, #logobar img { 
    border: 0; 
    background: transparent;
    margin: 0;
    padding: 0;
}

/* Blog
---------------------------------------------------------------------- */
.ditto_item {
    
}
h3.ditto_pageTitle {
    margin-bottom: 0;
}