body    { background-color: #e00; text-align: center; margin: 0; padding: 0; border-top: 2px solid #6f2202 }
#container  { position:relative; background-color: #fff; margin: 0 auto; padding: 25px; width: 930px }
#logo { background-image: url("apex-roofing-images/apex-logo.jpg"); margin: 0; padding: 0; width: 930px; height: 75px }
.navmenu    { background-image: url("apex-roofing-images/navigation-bg-red.jpg"); margin: 0; width: 100%; overflow: hidden }

.navmenu ul  { font: bold 12px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; list-style-type: none; margin: 0; padding: 0 0 0 0 }

.navmenu li { display: inline; margin: 0 }

.navmenu li a     { color: white; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; margin: 0; padding: 10px 12px; float: left; border-style: solid; border-width: 1px 1px 2px; border-color: #c00 #c00 #f66 #f66 }

.navmenu li a:visited{
color: white;
}

.navmenu li a:hover, .navmenu li.selected a   { color: #532202; background-color: #f99; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-top: 1px solid #f66; border-bottom: 2px solid #f00 }

#content  { margin: 15px 0; padding: 0; position: relative; width: 930px }
#mainimage    { margin: 0 0 15px; padding: 0; width: 930px; height: auto }
h1  { color: #f00; font-size: 24px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-align: left; margin: 0 0 5px; padding: 0 }
h2   { color: #532202; font-size: 20px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 24px; text-align: left; margin: 0 0 15px; padding: 0 }
td { }
#rooflinks        { display: inline; margin: 0; padding: 0; float: left }
#rooflinks ul
      { font-family: Arial, Helvetica, sans-serif; text-align: left; list-style-type: none; display: block; margin: 0; padding: 0 0 5px 0; width: 290px }
#rooflinks li  { color: #fff; font-size: 15px; list-style-type: none; list-style-position: inside; display: block; margin: 0; padding: 0 }
#rooflinks a:link    { color: #f00; font-size: 15px; font-family: "Trebuchet MS", Arial, Helvetica; text-decoration: none; background-color: #fcc; list-style-position: inside; display: block; margin: 0 0 1px; padding: 3px 3px 3px 6px; width: 100%; border-bottom: 1px solid #eee }
#rooflinks a:visited
   { color: #f00; font-size: 15px; font-family: "Trebuchet MS", Arial, Helvetica; text-decoration: none; background-color: #fcc; list-style-position: inside; display: block; margin: 0 0 1px; padding: 3px 3px 3px 6px; width: 100%; border-bottom: 1px solid #eee }
#rooflinks a:hover { color: #fff; text-decoration: none; background-color: #f00 }
#rooflinks a:active { color: #fff; text-decoration: none; background-color: #060 }
#copybox    { display: block; margin: 0 0 0 0; padding: 10px 10px 2px; width: 593px; float: right; border: solid 1px #fcc }
#copybox p     { color: #532202; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 17px; text-align: left; margin: 0 0 10px; padding: 0 }
#copybox a  { color: #f00; text-decoration: none; border-bottom: 1px dotted #532202 }
#copybox a:hover  { color: #532202; text-decoration: none; border-bottom: 1px solid #f00 }
#roofcurrent  { background-color: #532202; margin: 0 0 5px; padding: 3px 3px 3px 8px; width: 288px; float: left }
.copy  { color: #fcc; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; margin: 0 0 0; padding: 0 }
.copybold { color: #fff; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-align: left; margin: 0 0 0; padding: 0 }
.alsovisit { color: #fcc; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; margin: 5px 0 0; padding: 10px 0 0; border-top: 1px dotted #fff }
#gallery  { margin: 15px 0; padding: 0; position: relative; width: 930px }
.contractbox  { background-color: #fcc; display: block; margin: 10px 0 0; padding: 10px; width: 278px; height: auto; float: left; border: solid 1px #c00 }
.contractspacer { display: inline; margin: 0; padding: 0; width: 15px; height: 15px; float: left }
.contractbox p  { color: #000; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0 0 3px; padding: 0 }
#footlogos   { background-color: #fff; background-image: url("apex-roofing-images/apex-foot-logos.jpg"); margin: 0 auto; padding: 0; position: relative; width: 980px; height: 98px; clear: both; border-top: 2px solid #532202 }
#footlinks   { background-color: #532202; margin: 0 auto; padding: 8px 0 5px; position: relative; width: 980px; height: 25px; clear: both; border-top: 2px solid #532202 }
#footlinks p   { color: #fff; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; margin: 0; padding: 0 }
#footlinks a { color: #fff; text-decoration: underline }
#footlinks a:hover { text-decoration: none }
.clear { margin: 0; padding: 0; clear: both }
.imageright  { margin: 0 0 10px 10px; padding: 5px; float: right; clear: both; border: solid 1px #fcc }
.imageleft { float: left }
.hr   { margin: 10px 0; padding: 0; width: 50%; border-style: solid none none; border-width: 1px 0 0; border-color: #fcc }