* External Style Sheet for demolition.htm */

/*Universal definitions*/
*{
   /*Block all browser default margins and padding */
   margin:0;
   padding:0;

   /*Temporary borders*/
   /*border:dashed 1px #f00;*/
   background-color: white;
 }
/*Element definitions*/

body {
    /* Required to center wrapper in old browsers */
    text-align: center; 
    /* Style to taste */
    background-color: gray;
    font-family: Arial,"Arial Black",Charcoal, Impact, Sans-serif;
}

#wrapper {
    /* Sets the width of fixed or elastic layout */
    width: 48em; 
    /* Centers the layout (newer browsers) */
    margin: auto; 
    /* Wrapper must have a border */
    border: solid 3px #ffffff; 
    /* Required so absolute measurements are in wrapper */
    position: relative; 
    /* Style to taste */
    background-color: #E2E6E0;
    margin-top: 40px;
    /*Color wrapper to see how long it is*/
    background-color: white;
}

/* ---------------------- Start layout division styles ---------------------- */
#branding {
    /* Style to taste */
    height: 2em; 
    text-align:center;
    background-color: #c6f;
    color:#111111;
}


h1, h2, h3, h4, h5, h6 {font-family: "Arial Black",Charcoal, Impact, Sans-serif; color: #9900CC;}
h1{
  font-size:1.5em;}
h2{
  color:black;
  font-size:1.2;
}
h3{ 
  color:#660066;
  font-size:1em;
}

h4{ 
  color:#663300;
  font-size:.8em;
}
/*ul {margin-left:3em; font-variant: small-caps;}*/

p {font-family:"Times New Roman";}

links {font-family: "Times New Roman"; color: blue;font-size:.9em;}


body {background-color: white; }

/* Division ID References */


#address {
  position:absolute;
  float:left;
  top: 7em; 
  left: 33em;
  font-family: "Arial Black";
  color: green;
  font-style: normal; 
  font-variant: normal; 
  text-align:center;
  font-size:.9em;
  }


#logo {
                     
  position: absolute;
  top:6.5em;
  left:4em;
  width:300px;
  padding:.6em;
  /* background-color: blue; */
  z-index:7;
  }
#links {
  width:250px; 
  height:8em;
  font-size:.8em;
  float:right; 
  }
#logodivision {background-color: white;}
#navbar {background-color: white;position:absolute; top:auto; left:2.5em;} 
#navbar a:hover,
#navbar a:active{
  background-color:#000;
  color:#fff;  
  line-height:2em;
}
#text {
  position: absolute;
  top:25em;
  left:6em;
  
}
#image1 {
 position:absolute; 
  top: 18em; 
  left: 2em;
 width:250px;  
 z-index: 1; 
 background-color:#ffcc33;
 padding:1em 1em 1em 1em;
}

#image2 {
  position:absolute; 
  top: 25em; 
  left: 25em;
  width:250px;
  background-color:#996600;
  padding:1em 1em 1em 1em;
  }
#image3 {/* recycle symbol */
  position:absolute; 
  top: 20em; 
  right: 1em;
  /*  width:60px;  */
  background-color:white;
  padding:1em 1em .1em 1em;
  }

#locations {
 position:absolute; 
 top: 23em; 
 left: 4em; }

#contactus {/*float:left;padding:2em;margin:0px 10px 10px 0px;*/
 position:absolute; 
 top: 23em; 
 left: 13em; 
}
#ecologylinks {
 position:absolute; 
 top: 23em; 
 left: 23em;

/*float:left;padding:2em;margin:0px 10px 10px 0px;*/
  }
#gallery {
 position:absolute; 
 top: 23em; 
 left: 34em;
  
/*float:left;padding:2em;margin:0px; 10px 10px 0px*/
 }
#whatwedo { float:right; color:blue; }

#branding{
  height:2em;
  background-color:#553c35;
  text-align:center;
  color:#333300; 
  }

#branding h1{
  font-family:'Arial Black', Charcoal, Impact, Sans-serif;
  font-size:1.5em;
  padding-top:0.1em;
  padding-bottom:0.1em;
  color:#FFFFC6;
}
#demo {
  position:absolute;
  float:right;
  top: 7em; 
  left: 23em;
  font-family: "Arial Black";
  color: #663300; 
  font-style: normal; 
  font-variant: normal; 
  text-align:left;
  padding-left:3em;
  }
#text {
  position:absolute:
  float:left;
  font-family: "Arial Black";
  color: #666699; 
  font-style: normal; 
  font-variant: normal; 
  text-align:left;
}



/*page footer*/ 

#endbar {
position: relative;
clear: both;
background-color: white;
height:2em;
margin-left:10%;
top:32em;
}

#endbar ul{
list-style-type:none;
}
#endbar li{
  float:left;
}
#endbar a:hover,
#endbar a:active{
  background-color:#000;
  color:#fff;
  line-height:2em;
}