/*
paragraph black 585858
reddish b15049 d1685d
quote square red d16e64
earthy orange da8446 
quote symbol orange e48c5c
warranty green 747c0f
light bluegray ced8d1
very light gray eeeeee
logo blue 4972ca
--- roof colors
white fdfffd
beighe f6ecc0
light stone d8d8b9
black 030f0f
sky blue 4f738d
gallery blue 19456e
forest green 1c5a47
brown 5a513f
anglelines gray 5a513f
/* 
amnatonline.com
logo red c40000
logo blue 00167c
bright red: e31a13
dark red;672320
bright blue: 102c8d
dark blue: 0a083a
navy line 000047
yellow f7ef84
dark purple cc0074
light purple d59cdf
dark gray 8d8d8d 4d4d4d
light gray c0c0c0
lavender line b2b2d8
pantone 402C ada59d
pantone blue 072c (cvc?) 0019a8
pantone red 072 cvc f42941
amnatonline.com
logo red c40000
logo blue 00167c
bright red: e31a13
dark red;672320
bright blue: 102c8d
dark blue: 0a083a
navy line 000047
yellow f7ef84
dark purple cc0074
light purple d59cdf
dark gray 8d8d8d 4d4d4d
light gray c0c0c0
lavender line b2b2d8
pantone 402C ada59d
pantone blue 072c (cvc?) 0019a8
pantone red 072 cvc f42941

*/

.td {
padding: 1px 4px 1px 0px;
font: normal 7pt/9pt verdana;
}
.contacttd {
padding: 1px 4px 1px 0px;
font: normal 8pt/9pt verdana;
}
.contactinfo {
padding: 1px 4px 1px 0px;
font: normal 7pt/9pt verdana;
}

.priceformtd {

font: normal 9pt verdana;

margin: 0px 0px 8px 2px;

line-height: 14pt;

color: #585858;

padding: 0;

}
.bigblue {

font: bold 10pt verdana;

margin: 0px 0px 8px 0px;

line-height: 14pt;

margin-left: 0px 0px 0px 2px;

color: #00167c;

padding: 0;

text-align: center;

}

div#nav bluesaying {

font: bold 10pt verdana;

margin: 0px 0px 8px 0px;

margin-left: 0px 0px 0px 2px;

color: #00167c;

padding: 0;

text-align: center;

}

div#nav redsaying {

font: bold 10pt verdana;

margin: 0px 0px 8px 0px;

line-height: 14pt;

margin-left: 2px;

color: #c40000;

padding: 0;

}

.bigred {

font: normal 10pt verdana;

margin: 0px 0px 8px 0px;

line-height: 14pt;

margin-left: 2px;

color: #c40000;

padding: 0;

}

div#body1 .title {
font: bold 10pt verdana;
margin: 0px 0px 8px 2px;
line-height: 14pt;
color: #00167c;
padding: 0;
border-bottom: solid #c40000 1px;

}


.artimage {
border: solid #ccc 1px;
} 

.artdiv {
width: 504px;
height: 204px;
border: solid #ccc 1px;
background-image: url(images/imageborderbg.gif);
background-repeat: repeat;
background-color: #eee;
}

* {

padding: 0;

margin: 0;

}

body {

background-color: #ffffff;

padding: 0;

margin: 0;

}

.body {

padding: 0;

margin: 0;

}



div#frame1 {

position:absolute; 

width:100%; 

height:40px; 

z-index:15; 

top: 0px; 

left: 0px; 

margin: 0; 

padding: 0;

}



div#frame2 {

position:absolute; 

width:888px; 

height:40px; 

z-index:20; 

top: 0px; 

left: 0px; 

margin: 0; 

padding: 0;

}



div#stylebody .paintsample {

text-align: center;

font: normal 7pt verdana;

color: black;

float: left;

margin: 2px 0px 8px 0px;

padding: 0;

}

div#stylebody .paintsamplenofloat {

text-align: center;

font: normal 7pt verdana;

color: black;

margin: 2px 0px 8px 0px;

padding: 0;

}

div#paintparagraph {

position: relative;

font: normal 9pt verdana;

color: black;

margin: 2px 0px 8px 0px;

z-index: 106;

padding: 0;

}

div#energystar {

position: relative;

font: normal 9pt verdana;

color: black;

float: left; 

margin: 0px 10px 0px 0px;

z-index: 106;

padding: 0;

}

div#colordiv {

position: relative;

text-align: center;

font: normal 7pt verdana;

color: black;

float: left; 

margin: 2px;

padding: 0;

z-index: 104;

}

div#body1 .colortable {

font: normal 8pt verdana;

text-align: center;

padding: 0px 0px 3px 0px;

margin: 0; 

}

.missing {
font: bold 8pt verdana;
line-height: 14pt;
color: #c40000;
padding: 0;
text-align: center;
}



.infoname {
font: bold 9pt verdana;
margin: 0px 0px 10px 2px;
line-height: 14pt;
color: #000;
padding: 0;
letter-spacing: 1px;
text-align: center;
}

.section {

border-left: solid #d1685d 1px;



}



