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: 951px;
    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') right center no-repeat;
}

* html div#subnav ul li {
    display: inline;
    padding-top: 4px;
}

* html div#subnav ul li a {
    display: inline;
}

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

div#subnav ul li.last a, div#subnav ul li:last-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; }
body.nav-blog       div#nav ul { background-position: left -150px; }

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-blog      a   { width: 72px; }
div#nav ul li#nav-quote     a   { width: 141px; }

/* show nav */

body.nav-about div#subnav       { margin-left: 74px; width: 596px; }
body.nav-products div#subnav    { margin-left: 167px; width: 430px; }
body.nav-gallery div#subnav     { margin-left: 325px; width: 295px; }
body.nav-contact div#subnav     { margin-left: 447px; width: 188px; }

/* 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'); }
h3.portatec         { background-image: url('/images/headings/portatec.gif'); height: 46px; }

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-about-testimonials		    { background-image: url('/images/taglines/testimonials.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: 581px;
    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 h1,
div#content div.home-tagline h2 {
    margin: 0;
}

div#content div.home-portatec-wrapper {
    position: absolute;
}

div#content div.home-portatec {
    width: 553px;
    height: 157px;
    background: transparent url('/images/portatec-home.gif') left top no-repeat;
    position: relative;
    top: -141px;
    left: 397px;
    padding-top: 8px;
    margin-top: -8px;
}

div#content div.home-portatec a {
    display: block;
    width: 553px;
    height: 149px;
}

div#content div.home-portatec a h3 {
    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: 322px; }
div#content ul.home-buttons li.contact a 	{ width: 314px; }
div#content ul.home-buttons li.deals a 		{ width: 324px; }

/* 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;
} 

div#content div.video_frame {
    width: 420px;
    height: 315px;
    border: solid 10px #000000;
}

/* 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, .button {
    display: block;
    height: 35px;
    background: transparent url('/images/btn.gif') left top repeat-x;
    border: none;
    color: #fff !important;
    padding: 0 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 11px;
}

button.button {
    padding: 0 15px;
}

button.button a {
    color: #fff !important;
    font-weight: bold;
    padding: 15px 0;
    text-decoration: none !important;
}

a.button {
    display: inline-block;
    text-decoration: none;
    padding: 12px 18px;
}

/* footer */

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

div#footer ul {
    float: right;
    margin: 10px 0 0 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;
}

div#footer ul li.last {
    padding-right: 7px;
}

#footer a.youtube {
    background: url('/images/logos/youtube.gif') no-repeat scroll top left;
    width: 25px;
    height: 26px;
    position: relative;
    top: -8px;
    display: block;
    text-indent: -9999px;
}

#footer a.facebook {
    background: url('/images/logos/facebook.gif') no-repeat scroll top left;
    width: 26px;
    height: 26px;
    position: relative;
    top: -8px;
    display: block;
    text-indent: -9999px;
}

#footer a.twitter {
    background: url('/images/logos/twitter.gif') no-repeat scroll top left;
    width: 26px;
    height: 26px;
    position: relative;
    top: -8px;
    display: block;
    text-indent: -9999px;
}

#super-footer {
    font-size: 12px;
}

#super-footer h2 {
    background: #fff url('/images/headings/overview.gif') no-repeat top left;
    width: 960px;
    height: 18px;
    text-indent: -9999px;
    margin: 15px 0 20px 0;
}

#super-footer h3,
#super-footer p {
    color: #666;
}       

#super-footer ul {
	color: #666;
}            

#super-footer a.button {
    margin: 6px 0;
} 

#super-footer a.inlink, #super-footer a.inlink:visited {
    color: #00457c;      
	text-decoration: none;
 	font-weight: bold; 
}                       
   
#super-footer a.inlink:hover {
 text-decoration: underline !important;
}    

body.super-footer {
    background: transparent url('/images/bg-fade.gif') repeat-x bottom center;
}

/* blog styles */

body.blog-section .links {
    margin: 1em 0;
}