div.copy-wrapper
{
padding             : 0px 20px 20px 40px;
width               : 382px;
float               : left;
display             : block;
border-top          : 3px solid #FFF;
}

div.copy-wrapper#example-page
{
width               : 567px;
}

div.copy-wrapper#testimonial-page
{
width               : 567px;
}

div.copy-wrapper#full-width
{
width               : 567px;
border-top          : 0px solid #FFF;
padding             : 0px 40px 20px 40px;
}

div.generic-headers
{
padding             : 20px 0px 20px 0px;
width               : 382px;
}

div.generic-headers#survey
{
padding             : 20px 0px 0px 0px;
}

div.generic-headers h3
{
display             : block;
width               : 382px;
height              : 0px;
padding-top         : 38px;
overflow            : hidden;
margin              : 0px 0px 15px 0px;
color               : #FF3300;
}

div.generic-headers h3.roofsave
{
display				: block;
overflow			: hidden;
height				: 0px;
padding-top			: 67px;
width				: 169px;
background			: url(../images/roofsave/roofsave-logo.gif) no-repeat;
margin				: 0px 0px 0px 0px
}

div.generic-headers h4
{
font-size           : 120%;
font-weight         : normal;
line-height         : 20px;
margin              : 0px 0px 0px 0px;
color               : #666;
}

div.generic-headers h4 a
{
color               : #666;
text-decoration     : none;
}

div.generic-headers h4.survey
{
font-size           : 75%;
font-weight         : normal;
line-height         : 20px;
margin              : 0px 0px 0px 0px;
color               : #666;
}

div.generic-headers h4.contact
{
font-size           : 75%;
font-weight         : normal;
line-height         : 15px;
margin              : 0px 0px 10px 0px;
color               : #666;
}

div.generic-headers h4.contact a
{
color               : #666;
text-decoration     : none;
}

div#testimonial-page div.generic-copy
{
padding             : 0px 0px 20px 0px;
width               : 567px;
}

div.generic-copy
{
padding             : 0px 0px 20px 0px;
width               : 382px;
}

div.generic-copy h5
{
font-size           : 85%;
font-weight         : bold;
line-height         : 16px;
margin              : 0px 0px 0px 0px;
color               : #FF3300;
}

div.generic-copy p
{
font-size           : 75%;
font-weight         : normal;
line-height         : 16px;
margin              : 0px 0px 15px 0px;
color               : #666;
}

div.generic-copy p a
{
color               : #FF3300;
}

div.page-images
{
padding             : 20px 0px 20px 0px;
width               : 190px;
float               : left;
display             : block;
border-top          : 3px solid #FFF;
}

div.page-images img
{
display             : block;
margin              : 0px 0px 25px 0px;
}

div.page-images div.Insulation-Grants
{
background-color    : #DDD;
padding             : 10px 20px 10px 20px;
}

div.page-images div.Insulation-Grants p
{
font-size           : 75%;
font-weight         : normal;
line-height         : 16px;
margin              : 0px 0px 10px 0px;
color               : #666;
}

div.page-images div.Insulation-Grants p.header
{
color               : #FF3300;
font-size           : 85%;
font-weight         : bold;
}

div.page-images div.Insulation-Grants p strong
{
color               : #333;
}

div.copy-wrapper#full-width ul.news
{
width               : 567px;
overflow            : hidden;
list-style-type     : none;
margin              : 0px;
padding             : 0px; 
}

div.copy-wrapper#full-width ul.news li
{
display             : block;
float               : left;
width               : 567px;
border-top          : 1px solid #CCC;
padding             : 15px 0px 10px 0px;
}

div.copy-wrapper#full-width ul.news li div.image
{
display             : block;
float               : left;
width               : 95px;
padding-right       : 20px;
}

div.copy-wrapper#full-width ul.news li div.copy
{
display             : block;
float               : left;
width               : 443px;
}

div.copy-wrapper#full-width ul.news li div.copy p
{
font-size           : 75%;
font-weight         : normal;
line-height         : 16px;
margin              : 0px 0px 10px 0px;
color               : #666;
}

div.copy-wrapper#full-width ul.news li div.copy p.header
{
color               : #FF3300;
font-size           : 85%;
font-weight         : bold;
}

div.copy-wrapper#full-width ul.news li div.copy p.header a
{
color               : #FF3300;
text-decoration     : none;
}

div.copy-wrapper#full-width ul.news li div.copy p.header a span
{
font-weight         : normal;
color               : #666;
}