.info {
text-align: center;

font: normal 9pt verdana;

margin: 0px 0px 10px 2px;

line-height: 14pt;

color: #000;

padding: 0;

letter-spacing: 1px;

}

div#grayhouse {

position:absolute; 

width:130px; 

height:80px; 

z-index:25; 

left: 26px; 

top: 423px;

margin: 0; 

padding: 0;

}

div#logo {

position:absolute; 

width:199px; 

height:66px; 

z-index:25; 

left: 21px; 

top: 48px; 

margin: 0; 

padding: 0;

}

div#houserowangled {

position:absolute; 

width: 530px; 

height:80px; 

z-index:30; 

top: 51px; 

left: 193px; 

margin: 0; 

padding: 0;

}

div#nav {

position:absolute; 

width:180px; 

height:150px; 

z-index:385; 

left: 8px; 

top: 144px; 

margin: 0; 

padding: 0;

}

div#pagefill {

position:absolute; 

width:146px;

height:95%; 

z-index:1; 

top: 0px; 

left: 743px;  

margin: 0; 

padding: 0;

background-color: #eeeeee; 

background-image: url(images/lines.gif); 

background-repeat: repeat-y; 

border-left: solid #4972ca 1px;

border-bottom: solid #4972ca 1px;

border-right: solid #4972ca 1px;

}

div#bottomfill {

position:absolute; 

width:130px; 

height: 75%; 

z-index:1; 

top: 145px; 

left: 28px; 

background-color: #eeeeee; 

background-image:url(images/lines-bottom-fill.gif); 

background-repeat: repeat-y; 

border-left: solid #4972ca 1px; 

border-right: solid #4972ca 1px; 

border-bottom: solid #4972ca 1px; 

margin: 0; 

padding: 0;

}

div#body1 {

position:absolute; 

width:505px; 

z-index:99; 

left: 200px; 

top: 112px; 

height: 468px; 

margin: 0;

padding: 0;



}

a.link:link, a.link:visited, a.link:active {
letter-spacing: 2px;
color: #d1685d;
text-decoration: none;
padding: 4px 0px 4px 0px;
font: bold 9pt verdana;
margin-bottom: 10px;
}

a.link:hover {

letter-spacing: 2px;

color: #000;

text-decoration: none;

margin: 4px 0px 4px 0px;

}

a.body1:link, a.body1:visited, a.body1:active {

letter-spacing: 1px;

color: #d1685d;

text-decoration: none;

padding: 4px 0px 4px 0px;

font-weight: bold;

}

a.body1:hover {

letter-spacing: 1px;

color: #000;

text-decoration: none;

margin: 4px 0px 4px 0px;

}

div#body1 .quote {

float: right; 

width: 191px; 

height: 137px; 

background-image: url(images/quote-bg.gif); 

background-repeat: no-repeat; 

text-align: center; 

font: normal 14pt verdana; 

size: 14pt; 

color: white; 

z-index: 60; 

line-height: 20pt; 

margin: 0px 0px 0px 7px;

padding: 0;

}

div#questionmarkquotebox {

float: right; 

width: 90px; 

height: 64px; 

background-image: url(images/questionmarkquotebox.gif); 

background-repeat: no-repeat; 

text-align: center; 

font: normal 14pt verdana; 

color: white; 

z-index: 60; 

line-height: 20pt; 

margin: 5px 0px 5px 5px;

}

div#smallquotebox {

float: right; 

width: 134px; 

height: 96px; 

background-image: url(images/quote-box-why.gif); 

background-repeat: no-repeat; 

text-align: center; 

font: normal 14pt verdana; 

color: white; 

z-index: 60; 

line-height: 20pt; 

margin: 5px;

padding: 5px;

}
div#largequotebox .quotewords {
color: white;
font-size: 10pt;
padding: 4px;
font-weight: bold;
}
div#largequotebox {
border: solid #4972ca 1px;
float: right; 

width: 151px; 

/* height: 137px;  */
background-color: #c40000;

/* background-image: url(images/quote-bg.gif); 

background-repeat: no-repeat;  */

text-align: center; 

font: normal 14pt verdana; 

size: 14pt; 

color: white; 

z-index: 60; 

line-height: 20pt; 

margin: 0px 0px 0px 7px;

}

.question {
font: bold 9pt verdana;
color: black;
margin: 5px 0px 0px 25px;
vertical-align: middle;
}

.questionbox {
/* background-image: url(images/question-bg.gif); */
/* background-repeat: no-repeat; */
height: 20px;
margin: 5px 0px 5px 0px;
padding: 0;
font: bold 9pt verdana;
}

.answer {
font: normal 9pt verdana;
color: black;
padding: 5px 5px 15px 8px;
border-left: solid #d1685d 1px;
margin: 0px 0px 15px 26px;

}

.faqlink {

font: normal 9pt verdana;

padding-bottom: 10px;

margin: 0;

}

a.faqlink:link, a.faqlink:visited, a.faqlink:active {

color: #19456e;

margin: 0; 

padding: 0;

}

a.faqlink:hover {

color: black;

margin: 0; 

padding: 0;

}

