/* CSS Document */
body {
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
background-image:url('roofing-images/bg_tile.png');
background-repeat:repeat;
}

#main {
background-color:#ffffff;
background-image:url('roofing-images/table_tile.png');
background-repeat:repeat-y;
}

h1 {
font:bold 18pt Arial, Helvetica, sans-serif;
margin:15px 0px 0px 30px;
color:#316ad5;
}

h2 {
font:bold 15pt Arial, Helvetica, sans-serif;
margin:15px 5px 0px 5px;
border-top:solid 2px #316ad5;
border-bottom:solid 2px #316ad5;
padding:5px 0px 5px 25px;
color:#316ad5;
background-color:#c5e3f9;
}

h3 {
font:bold 13pt Arial, Helvetica, sans-serif;
margin:15px 0px 0px 30px;
color:#316ad5;
}

h3.contact {
font:bold 13pt Arial, Helvetica, sans-serif;
margin:15px 30px 0px 30px;
color:#ffffff;
background-color:#316ad5;
padding:5px 5px;
}

h4 {
font:bold 11pt Arial, Helvetica, sans-serif;
margin:15px 0px 0px 30px;
color:#cc0000;
}

p {
font:normal 10pt Arial, Helvetica, sans-serif;
margin:15px 30px 0px 30px;
}

p.bullet {
font:normal 11pt Arial, Helvetica, sans-serif;
margin:15px 30px 0px 30px;
}

p.form {
font:normal 10pt Arial, Helvetica, sans-serif;
margin:15px 30px 0px 30px;
color:#000099;
}

.red {
color:#cc0000;
font-weight:bold;
}

.blue {
color:#316ad5;
font-weight:bold;
}

#right {
background-image:url('roofing-images/contact_tile.png');
background-repeat:repeat-y;
}

#footer {
font:bold 8pt Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:center;
margin:10px 0px;
}

#footer a:link {
color:#ffffff;
}

#footer a:visited {
color:#ffffff;
}

#footer a:hover {
color:#cc0000;
text-decoration:none;
}

/* FOR THE DROP-DOWN MENU */
.dm1 {
    font: 14pt Arial, Helvetica, sans-serif;
}
.dm1 .item1,
.dm1 .item1:hover,
.dm1 .item1-active,
.dm1 .item1-active:hover {
    padding: 10px 35px 10px 35px;
	text-align:center;
    text-decoration: none;
    display: block;
    position: relative;
}
.dm1 .item1 {
    background-image:url('roofing-images/drop_down_tile.gif');
	background-repeat:repeat-x;
    color: #000000;
}
.dm1 .item1:hover,
.dm1 .item1-active,
.dm1 .item1-active:hover {
    background: #316ad5;
    color: #ffffff;
}
.dm1 .item2,
.dm1 .item2:hover {
    font-size:10pt;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}
.dm1 .item2 {
    background: #000099;
    color: #c5e3f9;
}
.dm1 .item2:hover {
    background: #c5e3f9;
    color: #000099;
}

.dm1 .section {
/*
    border: 1px #003366;
    border-style: solid solid solid solid;
*/    
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
}

/*
.dm1 .left, .dm1 .left:hover { border-style: solid none solid solid; }
.dm1 .right, .dm1 .right:hover { border-style: solid solid solid none; }
*/

* html .dm1 td { position: relative; } /* ie 5.0 fix */