div.copy-wrapper#full-width ul.news li div.copy p a
{
color               : #FF3300;
text-decoration     : none;
}


div.copy-wrapper#full-width ul.pagination
{
width               : 567px;
overflow            : hidden;
list-style-type     : none;
margin              : 0px;
padding             : 0px; 
border-top          : 1px solid #CCC;
}

div.copy-wrapper#full-width ul.pagination li
{
display             : block;
float               : right;
padding             : 15px 0px 0px 0px;
}

div.copy-wrapper#full-width ul.pagination li
{
font-size           : 75%;
font-weight         : normal;
line-height         : 16px;
margin              : 0px 0px 10px 0px;
color               : #666;
}

div.copy-wrapper#full-width ul.pagination li.unclickable
{
color               : #DDD;
}

div.copy-wrapper#full-width ul.pagination li span
{
font-weight         : bold;
}

div.copy-wrapper#full-width ul.pagination li a
{
color               : #FF3300;
text-decoration     : none;
}

div.news-detail
{
width               : 567px;
border-top          : 1px solid #CCC;
padding             : 10px 0px 0px 0px;
}

div.news-detail img
{
display             : block;
float               : right;
margin              : 0px 0px 20px 20px;
}

div.news-detail h4
{
font-size           : 100%;
font-weight         : bold;
line-height         : 20px;
margin              : 10px 0px 10px 0px;
color               : #FF3300;
}

div.news-detail h4 span
{
color               : #666;
} 

div.news-detail p
{
font-size           : 75%;
font-weight         : normal;
line-height         : 16px;
margin              : 0px 0px 15px 0px;
color               : #666;
}

div.news-detail p.back-to-news
{
width               : 567px;
border-top          : 1px solid #CCC;
padding-top         : 10px;
}

div.news-detail p.back-to-news a
{
color               : #FF3300;
text-decoration     : none;
}

/* Forms */

div.free-survey
{
padding             : 15px 40px 0px 40px;
width               : 567px;
float               : left;
display             : block;
border-top          : 3px solid #FFF;
}

div.free-survey p
{
margin              : 0px 0px 10px 0px;
}

div.free-survey p.header
{
color               : #FF3300;
font-size           : 85%;
font-weight         : bold;
margin              : 0px 0px 20px 0px;
}

div.free-survey label
{
font-size           : 75%;
font-weight         : normal;
line-height         : 16px;
margin              : 0px 0px 10px 0px;
color               : #666;
display             : block;
float               : left;
width               : 150px;
}

div.free-survey input.single-field
{
width               : 200px;
border              : 1px solid #CCC;
padding             : 2px;
font-family         : Arial;
font-size           : 75%;
color               : #666;
}

div.free-survey textarea.multiple-field
{
width               : 200px;
border              : 1px solid #CCC;
padding             : 2px;
font-family         : Arial;
font-size           : 75%;
color               : #666;
}

div.free-survey p span
{
font-size           : 0.8em;
font-weight         : bold;
}

div.free-survey select
{
width               : 200px;
border              : 1px solid #CCC;
padding             : 2px;
font-family         : Arial;
font-size           : 75%;
color               : #666;
}

div.free-survey input.submit
{
background-color    : #FF3300;
border              : 0px;
color               : #FFF;
font-weight         : bold;
padding             : 2px 20px 2px 20px;
margin              : 0px 0px 20px 0px;
float               : right;
}

/* Contact Details */

div.contact-details
{
padding             : 15px 20px 0px 40px;
width               : 587px;
float               : left;
display             : block;
}

div.contact-details div.address
{
width               : 200px;
float               : left;
overflow            : hidden;
}

div.contact-details div.address p
{
font-size           : 75%;
font-weight         : normal;
line-height         : 16px;
margin              : 0px 0px 15px 0px;
color               : #666;
}

div.contact-details div.address p strong
{
color               : #FF3300;
}

div.contact-details div.form
{
width               : 387px;
float               : left;
overflow            : hidden;
}

div.contact-details div.form
{
background-color    : #DEDEDE;
margin-bottom       : 20px;
}

div.contact-details div.form p.header
{
font-size           : 75%;
font-weight         : normal;
line-height         : 16px;
margin              : 0px 0px 0px 0px;
color               : #666;
}

div.contact-details div.form div.padding
{
padding             : 20px 20px 0px 20px;
}

div.contact-details div.form div.padding label
{
font-size           : 75%;
font-weight         : normal;
line-height         : 16px;
margin              : 0px 0px 0px 0px;
color               : #666;
display             : block;
float               : left;
width               : 130px;
}



