body {
    margin: 0 auto;
    width: 960px;
    font-family: Arial, Verdana, Tahoma, sans-serif;
}

div#header {
    margin: 4px 0;
    padding: 0 10px;
}

div#header a {
    background: transparent url('/images/logo.gif') left top no-repeat;
    width: 279px;
    height: 56px;
    display: block;
}

div#header h1, div#header h2 {
    margin: 0;
    height: 0;
    display: none;
    text-indent: -9999px;
}

div#content {
    clear: both;
    width: 960px;
    font-size: 13px !important;
    line-height: 1.5em;
    margin: 15px 0;
}

img {
    border: none;
}

/* navigation */

div#nav {
    margin: 5px 0 2px 0;
    height: 30px;
}

div#nav ul {
    margin: 0;
    background: transparent url('/images/nav-combined.png') left top no-repeat;
    width: 830px;
    height: 30px;
    padding: 0;
}

div#nav ul li {
    list-style: none;
    display: block;
    float: left;
}

div#nav ul li a {
    margin: 0;
    display: block;
    height: 30px;
    text-indent: -9999px;
}

/* sub nav */

div#subnav {
    background: transparent url('/images/subnav-bg-left.gif') left top no-repeat;
    height: 30px;
}

div#subnav ul {
    background: #00457c url('/images/subnav-bg-right.gif') right top no-repeat;
    width: auto;
    padding: 0;
    margin: 0;
    margin-left: 9px;
    height: 30px;
}

div#subnav ul li {
    list-style: none;
    display: block;
    float: left;
    width: auto;
}

div#subnav ul li a {
    display: block;
    height: 14px !important;
    padding: 8px 10px;
    background: #00457c;
    color: #fff;
    text-decoration: none;
    text-indent: 0;
    font-family: Arial, Verdana, Tahoma, sans-serif;
    font-size: 11px;
    background: transparent url('/images/subnav-breaker.gif') left center no-repeat;
}

div#subnav ul li.selected a {
    color: #f70 !important;
}

div#subnav ul li.first a, div#subnav ul li:first-child a {
    background: none;
}

/* nav customizations */

body.nav-about div#nav ul       { background-position: left -30px; }
body.nav-products div#nav ul    { background-position: left -60px; }
body.nav-gallery div#nav ul     { background-position: left -90px; }
body.nav-contact div#nav ul     { background-position: left -120px; }

div#nav ul li#nav-home      a   { width: 78px; }
div#nav ul li#nav-about     a   { width: 95px; }
div#nav ul li#nav-products  a   { width: 155px; }
div#nav ul li#nav-gallery   a   { width: 123px; }
div#nav ul li#nav-contact   a   { width: 111px; }
div#nav ul li#nav-quote     a   { width: 141px; }

/* show nav */

body.nav-about div#subnav       { margin-left: 74px; width: 492px; }
body.nav-products div#subnav    { margin-left: 167px; width: 399px; }
body.nav-gallery div#subnav     { margin-left: 325px; width: 241px; }
body.nav-contact div#subnav     { margin-left: 447px; width: 119px; }

/* content styles */

div#content p {
    margin: 1em 0;
}

div#content a.img {
    text-indent: -9999px;
}

div#content a, div#content a:visited {
    color: #1e4274;
    text-decoration: none;
}

a:hover {
    text-decoration: underline !important;
}

.minor {
    color: #999;
}

.caption {
    color: #bbb;
    text-align: center;
    font-style: italic;
}

.no-margin {
    margin: 0 !important;
}

div#content hr {
    height: 1px;
    border: none;
    background: #ccc;
    margin: 1em 0;
}

div#content hr.blue {
    height: 10px;
    background-color: #22679e;
}

div#content div.push-up {
    margin-top: -40px;
}

div#content div.push-up-medium {
    margin-top: -208px;
}

div#content div.push-up-big {
    margin-top: -268px;
}

div#content div.push-down {
    margin-top: 40px;
}

/* headings */

h1.img, h2.img, h3.img, h4.img, h5.img, h6.img {
    text-indent: -9999px;
    background-position: left top;
    background-repeat: no-repeat;
}

h3 {
    font-family: Arial, Verdana, Tahoma, sans-serif;
    color: #00457c;
}

h3.img {
    height: 20px;
}

h3.our-people       { background-image: url('/images/headings/h3-our-people.gif'); }
h3.ten-ways         { background-image: url('/images/headings/ten-ways.gif'); }

div#content div.tagline {
    display: block;
    width: 960px;
    height: 292px;
    background-position: left top;
    background-repeat: no-repeat;
    text-indent: -9999px;
}

