html, body {
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0px none;
}

body {
   background-image:url('http://willisbuilding.co.uk/assets/images/background.jpg');
   background-repeat:repeat;
   background-position:top left;
   background-color: #CCCCCC; 
   font-family: arial, verdana, sans-serif;
}

h1,h2,h3,h4{
   color: #3B3B3B;
   border: 0;
   padding: 0;
   font-size: 100%;
}

h1 {
   font-size: 120%;
}

h2 {
   font-size: 110%;
   color: #4C4C4C;
   padding:0;
   margin:0;
   margin-bottom:5px;
}



#page-wrapper {
   width: auto;
   clear: both; /* clear the skip links */
   overflow: visible !important;
}

#content-wrapper {  
   position: relative; 
   margin: 10px auto; 
   background-color: #fff;
   border: 10px solid black;
   padding: 0;
   width: 1140px; 
}

#header {
   margin: 0;
   padding: 0;
   background-image:url('http://willisbuilding.co.uk/assets/images/banner.jpg');
   background-repeat:no-repeat;
   background-position:top left;
   height: 155px;
}

#headerText {
   float: right;
   padding-right: 20px;
   padding-top: 20px;
}

#headerImage {
   float: right;
   margin-top: 15px;
   margin-right: 15px;
}

#outer{
   width:1140px;
   text-align:left;
   margin:auto;
   position:relative;
   overflow:visible;
   background: #fff  url(http://willisbuilding.co.uk/assets/images/inner_1140x1.jpg) repeat-y top left;
   border-top: 1px solid #C4C4C4;
}

#left {
   width: 188px;
   padding: 10px; /* bground column width =208 (including borders) hence 5+198+5 */
   float: left;
}

.italicTitle {
   font-weight: bold;
   font-size: 110%;
   font-style:italic;
   color: #3B3B3B;
}

#leftColumnKeywords {
   color: #3B3B3B;
   font-size: 70%;
}

#left table.contactDetails {
   font-weight: bold;
   font-size: 80%;
}

#header table.contactDetails, #middle table.contactDetails {
   font-weight: bold;
   font-size: 120%;
}



#right {
   width:188px;
   padding: 10px;  /* bground column width =208 (including borders) hence 10+188+10 */
   float:right;
   z-index: 55;
}

#right-inner {
  /*  width: 178px;
   padding-left: 9px;
   text-align: left; */
}

#right-sidebar {
   font-size:80%;
}

#middle-content {
   width: 704px;
   padding: 10px;  /* 208 + 724 + 208 = 1140 */
   float: left;
   font-size:80%;
}

.clearBoth {
   clear: both;
}

/* Testimonials  */

div#frontPageTestimonial {
    border: 1px solid #777777;
    font-family: verdana;
    font-size: 60%;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 3px;
    width: 167px;
}

div#frontPageTestimonial h3 {
    background-color: #EEEEEE;
    padding: 3px;
    text-align: center;
    color: #99CC00;
    margin-top: 0;
}

div#frontPageTestimonial p.quote {
    font-weight: bold;
}

div#frontPageTestimonial p.name {
    float: right;
}

div#frontPageTestimonial p.link {
    clear: right;
    float: right;
    margin-top: 5px;
}


/*
*   Google Maps
*/

div#map_canvas {
 margin-left: 25px;
 margin-bottom: 25px;
}

/*
*   Gallery/Galleries
*/

p.galleryP {
   margin:0; 
   margin-left: 5px;
   font-size: 80%;
}

p.galleryP a {
   text-decoration:underline;
}



span.galleryTitle {
   font-weight:600;
}

/*
*    Footer
*/

/********* footer *********/

#footer {
  margin: auto;
  margin-top: -20px;
  /* position: relative; */
  clear: both;
  background-color: transparent;
  padding: 0.3em 0;
  /* border: thin dotted #00FF00;   */
  width: 1140px;
}

#footer  ul {
  margin: 0;
  padding: 0;
  padding-top: 10px;
  float: left;
}

#footer  li {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 0.7em;
  color: #aaa;
  /* margin-bottom: 1em; */
}

#footer ul#rightFooter li {
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
   /*  border: thin dotted #00FF00;  */
}

#footer  a {
  text-decoration: underline;
  color: #aaa;
}

#footer  a:hover  {
  text-decoration: underline;
}