div.contact-details div.form div.padding input.single-field
{
width               : 180px;
border              : 1px solid #CCC;
padding             : 2px;
font-family         : Arial;
font-size           : 75%;
color               : #666;
}

div.contact-details div.form div.padding textarea.multiple-field
{
width               : 180px;
border              : 1px solid #CCC;
padding             : 2px;
font-family         : Arial;
font-size           : 75%;
color               : #666;
}

div.contact-details div.form div.submit
{
background-color    : #CCC;
padding             : 10px 20px 0px 20px;
border-top          : 3px solid #F2F2F2;
overflow            : hidden;
}

div.contact-details div.form div.submit p
{
font-size           : 75%;
font-weight         : normal;
line-height         : 16px;
margin              : 0px 0px 0px 0px;
color               : #666;
}

div.contact-details div.form input.submit
{
background-color    : #FF3300;
border              : 0px;
color               : #FFF;
font-weight         : bold;
padding             : 2px 20px 2px 20px;
margin              : 0px 0px 20px 0px;
float               : right;
}

#therm-logo
{
background          : url(../images/Generic/thermilate_logo_no_slogansm.jpg) no-repeat 460px 225px;
}

/* Examples */

div.project
{
width               : 567px;
overflow            : hidden;
display             : block;
}

div.project-header
{
width               : 567px;
overflow            : hidden;
display             : block;
padding             : 0px 0px 0px 0px;
margin              : 0px 0px 10px 0px;
}

div.project-header h4
{
font-size           : 100%;
color               : #FFF;
margin              : 0px;
line-height         : 27px;
font-weight         : bold;
background          : #C23700 url(../images/examples/example-header-off.jpg) no-repeat 0px 0px;
cursor				: pointer;
}

div.project-header h4 span
{
display             : block;
padding             : 0px 0px 0px 80px;
color               : #FFF;
text-decoration     : none;
}

div.project-copy
{
width               : 527px;
display             : block;
padding             : 10px 20px 0px 20px;

}

/* On */

div.project-header h4.active
{
background          : #C23700 url(../images/examples/example-header-on.jpg) no-repeat 0px 0px;
}



/* Testimonials */

div.testimonial
{
width               : 567px;
overflow            : hidden;
display             : block;
background          : url(../images/testimonials/testimonials-swoosh.jpg) no-repeat bottom left;
padding             : 0px 0px 0px 0px;
margin              : 0px 0px 30px 0px;
}

div.testimonial-left
{
width               : 567px;
overflow            : hidden;
display             : block;
background          : url(../images/testimonials/testimonials-swoosh-left.jpg) no-repeat bottom left;
padding             : 0px 0px 0px 0px;
margin              : 0px 0px 30px 0px;
}

div.testimonial div.img
{
float               : left;
display             : block;
margin              : 0px 20px 0px 0px;
width               : 140px;
}

div.testimonial-left div.img
{
float               : right;
display             : block;
margin              : 0px 0px 0px 20px;
width               : 140px;
}


div.testimonial div.copy
{
float               : left;
display             : block;
margin              : 0px 0px 0px 0px;
padding             : 0px 0px 0px 15px;
width               : 360px;
background          : url(../images/testimonials/lquote.gif) no-repeat 0px 2px;
}

div.testimonial-left div.copy
{
float               : right;
display             : block;
margin              : 0px 0px 0px 0px;
padding             : 0px 0px 0px 15px;
width               : 360px;
background          : url(../images/testimonials/lquote.gif) no-repeat 0px 2px;
}

div.testimonial div.copy img,
div.testimonial-left div.copy img
{
display             : inline;
margin              : 0px 0px 0px 3px;
}

a.Terracota, a.Rustic, a.DarkBrown, a.MineshaftGrey, a.WinterGreen
{
display             : block;
float               : left;
height              : 0px;
padding-top         : 76px;
width               : 76px;
overflow            : hidden;
}

a.Terracota
{background          : url(../images/roofsave/terracotta.jpg) top left no-repeat;}
a.Rustic
{
background          : url(../images/roofsave/Rustic.jpg) top left no-repeat;
width               : 78px;
}
a.DarkBrown
{background          : url(../images/roofsave/darkbrown.jpg) top left no-repeat;}
a.MineshaftGrey
{background          : url(../images/roofsave/mineshaftgrey.jpg) top left no-repeat;}
a.WinterGreen
{background          : url(../images/roofsave/wintergreen.jpg) top left no-repeat;}

span.red
{
color               : #FF3300;
}