body { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: black; background-image: url(../images/skyback3.jpg); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; }
p { font-size: 80%; line-height: 130%; text-align: left; margin: 0; padding: 0; }
.bold { font-weight: bold; }
h1 { color: #5a1e1e; font-size: 100%; line-height: 130%; text-align: center; margin: 10px 0 0.25em; padding: 0; }
h2 { color: #1e7878; font-size: 90%; font-family: Times, "Times New Roman", Georgia, serif; font-style: italic; line-height: 130%; text-align: center; letter-spacing: 2px; margin: 0 0 1em; padding: 0; }
h3 { color: #000; font-size: 80%; font-weight: bold; line-height: 130%; text-align: center; margin: 0 0 1em; padding: 20px 0 0; }
h4 { color: #963100; font-size: 110%; font-weight: bold; line-height: 130%; text-align: center; letter-spacing: 2px; margin: 0; padding: 10px 0; }
h6 { color: #ac4748; font-size: 70%; font-weight: normal; line-height: 130%; text-align: center; letter-spacing: 2px; margin: 0; padding: 10px 0; }
#wrapper { width: 900px; height: auto; margin: 15px auto 0; padding: 0; }
#headcontainer { background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; width: 900px; height: auto; float: left; }
#header { margin: 0 0 0; padding: 0; width: 900px; height: 120px; float: left; }
#flashcontent { width: 900px; height: 120px; margin: 0; padding: 0; float: left; }
/**/
#navtop { background-color: #fff; background-image: url(../images/Roof_LShinglesGreen.jpg); background-repeat: no-repeat; margin: 0; padding: 0; width: 900px; height: 116px; float: left; }
div#navtop ul { color: white; text-align: left; width: 860px; height: 23px; float: left; margin: 0; padding: 95px 0 0 40px; list-style-type: none; }
div#navtop li { font-size: 70%; letter-spacing: 1px; float: left; padding: 0 8px; border-right: 1px solid #1e7878; list-style-type: none; display: inline; white-space: nowrap; }
div#navtop a { color: white; text-decoration: none; }
div#navtop a:hover { color: #b42d2d; text-decoration: none; }
div#navtop li.alt { border-style: none; border-width: 0; }
/**/
#container { margin: 0; padding: 0; width: 900px; height: auto; float: left; }
#container1 { background-image: url(../images/Siding_home.jpg); background-repeat: repeat-y; margin: 0; padding: 0; width: 900px; height: auto; float: left; }
#container2 { background-image: url(../images/Siding_DkBrick.jpg); background-repeat: repeat-y; margin: 0; padding: 0; width: 900px; height: auto; float: left; }
#container3 { background-image: url(../images/Siding_Yellow.jpg); background-repeat: repeat-y; margin: 0; padding: 0; width: 900px; height: auto; float: left; }
#container4 { background-image: url(../images/Siding_BrnTexture.jpg); background-repeat: repeat-y; margin: 0; padding: 0; width: 900px; height: auto; float: left; }
#container5 { background-image: url(../images/Siding_Metal.jpg); background-repeat: repeat-y; margin: 0; padding: 0; width: 900px; height: auto; float: left; }
#container6 { background-image: url(../images/Siding_GrnVertical.jpg); background-repeat: repeat-y; margin: 0; padding: 0; width: 900px; height: auto; float: left; }
#container7 { background-image: url(../images/Siding_Gallery.jpg); background-repeat: repeat-y; margin: 0; padding: 0; width: 900px; height: auto; float: left; }
#container8 { background-image: url(../images/Siding_contactpg.jpg); background-repeat: repeat-y; margin: 0; padding: 0; width: 900px; height: auto; float: left; }
#container9 { background-image: url(../images/Siding_greenstucco.jpg); background-repeat: repeat-y; margin: 0; padding: 0; width: 900px; height: auto; float: left; }
/**/
#gallery { background-image: url(../gallery/photobkgrnd.gif); background-repeat: no-repeat; margin: 0; padding: 0; width: 900px; height: 390px; float: left; }
#gallerynav { background-image: url(../gallery/navbar_bkgrnd.gif); background-repeat: no-repeat; text-align: left; margin: 0; padding: 0 0 0 90px; width: 810px; height: 98px; float: left; }
div#gallerynav ul { text-align: left; list-style-type: none; margin: 0; padding: 0; width: 810px; height: 98px; float: left; }
div#gallerynav li { text-align: left; float: left; white-space: nowrap; display: inline; margin: 0; padding: 0; }
div#gallerynav li.right a { background-image: url(../images/AcmeArrowSliderRt.jpg); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-align: left; width: 32px; height: 98px; white-space: nowrap; display: inline; margin: 0; padding: 0; float: left; }
div#gallerynav li.left a { background-image: url(../images/AcmeArrowSliderLf.jpg); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-align: left; width: 32px; height: 98px; white-space: nowrap; display: inline; margin: 0; padding: 0; float: left; }
div#gallerynav li a:hover { background-position: -32px 0; text-decoration: none; }
/**/
/**/
#content1 { margin: 0 0 1em; padding: 0; width: 560px; height: auto; float: left; }
#content1 a { color: #5a1e1e; font-weight: bold; }
#content1 a:hover { color: #ff2600; font-weight: bold; }
div#content1 p { font-size: 80%; line-height: 130%; text-align: left; margin: 0; padding: 0 30px; }
div#content1 ul { text-align: left; margin: 1.5em 0 1.5em 15px; padding: 0; list-style-type: none; display: block; }
div#content1 li { font-size: 80%; line-height: 120%; background-image: url(../images/AcmeLogoBullet30.jpg); background-repeat: no-repeat; background-position: 0 -3px; margin: 0; padding: 5px 10px 5px 40px; }
div#content1 img { float: right; margin: 0; padding: 0 0 5px 9px; }
div#content1 dl { text-align: left; margin: 0; padding: 0 0 0 0; }
div#content1 dt { font-size: 80%; font-weight: bold; text-align: left; margin: 0; padding: 10px 10px 10px 20px; }
div#content1 dd { font-size: 80%; margin: 0; padding: 0 10px 10px 20px; }
div#content1 dd.alt { font-size: 80%; margin: 0; padding: 0 0 10px 300px; }
div#content1 dd.alt2 { color: #b40000; font-size: 60%; font-weight: bold; text-align: right; float: right; clear: both; margin: 0; padding: 0 10px 0 30px; }
div#content1 dt img { float: right; margin: 0; padding: 5px 60px 10px 0; display: block; }
div#content1 img.logo { float: right; margin: 0; padding: 10px 20px 10px 30px; clear: both; }
div#content1 img.alt { margin: 0; padding: 0; float: left; display: block; }
/**/
/**/
#col_verso { margin: 0; padding: 0; width: 170px; float: left; }
div#col_verso dl { font-size: 80%; line-height: 140%; text-align: right; width: 130px; margin: 0; padding: 20px; }
div#col_verso dt { margin-top: 0; margin-bottom: 0; margin-left: 0; padding: 20px 0 10px; border-top: 3pt solid #1e7878; }
div#col_verso dd { font-size: 90%; font-weight: bold; margin: 0; padding: 0 0 0 0; }
div#col_verso dd.alt { font-size: 75%; font-weight: normal; font-style: italic; line-height: 100%; margin: 0; padding: 0; }
div#col_verso dd img { float: left; margin: 0; padding: 15px 0 30px 0; display: block; }
div#col_verso dd img.alt { display: block; margin: 0; padding: 15px 0 30px 0; float: right; }
div#col_verso ul { font-size: 80%; line-height: 140%; text-align: right; margin: 0; padding: 20px 0 0; border-top: 3pt solid #1e7878; }
div#col_verso li { font-size: 90%; font-weight: bold; margin: 0; padding: 3px 0 0 0; list-style-type: none; }
div#col_verso img { margin: 0; padding: 2px 0 0; }
div#col_verso a { font-weight: bold; text-decoration: none; margin: 0; padding: 0; }
div#col_verso a:hover { font-weight: bold; text-decoration: none; margin: 0; padding: 0; outline: solid 0.5px red; }
/**/
/**/
#col_recto { margin: 0; padding: 0; width: 170px; float: left; }
div#col_recto dl { font-size: 80%; line-height: 140%; text-align: left; width: 130px; margin: 0; padding: 20px 20px 0; }
div#col_recto dt { margin: 0; padding: 20px 0 10px; border-top: 3pt solid #1e7878; }
div#col_recto dd { font-size: 90%; font-weight: bold; margin: 0; padding: 0 0 0 0; }
div#col_recto dd.alt { font-size: 75%; font-weight: normal; font-style: italic; line-height: 100%; margin: 0; padding: 0; }
div#col_recto dd img { display: block; margin: 0; padding: 15px 0 30px; float: left; }
div#col_recto ul { font-size: 80%; line-height: 140%; text-align: left; width: 130px; float: left; margin: 0; padding: 20px 0 0; border-top: 3pt solid #1e7878; }
div#col_recto li { font-size: 90%; font-weight: bold; list-style-type: none; margin: 0; padding: 3px 20px 0 0; }
div#col_recto li img { margin: 0; padding: 2px 0 0; }
div#col_recto a { color: #1e7878; font-size: 90%; font-weight: bold; text-decoration: none; margin: 0; padding: 0; }
div#col_recto a:hover { color: #de2d2d; font-size: 90%; font-weight: bold; text-decoration: none; margin: 0; padding: 0; outline: solid 0.5px #f00; }
/**/
#scroll { margin: 0; padding: 0; width: 550px; height: 450px; overflow: auto; float: left; }
/**/
#content2 { margin: 0 0 1em; padding: 0; width: 560px; height: 500px; float: left; }
div#content2 dl { text-align: left; width: 530px; margin: 0; padding: 0 0 5px; }
div#content2 dt { font-size: 75%; font-weight: bold; line-height: 150%; text-align: left; margin: 0; padding: 10px 5px 5px 30px; }
div#content2 dd { font-size: 75%; line-height: 150%; margin: 0; padding: 3px 0 5px 30px; }
div#content2 dd.alt { font-size: 75%; line-height: 150%; background-image: url(../images/AcmeLogoBullet20.jpg); background-repeat: no-repeat; background-position: 27px -2px; margin: 0; padding: 0 0 5px 50px; }
div#content2 dd.alt2 { color: #b40000; font-size: 60%; font-weight: bold; text-align: right; margin: 0; padding: 0 10px 0 30px; float: right; clear: both; }
div#content2 img { margin: 0; padding: 0 0 5px 9px; float: right; }
div#content2 dd.alt img { position: relative; top: -2px; float: left; margin: 0; padding: 0 5px 5px; }
div#content2 ul { text-align: left; margin: 0; padding: 0; list-style-type: none; }
div#content2 li { font-size: 80%; line-height: 150%; background-position: 0 -3px; margin: 0; padding: 5px 0 5px 30px; display: block; }
/**/
/**/
#col_verso2 { margin: 0; width: 170px; height: auto; float: left; padding: 0; }
div#col_verso2 ul { text-align: right; width: 130px; margin: 0; padding: 20px 20px 10px; }
div#col_verso2 li { color: white; font-size: 75%; line-height: 210%; text-align: right; margin: 0; padding: 0; list-style-type: none; display: block; }
div#col_verso2 a { color: #fcf8db; font-weight: bold; text-decoration: none; text-align: right; border-bottom: 1pt solid #ffd278; }
div#col_verso2 a:hover { color: #ffa75a; font-weight: bold; text-decoration: none; outline: dotted 0.75px #ffd278; }
div#col_verso2 img { text-align: right; margin: 0; padding: 5px 0 15px; display: block; }
div#col_verso2 dl { color: white; font-size: 80%; line-height: 140%; text-align: right; margin: 0; padding: 0; }
div#col_verso2dt { margin: 0; padding: 20px 0 10px; border-top: 3pt solid #5a1e1e; }
div#col_verso2 dd { font-size: 90%; font-weight: bold; margin: 0; padding: 0 0 0 0; }
/**/
/**/
#col_recto2 { margin: 0; padding: 0; width: 170px; height: auto; float: left; }
div#col_recto2 dl { color: white; font-size: 80%; line-height: 140%; text-align: left; width: 130px; margin: 0; padding: 20px 20px 0; }
div#col_recto2 dt { margin: 0; padding: 5px 0 0; }
div#col_recto2 dd { font-size: 90%; font-weight: bold; margin: 0; padding: 5px 0 0 0; }
div#col_recto2 dd.alt { font-size: 80%; font-weight: normal; font-style: italic; line-height: 100%; margin: 0; padding: 0 0 0 0; }
/**/
/**/
#footer { background-color: #5a5a5a; background-image: url(../images/FooterImage.jpg); background-position: 0 0; margin: 0; padding: 0; width: 900px; height: 25px; float: left; }
div#footer ul { color: white; text-align: left; letter-spacing: 0; width: 755px; float: left; margin: 0; padding: 0 0 0 145px; list-style-type: none; }
div#footer li { font-size: 60%; letter-spacing: 3px; margin: 0; padding-right: 5px; padding-left: 5px; border-right: 1px solid #fcf8db; list-style-type: none; display: inline; white-space: nowrap; }
div#footer a { color: #ffd278; text-decoration: none; }
div#footer a:hover { color: #fcf8db; text-decoration: none; }
div#footer li.alt { border-style: none; border-width: 0; }
/**/
/**/
.clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/*backslash hack hides from IE/MAC\*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
/*end backslash hack */
/**/
#copyright { width: 900px; height: 30px; float: left; margin: 0; padding: 0; }