.bullet{

float: left;

margin-right: 0px 5px 0px 0px;

}

.flashtitle {

padding: 0;

margin: 0px 0px 15px 0px;

border-bottom: solid #ccc 1px;

}

.flashtitledivider {

border-bottom: solid #d1685d 1px;

margin: 0; 

padding: 0;

}

.navbox {

width: 151px;

height: 23px;

background-image:url(images/navbg.gif);

background-repeat: no-repeat;

padding: 0;

margin: 0;

}

#nav .navlink {

font: normal 10pt verdana;

margin: 0px 0px 0px 24px;

padding: 0;

}

#nav a.navlink:link, a.navlink:visited {

color: #19456e;

text-decoration: none;

}

#nav a.navlink:hover, a.navlink:active {

color: #d1685d;

text-decoration: none;

}

div#bottomnavbox {
border-top: solid #c40000 1px
width: 497px; 

height: 17px; 

/* background-image: url(images/bottomsymbolhalf.gif); */ 

/* background-repeat: no-repeat; */

margin: 15px 0px 0px 0px; 

padding: 0;

text-align: center;

}

div#bottomnavbox .bottomnavlink {

font: normal 8pt verdana;

color: #999;

text-decoration: none;

text-align: center;

margin: 0;

padding: 0px 20px 10px 20px;

vertical-align: middle;

}

div#bottomnavbox a.bottomnavlink:link, a.bottomnavlink:visited, a.bottomnavlink:active {

color: #ccc;

}

div#bottomnavbox a.bottomnavlink:hover {

color: #fff;

}

.bodytext {

font: normal 9pt verdana;

margin: 0px 0px 5px 0px;

line-height: 12pt;

padding: 0;

}

div#stylewords {

font: normal 9pt verdana;

margin: 0px 0px 8px 2px;

line-height: 14pt;

color: #585858;

padding: 0;

float: left;

position: relative;

}

div#body1 .paragraph {

font: normal 9pt verdana;

margin: 0px 0px 8px 2px;

line-height: 14pt;

color: #585858;

padding: 0;

}
input {
border-right: solid black 1px;
border-bottom: solid #999 1px;
font: normal 8pt verdana;
margin: 0px 0px 8px 2px;
line-height: 14pt;
color: #585858;
padding: 0;
}
textarea {
border-right: solid black 1px;
border-bottom: solid #999 1px;
font: normal 8pt verdana;
margin: 0px 0px 8px 2px;
line-height: 14pt;
color: #585858;
padding: 0;
}

div#body1 a.bodylink:link, a.bodylink:active, a.bodylink:visited {
font: normal 9pt verdana;
text-decoration: underline;
color: #00167c;
}
div#body1 a.bodylink:hover {
font: normal 9pt verdana;
text-decoration: none;
color: #000000;
}

div#stylebody .styleparagraph {

font: normal 9pt verdana;

margin: 0px 0px 8px 2px;

line-height: 14pt;

color: #585858;

padding: 0;

}
#body1 .contacttext {
     font: normal 8pt verdana;
    }

.contact {
 font: normal 8pt verdana;
}
.contacttd {
 font: normal 8pt verdana;
}
.contacttitle {
 font: bold 9pt verdana;
}

div#body1 .contactwords {

font: bold 9pt verdana;

margin: 0px 0px 8px 2px;

line-height: 14pt;

color: #585858;

padding: 0;

text-align: center;

}

.paragraphfloat {

position: relative;

z-index: 105;

float: left;

font: normal 9pt verdana;

margin: 0px 0px 8px 2px;

line-height: 14pt;

color: #585858;

padding: 0;

}

.paragraphbold {

font: bold 9pt verdana;

margin-bottom: 0px 0px 8px 2px;

line-height: 14pt;

color: #585858;

padding: 0;

}

ul {

font: normal 9pt verdana;

margin: 0px 0px 8px 2px;

line-height: 14pt;

color: #585858;

padding: 0;

}

li {

font: normal 9pt verdana;

margin: 0px 0px 8px 17px;

line-height: 14pt;

color: #585858;

padding: 0;

}

.sampleimage {

border-left: solid #5a513f 1px;

border-right: solid #5a513f 1px;

border-top: solid #5a513f 1px;

border-bottom: solid #5a513f 1px;

margin: 0; 

padding: 0;

}

.samplecolor {

color: 5a513f;

font: normal 8pt verdana;

text-align: center;

margin: 0; 

padding: 0;

}

.sampletd {

padding: 4px;

margin: 0; 

}

div#stylebody {

position: relative;

z-index: 200;

top:0px;

width: 497px;

margin: 0px 0px 15px 0px;

padding: 0;

}

div#credit {
border-top: solid #ccc 1px;

font: normal 7pt verdana;

line-height: 14pt;

color: #666;

text-align: center;

padding: 3px 0px 0px 0px;

margin: 0;

}

div#credit a.credit:link, a.credit:visited,  a.credit:active {

text-decoration: none;

color: #666;

}

div#credit a.credit:hover {

text-decoration: none;

color: #999;

}