body,html 
 { height: 100% }
body 
 { margin: 0px; font: 13px helvetica, arial, sans-serif; }
div, p, td, h1
 { line-height: 140%; }
td { vertical-align: top }
*
 { outline: none; }
img 
 { border: 0px; vertical-align: middle }
td 
 { text-align: left }
h1
 { margin: 0px; padding: 0px; font: 600 15px arial, sans-serif; }
h2
 { margin: 0px; padding: 0px; font: 600 13px arial, sans-serif; text-transform: uppercase; color: #808239 }
hr
 { clear: both; height: 1px; color: #fff; border-top: 1px solid #c0cddc }
a:link, a:visited
 { text-decoration: none; font-weight: bold; }
a:hover
 { text-decoration: underline }

/* Effects - CSS Roll Over with Hidden Text */
.mo
 { background-position: 0% 0% }
.mo:hover
 { background-position: 0% -100% }
.mo span, .li span
 { display: none }

/* Site Template */
body#site
 { background: #737270 url('/i/t/BG.jpg') top center repeat-x; }
.container
 { margin: 0px auto; width: 950px; text-align: left; position: relative; background: #fff }
div#header
 { position: relative; height: 87px; background: #fff url('/i/t/HeaderBG.jpg') top right no-repeat; }
div#header div#logo
 { position: absolute; top: 0px; left: 0px; width: 220px; height: 87px; }
div#header div#introtext
 { position: absolute; top: 35px; left: 266px; width: 446px; font: 12px arial, sans-serif; font-style: italic; text-align: right; }

div#navbar
 { position: relative; background: #d95c00; height: 26px; }
div#navbar div#calltoday
 { position: absolute; left: 430px; top: 2px; color: #fff; width: 280px; font: 900 20px arial sans-serif; font-style: italic; text-align: right; }
div#navbar div#email
 { position: absolute; left: 800px; top: 6px; width: 150px; text-transform: uppercase; }
div#navbar div#email a:link, div#navbar div#email a:visited
 { color: #ff0 }

div#mainarea
 { position: relative; height: 288px; background: url('/i/t/BG-Top.jpg') repeat-x }
div#mainarea div#leftcolumn
 { position: absolute; left: 0px; top: 0px; height: 288px; background: url('/i/t/BG-LeftCol-02.jpg') repeat-y; width: 222px; }
div#mainarea div#leftcolumn div#leftcolumninner
 { height: 288px; background: url('/i/t/BG-LeftCol-01.jpg') no-repeat }

div#mainarea div#leftcolumn div#accomplishments
 { position: absolute; top: 208px; left: 8px; width: 200px; text-align: center }
div#mainarea div#leftcolumn div#accomplishments img
 { margin: 0px 5px 0px 5px }

div#mainarea div#leftcolumn div#leftcolumninner ul
 { list-style-type: none; margin: 0px; padding: 15px 0px 0px 8px }
div#mainarea div#leftcolumn div#leftcolumninner ul li
 { font-weight: bold; display: block; width: 210px; height: 24px; text-transform: normal; }
div#mainarea div#leftcolumn div#leftcolumninner ul li a:link, div#mainarea div#leftcolumn div#leftcolumninner ul li a:visited
 { color: #fff; display: block; height: 17px; width: 210px; overflow: hidden; white-space: nowrap }
div#mainarea div#leftcolumn div#leftcolumninner ul li a:hover
 { color: #ff0 }

/* HEADERS */

div#mainarea div#rotator
 { position: absolute; left: 222px; top: 0px; width: 728px; height: 288px; background: url('/i/t/Main-Welcome-to-Alpine-Roofing.jpg') 0px 8px no-repeat }
div#mainarea div#rotator span
 { display: none }
div#mainarea div#rotator div#social
 { position: absolute; top: 258px; left: 496px; height: 24px; width: 232px; color: #fff; font-weight: bold; }

div#mainarea div.headercommon
 { position: absolute; left: 222px; top: 0px; width: 728px; height: 288px; background: url('/i/t/Page-Generic.jpg') 0px 8px no-repeat }
div#mainarea div.headercommon span 
 { display: none }
div#mainarea div.headercommon div#rotatortext
 { position: absolute; top: 80px; left: 430px; width: 300px; color: #555; height: 200px; font-size: 20px; text-transform: uppercase; font-weight: bold; font-family: arial, sans-serif}
div#mainarea div.headercommon div#social
 { position: absolute; top: 258px; left: 496px; height: 24px; width: 232px; color: #fff; font-weight: bold; }
div#mainarea div.headercommon div#metalpageinner, div#mainarea div.headercommon div#roofingpageinner, div#mainarea div.headercommon div#contractorspageinner,
div#mainarea div.headercommon div#repairpageinner, div#mainarea div.headercommon div#testimonialsinner, 
div#mainarea div.headercommon div#radiantbarrierpageinner
 { position: absolute; top: 27px; left: 18px; width: 400px; height: 244px; }

div#mainarea div#contactpage
 { background: url('/i/t/Page-ContactUs.jpg') 0px 8px no-repeat }


div#sitebody
 { background: #fff url('/i/t/BG-Body.jpg') repeat-y; border-top: 14px solid #d95c00; padding-top: 29px; }
div#sitebody div#bodycol
 { float: left; width: 220px; }

div#sitebody div#bodycol p
 { color: #36608f; padding: 0px 10px 0px 10px; }
div#sitebody div#bodycol ul
 { color: #36608f; padding: 0px 10px 0px 20px; }
div#sitebody div#bodycol h1
 { color: #101e41; padding: 0px 10px 0px 10px; }

div#sitebody div#content
 { float: left; width: 700px; min-height: 350px; }
div#sitebody div#content ul
 { margin: 0.5em 0.5em 0.5em 2em; padding: 0px; }
div#sitebody div#content a:link, div#sitebody div#content a:visited
 { color: #808239 }

div#sitebody div#content div#maincols, div#sitebody div#content div#dualcols
 { display: block; min-height: 350px }
div#sitebody div#content div#maincols div
 { display: block; float: left; width: 216px; margin-left: 17px; }
div#sitebody div#content div#dualcols div
 { display: block; float: left; width: 333px; margin-left: 17px; }
.more
 { display: block; text-align: right; }


div#footer
 { margin-top: 20px; color: #fff; text-align: center; }
div#footer a:link, div#footer a:visited
 { color: #ff0 }