/*Make all body text black 14-point verdana. 
*/
body {font-family:  tahoma, verdana, Arial, serif, "times new roman";
      background:#000000;
      color:#FFFFFF;
      margin: 0 auto;
      width:57em;
      height:100%;}


/*Make size1 headings white on home page
*/
h1 {font-family: tahoma, verdana, Arial, sans-serif, times new roman;
    font-size:1.1em;
    color:#FFFFFF;}

/*Make the size1 heading for exceeding expectations bigger
*/
h1.exp {font-family: tahoma, verdana, Arial, sans-serif, times new roman;
        font-size:1.5em;
        color:#FFFFFF;}

/*Make size1 headings white on home page
*/
h2 {font-family: tahoma, verdana, Arial, sans-serif, times new roman;
    font-size:1em;
    font-weight:bold;
    color:#FFFFFF;}


/*Underline links
*/

a {text-decoration:none;}
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#993300;}
a:active {color:#000000;}

/*links in headings
*/

a {text-decoration:none;}
a.head:link {color:#FFFFFF;}
a.head:visited {color:#FFFFFF;}
a.head:hover {color:#FFFF00;}
a.head:active {color:#FFFFFF;}

/*links on strip page
*/

a {text-decoration:underline;}
a.strip:link {color:#FFFFFF;}
a.strip:visited {color:#FFFFFF;}
a.strip:hover {color:#FFFF00;}
a.strip:active {color:#FFFFFF;}

/*links on map page
*/

a.main:link {text-decoration:underline;
            color:#FFFF00;
            line-height:1.5em;}
a.main:visited {color:#FFFF00;
               text-decoration:underline;
               line-height:1.5em;}
a.main:hover {color:#FFFFFF;
             text-decoration:underline;
             line-height:1.5em;}
a.main:active {color:#FFFF00;
              text-decoration:underline;
              line-height:1.5em;}

/*Make hyperlinked images with black borders, so doesn't show
*/

img {border:none;}

/*Left hand Border hazard tape
*/

div.haz1 {display:block;
         position:absolute;
         width:1em;
         height:114em;
         background:url(images/back2a.jpg) repeat-y;
         z-index:8;}

/*top Border hazard tape
*/

div.haz2 {display:block;
         position:absolute;
         width:57em;
         height:1em;
         background:url(images/back3a.jpg) repeat-x;
         z-index:9;}

/*right hand Border hazard tape
*/

div.haz3 {display:block;
         position:absolute;
         width:1em;
         height:114em;
         margin-left:56em;
         background:url(images/back2a.jpg) repeat-y;
         z-index:8;}


/*bottom Border hazard tape
*/

div.haz4 {display:block;
         position:absolute;
         width:57em;
         height:1em;
         margin-top:114em;
         background:url(images/back3a.jpg) repeat-x;
         z-index:9;}

/*Left hand Border hazard tape on strip page
*/

div.haz1c {display:block;
          position:absolute;
          width:1em;
          height:160em;
          background:url(images/back2a.jpg) repeat-y;
          z-index:8;}

/*right hand Border hazard tape on strip page
*/

div.haz3c {display:block;
          position:absolute;
          width:1em;
          height:160em;
          margin-left:56em;
          background:url(images/back2a.jpg) repeat-y;
          z-index:8;}

/*bottom Border hazard tape on strip page
*/

div.haz4c {display:block;
          position:absolute;
          width:57em;
          height:1em;
          margin-top:160em;
          background:url(images/back3a.jpg) repeat-x;
          z-index:9;}

/*Left hand Border hazard tape on flat page
*/

div.haz1f {display:block;
          position:absolute;
          width:1em;
          height:82em;
          background:url(images/back2a.jpg) repeat-y;
          z-index:8;}

/*right hand Border hazard tape on flat page
*/

div.haz3f {display:block;
          position:absolute;
          width:1em;
          height:82em;
          margin-left:56em;
          background:url(images/back2a.jpg) repeat-y;
          z-index:8;}

/*bottom Border hazard tape on flat page
*/

div.haz4f {display:block;
          position:absolute;
          width:57em;
          height:1em;
          margin-top:82em;
          background:url(images/back3a.jpg) repeat-x;
          z-index:9;}


/*Left hand Border hazard tape on upvc page
*/

div.haz1u {display:block;
          position:absolute;
          width:1em;
          height:215em;
          background:url(images/back2a.jpg) repeat-y;
          z-index:8;}

/*right hand Border hazard tape on upvc page
*/

div.haz3u {display:block;
          position:absolute;
          width:1em;
          height:215em;
          margin-left:56em;
          background:url(images/back2a.jpg) repeat-y;
          z-index:8;}

/*bottom Border hazard tape on upvc page
*/

div.haz4u {display:block;
          position:absolute;
          width:57em;
          height:1em;
          margin-top:215em;
          background:url(images/back3a.jpg) repeat-x;
          z-index:9;}


/*Left hand Border hazard tape on repair page
*/

div.haz1r {display:block;
          position:absolute;
          width:1em;
          height:133em;
          background:url(images/back2a.jpg) repeat-y;
          z-index:8;}

/*right hand Border hazard tape on repair page
*/

div.haz3r {display:block;
          position:absolute;
          width:1em;
          height:133em;
          margin-left:56em;
          background:url(images/back2a.jpg) repeat-y;
          z-index:8;}

/*bottom Border hazard tape on repair page
*/

div.haz4r {display:block;
          position:absolute;
          width:57em;
          height:1em;
          margin-top:133em;
          background:url(images/back3a.jpg) repeat-x;
          z-index:9;}


/*Top bar to left of screen
*/

div.top {display:block;
         position:absolute;
         width:53em;
         height:18em;
         margin-left:2em;
         margin-top:1em;
         padding-right:0.2em;
         background:#000000;
         z-index:5;}

/*Navigation Links
*/

div.nav {display:block;
         position:absolute;
         width:59em;
         height:3em;
         padding-top:0.2em;
         margin-top:22em;
         margin-left:2em;
         color:#000000;
         font-size:0.9em; 
         font-weight: bold;
         background:#FFFF00;
         z-index:6;}


/*Emergency Call Out
*/

div.call {display:block;
          position:absolute;
          margin-top:90em;
          line-height: 1.25em;
          margin-left:2em;
          width:54em;
          height:3.65em;
          font-size:1em;
          font-weight: bold;
          color:#000000;
          background:#FFFF00;
          z-index:3;}

/*Exceeding Expectations and traditonal slate text area on home page
*/

div.main {display:block;
          position:absolute;
          margin-top:24em;
          line-height: 1.25em;
          margin-left:2em;
          width:53em;
          height:25em;
          font-size:1em;
          font-weight: bold;
          color:#FFFF00;
          background:#000000;
          z-index:3;}

/*Flat Roofing text area on home page
*/

div.mainc {display:block;
           position:absolute;
           margin-top:50em;
           line-height: 1.25em;
           margin-left:2em;
           width:53em;
           height:11em;
           font-size:1em;
           font-weight: bold;
           color:#FFFF00;
           background:#000000;
           z-index:3;}

/*tiled roofing text area on home page
*/

div.mainm {display:block;
           position:absolute;
           margin-top:62em;
           line-height: 1.25em;
           margin-left:2em;
           width:53em;
           height:11em;
           font-size:1em;
           font-weight: bold;
           color:#FFFF00;
           background:#000000;
           z-index:3;}


/*upvc/timber rooflines text area on home page
*/

div.mainu {display:block;
           position:absolute;
           margin-top:74em;
           line-height: 1.25em;
           margin-left:2em;
           width:53em;
           height:11em;
           font-size:1em;
           font-weight: bold;
           color:#FFFF00;
           background:#000000;
           z-index:3;}

/*strip and recover page text
*/

div.mainst1 {display:block;
            position:absolute;
            margin-top:23em;
            line-height: 1.25em;
            margin-left:2em;
            width:50em;
            height:70em;
            font-size:1em;
            font-weight: bold;
            color:#FFFF00;
            background:#000000;
            padding:0.5em;
            z-index:3;}

/*repair page text
*/

div.mainr {display:block;
            position:absolute;
            margin-top:23em;
            line-height: 1.25em;
            margin-left:2em;
            width:50em;
            height:85em;
            font-size:1em;
            font-weight: bold;
            color:#FFFF00;
            background:#000000;
            padding:0.5em;
            z-index:3;}

/*flat page main area
*/

div.fib1 {display:block;
          position:absolute;
          margin-top:24em;
          line-height: 1.25em;
          margin-left:2em;
          font-size:1em;
          font-weight: bold;
          color:#FFFF00;
          background:#000000;
          height:31em;
          z-index:3;}


/*contac page main area
*/

div.cont {display:block;
          position:absolute;
          margin-top:24em;
          line-height: 1.25em;
          width:52em;
          margin-left:2em;
          font-size:1em;
          font-weight: bold;
          color:#FFFF00;
          background:#000000;
          height:31em;
          z-index:3;}


/*Main page layout for UPVC page
*/

div.mainup {display:block;
           position:absolute;
           margin-top:24em;
           line-height: 1.25em;
           margin-left:2em;
           width:53em;
           height:72em;
           font-size:1em;
           font-weight: bold;
           color:#FFFF00;
           background:#000000;
           z-index:3;}

/*second area to left on upvc page
*/

div.mainup1 {display:block;
            position:absolute;
            margin-top:85em;
            line-height: 1.25em;
            margin-left:2em;
            width:26em;
            height:39em;
            font-size:1em;
            font-weight: bold;
            color:#FFFF00;
            background:#000000;
            z-index:3;}

/*second area to right on upvc page
*/

div.mainup2 {display:block;
            position:absolute;
            margin-top:86em;
            line-height: 1.25em;
            margin-left:29em;
            width:26em;
            height:38em;
            font-size:1em;
            font-weight: bold;
            color:#FFFF00;
            background:#000000;
            z-index:3;}

/*third area on upvc page with small images
*/

div.mainup3 {display:block;
            position:absolute;
            margin-top:127em;
            line-height: 1.25em;
            margin-left:2em;
            width:53em;
            height:64em;
            font-size:1em;
            font-weight: bold;
            color:#FFFF00;
            background:#000000;
            z-index:3;}

/*Telephone area on home page
*/

div.maint {display:block;
           position:absolute;
           margin-top:90em;
           line-height: 1.25em;
           margin-left:1em;
           width:55em;
           height:14em;
           font-size:1em;
           font-weight: bold;
           color:#FFFF00;
           background:#000000;
           z-index:3;}

/*Telephone area on strip page
*/

div.mainstt {display:block;
            position:absolute;
            margin-top:135em;
            line-height: 1.25em;
            margin-left:1em;
            width:55em;
            height:12em;
            font-size:1em;
            font-weight: bold;
            color:#FFFF00;
            background:#000000;
            z-index:3;}

/*Telephone area on repair page
*/

div.maintr {display:block;
            position:absolute;
            margin-top:110em;
            line-height: 1.25em;
            margin-left:1em;
            width:55em;
            height:12em;
            font-size:1em;
            font-weight: bold;
            color:#FFFF00;
            background:#000000;
            z-index:3;}

/*Link to flat roof experts on flat page
*/

div.mainfibl {display:block;
             position:absolute;
             margin-top:60em;
             line-height: 1.25em;
             margin-left:1em;
             width:60em;
             height:3em;
             font-size:0.9em;
             font-weight: bold;
             color:#FFFF00;
             background:#000000;
             z-index:6;}

/*Telephone area on flat page
*/

div.mainfibt {display:block;
             position:absolute;
             margin-top:59em;
             line-height: 1.25em;
             margin-left:1em;
             width:55em;
             height:12em;
             font-size:1em;
             font-weight: bold;
             color:#FFFF00;
             background:#000000;
             z-index:3;}

/*Telephone area on upvc page
*/

div.maintup {display:block;
            position:absolute;
            margin-top:193em;
            line-height: 1.25em;
            margin-left:1em;
            width:55em;
            height:12em;
            font-size:1em;
            font-weight: bold;
            color:#FFFF00;
            background:#000000;
            z-index:3;}

/*Footer area  
*/

div.foot {display:block;
          position:absolute;
          text-align:center;
          margin-top:164em;
          margin-left:3em;
          font-size: 0.65em;
          padding-top:3em;
          width:79em;
          height:5em;
          background:#FFFF00;
          line-height:0.65em;
          color:#000000;
          z-index:6;}

/*Footer area on strip page
*/

div.footst {display:block;
           position:absolute;
           text-align:center;
           margin-top:235em;
           margin-left:3em;
           font-size: 0.65em;
           width:81em;
           height:5em;
           background:#FFFF00;
           line-height:0.65em;
           padding-top:1em;
           color:#000000;
           z-index:6;}

/*Footer area on repair page
*/

div.footr {display:block;
           position:absolute;
           text-align:center;
           margin-top:195em;
           margin-left:3em;
           font-size: 0.65em;
           width:81em;
           height:5em;
           background:#FFFF00;
           line-height:0.65em;
           padding-top:1em;
           color:#000000;
           z-index:6;}

/*Footer area on flat page
*/

div.footfib {display:block;
            position:absolute;
            text-align:center;
            margin-top:116em;
            margin-left:3em;
            font-size: 0.65em;
            width:81em;
            height:5em;
            background:#FFFF00;
            line-height:0.65em;
            padding-top:1em;
            color:#000000;
            z-index:6;}

/*Footer area on upvc page
*/

div.footup {display:block;
           position:absolute;
           text-align:center;
           margin-top:322em;
           margin-left:3em;
           font-size: 0.65em;
           width:81em;
           height:5em;
           background:#FFFF00;
           line-height:0.65em;
           padding-top:1em;
           color:#000000;
           z-index:6;}