div#content div.left-fade {
	float: left;
	display: block;
    background: #fff url('/images/left-fade-bg.gif') left top repeat-x;
    margin: 0 10px;
    width: 460px;
    min-height: 356px;
}

/* taglines */

div.tagline-about                       { background-image: url('/images/taglines/about.jpg'); }
div.tagline-about-why-choose-us         { background-image: url('/images/taglines/why-choose-us.jpg'); }
div.tagline-about-faq                   { background-image: url('/images/taglines/faq.jpg'); }
div.tagline-about-glossary              { background-image: url('/images/taglines/glossary.jpg'); }
div.tagline-about-tips                  { background-image: url('/images/taglines/tips.jpg'); }
div.tagline-about-energy-efficiency     { background-image: url('/images/taglines/energy-efficiency.jpg'); height: 307px !important; }
div.tagline-products                    { background-image: url('/images/taglines/products.png'); height: 169px !important; }
div.tagline-products-windows-doors      { background-image: url('/images/taglines/windows-doors.jpg'); }
div.tagline-products-siding             { background-image: url('/images/taglines/siding.jpg'); }
div.tagline-products-roll-shutters      { background-image: url('/images/taglines/roll-shutters.jpg'); }
div.tagline-products-framing            { background-image: url('/images/taglines/framing.jpg'); }
div.tagline-contact-careers             { background-image: url('/images/taglines/careers.jpg'); height: 413px !important; }

/* home page */

div#content div.home-tagline {
    display: block;
    width: 960px;
    height: 310px;
    background: transparent url('/images/home-tagline-image.jpg') left top no-repeat;
    padding: 34px 0 0 379px;
    margin: 0;
}

div#content div.home-tagline a {
    display: block;
    width: 581px;
    height: 200px;
    background: transparent url('/images/home-tagline.gif') left top no-repeat;
}

div#content div.home-tagline a h2 {
    margin: 0;
}

div#content ul.home-buttons {
    display: block;
    height: 240px;
    margin: 0;
    padding: 0;
    background: transparent url('/images/home-buttons.jpg') left top no-repeat;
}

div#content ul.home-buttons li {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
}

div#content ul.home-buttons li a {
    display: block;
    text-indent: -9999px;
    height: 240px
}

div#content ul.home-buttons li.why a { width: 312px; }
div#content ul.home-buttons li.contact a { width: 314px; }
div#content ul.home-buttons li.deals a { width: 314px; }

/* about page */

div#content ul.about-logos {
    padding: 0 17px;
    margin: 1em 0;
}

div#content ul.about-logos li {
    margin: 0;
    padding: 5px;
    width: 132px;
    height: 132px;
    display: block;
    float: left;
    background: transparent url('/images/about-logo-stage.png') left top no-repeat;
}

/* tips page */

div#content ul.colors {
    margin: 0;
    padding: 0;
    height: 40px;
    list-style: none;
}

div#content ul.colors li {
    float: left;
    width: 40px;
    height: 40px;
    border: solid 1px #333;
    display: block;
    margin-right: 9px;
    text-indent: -9999px;
}

/* products page */

ul.product-buttons {
    margin: 0;
    padding: 0 10px;
    background: transparent url('/images/product-buttons.jpg') left top no-repeat;
    list-style: none;
    height: 345px;
}

ul.product-buttons li {
    width: 235px;
    height: 345px;
    display: block;
    float: left;
}

ul.product-buttons li a {
    width: 235px;
    height: 345px;
    display: block;
    float: left;
    text-indent: -9999px;
}

/* webform */

table.webform label {
    font-size: 10px;
    text-transform: uppercase;
}

#catwebformbutton {
    height: 35px;
    background: transparent url('/images/btn.gif') left top repeat-x;
    border: none;
    color: #fff;
    padding: 0 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 11px;
}

/* footer */

div#footer {
    clear: both;
    margin: 3em 0;
    border-top: solid 1px #ccc;
    color: #666;
    font-size: 10px;
    line-height: 8px;
}

div#footer ul {
    float: right;
    margin: 10px 0;
    margin-right: -8px;
}

div#footer p {
    margin-top: 10px;
}

div#footer ul li {
    list-style: none;
    display: block;
    float: left;
    padding: 0 10px;
    border-left: solid 1px #666;
    height: 10px;
}

div#footer ul li a {
    color: #666;
    text-decoration: none;
    font-family: Arial, Verdana, Tahoma, sans-serif;
}

div#footer ul li a:hover {
    text-decoration: underline;
}

div#footer ul li.first {
    border: none;
}