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: 0px;
margin-left: 0px;}

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

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

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

#navbar {
display:  none;
width: 800px;
height: 40px;
background-image: url(images/800-20-placeholder.gif);
background-repeat: no-repeat;
margin-top: 2px;
margin-bottom: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;}

#navbar ul {
padding-top: 10px;
width: 750px;
padding-bottom: 10px;
text-align: center;
font-size: 1.2em;}

#navbar li {
list-style-type: none;
display: inline;
margin-left: 0px;
margin-right: 18px;
text-align: center;
color: #ffffff;
font-weight: bold;}

#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;
background-image: url(images/box.gif);
background-repeat: no-repeat;
height: 425px;
margin-left: 10px;}

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

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

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

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

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

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

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

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

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: 750px;
margin-left: 0px;}

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

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

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

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

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

#thankyou {
text-align: center;
height: 250px;}

#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;}