body { 
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.75em;
line-height: 1.4em;
text-align: left;
width: 805px;
padding: 0;
margin-top: 5px;
margin-left: 5px;}

a:link {color: #004c72;
text-decoration: underline;}

a:visited {color: #004c72;
text-decoration: underline;}

a:hover {color: #cb3202;
text-decoration: underline;}

h1 {font-size: 1.4em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #cb3202;}

h2 {font-size: 1.3em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #004c72;}

h3 {font-size: 1.2em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #004c72;}

h4 {font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #004c72;}

h5 {font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #004c72;}

#topheader { background-image: url(images/cardinallogo2.gif); background-repeat: no-repeat; height: 80px; text-align: right; padding-right: 1.5em; padding-top: 1em; }

#topheader ul{
text-align: right;}

#topheader li {
list-style-type: none;
display: inline;
margin-left: 8px;}

#topheaderhome { background-image: url(images/cardinallogo2.gif); background-repeat: no-repeat; height: 120px; text-align: right; padding-right: 1.5em; padding-top: 1em; }

#topheaderhome ul{
text-align: right;}

#topheaderhome li {
list-style-type: none;
display: inline;
margin-left: 8px;}

#btmheadertop {
width: 800px;
height: 9px;
background-image: url(images/headertop_01.gif);
background-repeat: no-repeat;}

#btmheader {
width: 800px;
height: 201px;
background-image: url(images/headerbtm_02.jpg);
background-repeat: no-repeat;}

#navbar {
height: 40px;
background-image: url(images/800-20-placeholder.gif);
background-repeat: no-repeat;
margin-top: 2px;
margin-bottom: 10px;
text-indent: 0em;
text-align: center;}

#navbar ul {
margin-top: 0px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
text-indent: 0em;
text-align: center;}

#navbar li {
list-style-type: none;
display: inline;
margin-left: 0px;
margin-right: 7px;
color: #ffffff;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.1em;}

#navbar a:link {
color: #FFFFFF;
text-decoration: none;}

#navbar a:visited {
color: #FFFFFF;
text-decoration: none;}

#navbar a:hover {
color: #ffcc33;
text-decoration: underline;}

#footer {
clear: both;
text-align: center;
padding-top: 5px;
padding-bottom: 10px;
color: #646366;}

#left { float: left; width: 255px; text-align: left; height: 475px; margin-left: 10px; background: #F3f1f1 url(images/box.gif) no-repeat; margin-bottom: 5px; }

#left p { padding-left: 10px; padding-right: 10px; }

#middle { float: left; width: 255px; left: 265px; text-align: left; height: 475px; margin-left: 10px; background: url(images/box.gif) no-repeat; margin-bottom: 5px; }

#middle p {
padding-left: 10px;
padding-right: 10px;}

#right { float: left; width: 265px; left: 540px; text-align: left; height: 475px; margin-left: 10px; background: url(images/box.gif) no-repeat; margin-bottom: 5px; }

#right p {
padding-left: 10px;
padding-right: 20px;}

#logos { margin: 5px 0px 0px; padding: 0px; width: 800px; }

#logos ul {
padding-top: 10px;
padding-bottom: 5px;}

#logos li {
list-style-type: none;
display: inline;
margin-right: 10px;}

p.estimate {
color: #cb3202;
font-weight: bold;}


#gallery {
margin-left: 75px;
height: 410px;}

#contact {
margin-left: 150px;}

#leftclient {
float: left;
width: 255px;
text-align: left;
height: 1000px;
margin-left: 0px;}

#leftclient p {
padding-left: 10px;
padding-right: 10px;}

#middleclient {
float: left;
width: 255px;
left: 265px;
text-align: left;
height: 1000px;
margin-left: 5px;}

#middleclient p {
padding-left: 10px;
padding-right: 10px;}

#rightclient {
float: left;
width: 265px;
left: 540px;
text-align: left;
height: 1000px;
margin-left: 5px;}

#rightclient p {
padding-left: 10px;
padding-right: 20px;}

#thankyou { text-align: center; }

#thankyou h1 {
text-align: center;}

#glossary {
text-align: left;
margin-left: 15px;}

.indent {
margin-left: 15px;}

.roofhead {font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #000000;}

.roofsubhead {font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #004c72;}

#leftroofed {
float: left;
width: 750px;
margin-bottom: 10px;
margin-left: 15px;
text-align: left;
padding: 5px;
margin-left: 15px;}

#box1 {
border: 1px #c8c8c8 solid;
padding: 5px;}
#box2 {
border: 1px #c8c8c8 solid;
padding: 5px;}
#box3 {
border: 1px #c8c8c8 solid;
padding: 5px;}
#box4 {
border: 1px #c8c8c8 solid;
padding: 5px;}
#box5 {
border: 1px #c8c8c8 solid;
padding: 5px;}

#rightroofed {
width: 750px;
text-align: left;
margin-right: 10px;
margin-left: 15px;
padding: 5px;
float: left;}

#box6 {
border: 1px #c8c8c8 solid;
padding: 5px;}
#box7 {
border: 1px #c8c8c8 solid;
padding: 5px;}
#box8 {
border: 1px #c8c8c8 solid;
padding: 5px;}
#box9 {
border: 1px #c8c8c8 solid;
padding: 5px;}
#box10 {
border: 1px #c8c8c8 solid;
padding: 5px;}

#contact {
clear: both;
text-align: center;
padding-top: 5px;
padding-bottom: 10px;
color: #030203;
font-weight: bold;
font-size: 1.2em;
width: 800px;
margin-top: 20px;
margin-left: 0em;
margin-bottom: 0em;
margin-right: 0em;}

#address {
text-align: center;
font-weight: bold;
font-size: 1.2em;
line-height: 1.7em;}
.clrfloat { clear: both; }

#surveys { float: left; width: 715px; text-align: left; border: 1px solid #AAAAAA; padding: 5px; margin: 0px 0px 15px 10px; }

#rec1 { float: left; width: 715px; text-align: left; border: 1px solid #AAAAAA; padding: 5px; margin: 0px 0px 15px 10px; }

#rec2 { float: left; width: 715px; text-align: left; border: 1px #AAAAAA solid; padding: 5px; margin: 0px 0px 15px 10px; }

#rec3 { float: left; width: 715px; text-align: left; border: 1px #AAAAAA solid; padding: 5px; margin: 0px 0px 15px 10px; }

.reppolicy { font-size: 1.2em; line-height: 1.5em; }

#reppolicy { height: 150px; width: 300px; padding: 10px; }

.floatleft { float: left; }

.imgLeft { padding: 5px 5px 5px 0px; float: left; }