body {font-family: "HelveticaNeue", Helvetica, Arial, sans-serif; background: #EEE; margin: 0; padding: 0;}

.outerTop {width: 984px; height: 8px; margin: 0 auto 0 auto; background: transparent url(../img/outer_top.png) scroll no-repeat top left;}
.outer {width: 984px; margin: 0 auto; background: transparent url(../img/outer.png) scroll repeat-y top left;}
.outerBottom {clear: both; width: 984px; height: 8px; margin: 0 auto 0 auto; background: transparent url(../img/outer_bottom.png) scroll no-repeat bottom left;}
.sideBox {margin-top: 1em; clear: both; padding: 0.5em; border-top: 2px solid #000;}
.wrapper {background: #FFF; margin: 0 auto 0 auto; padding: 1em 0 1em 0; width: 950px;}

.container {margin: 0; padding: 0;}
.header {border-bottom-width: 0.5em; border-bottom-style: solid; border-bottom-color: #00326A;}
.header h1 {text-indent: -9999em; margin: 0; padding: 0;}
.header h1 a {display: block; width: 307px; height: 72px; background: url(../img/logo.gif) scroll no-repeat top left; float: left;}

.header .topLinks {float: right;}
.header .topLinks ul {list-style: none; margin: 0;}
.header .topLinks ul li {display: inline;}
.header .topLinks ul li a {background: #EEE;  font-size: 1.2em; font-weight: bold; float: left; padding: 0 0.8em 0 0.8em; line-height: 1.8em; height: 1.8em; color: #333; text-decoration: none; border-right: 2px solid #FFF; border-left: 2px solid #FFF; border-bottom: 2px solid #FFF;}
.header .topLinks ul li a:hover { border-bottom-color: #242424; }
.header .topLinks ul li.active a { border-bottom-color: #242424; color: #000;}

.header h2 {text-indent: -9999em; margin: 0.5em 0; padding: 0; display: block; clear: right; width: 444px; height: 18px; background: url(../img/strap_line.gif) scroll no-repeat top right; float: right;}

.header .menu {clear: both; padding-top: 0.5em;}
.header .menu ul {list-style: none; margin: 0;}
.header .menu ul li {display: inline;}
.header .menu ul li a {display: block; background: #EEE; border-bottom: 2px solid #CCC; font-size: 1.2em; font-weight: bold; float: left; padding: 0 0.8em 0 0.8em; line-height: 1.8em; height: 1.8em; color: #333; text-decoration: none; border-right: 2px solid #FFF;}

.cta {margin-top: 1em; margin-left: 0.5em; clear: both;}
.cta h2 {font-size: 1.2em; margin: 0; padding: 0;}
.cta h2.right {text-align: right;}
.cta p {margin-bottom: 0;}

.cta.enviroment {border-top: 2px solid #005810;}
.cta.enviroment p {background: #FFF url(../img/ctaEnvironment.gif) scroll no-repeat center left; padding-left: 60px;}
.cta.enviroment h2 {color: #005810;}

.cta.quote {border-top: 2px solid #00326A;}
.cta.quote p {background: #FFF url(../img/pound.png) scroll no-repeat center left; padding-left: 60px;}
.cta.quote h2 {color: #00326A;}

.cta form label {width: 60px; float: left;}
.cta form .input, .cta .submit {clear: both; padding-bottom: 0.5em;}
.cta form .input {height: 1.5em;}
.cta form input {width: 230px; float: left;}

.cta.news {border-top: 2px solid #990A08;}
.cta.news p {background: #FFF url(../img/Folders.png) scroll no-repeat center left; padding-left: 60px;}
.cta.news h2 {color: #990A08;}

.header .menu ul li.maintenance a {color: #79016B;}
#pages-maintenance .header .menu ul li.maintenance a, .header .menu ul li.maintenance a:hover {background: #79016B; color: #FFF; border-bottom-color: #79016B;}
#pages-maintenance .header .menu ul li.maintenance a {border-bottom-color: #79016B;}
.header .menu ul li.maintenance a:hover {border-bottom-color: #3C0232;}
#pages-maintenance .header {border-bottom-color: #79016B;}
#pages-maintenance .sideBox {border-top-color: #79016B;}
#pages-maintenance .quote {border-top-color: #79016B;}

.header .menu ul li.cleaning a {color: #007B11;}
#pages-cleaning .header .menu ul li.cleaning a, .header .menu ul li.cleaning a:hover {background: #007B11; color: #FFF; border-bottom-color: #007B11;}
#pages-cleaning .header .menu ul li.cleaning a {border-bottom-color: #007B11;}
.header .menu ul li.cleaning a:hover {border-bottom-color: #005110;}
#pages-cleaning .header {border-bottom-color: #007B11;}
#pages-cleaning .sideBox {border-top-color: #007B11;}
#pages-cleaning .quote {border-top-color: #007B11;}

.header .menu ul li.carpets a {color: #990A08;}
#pages-carpets-and-floors .header .menu ul li.carpets a, .header .menu ul li.carpets a:hover {background: #990A08; color: #FFF; border-bottom-color: #990A08;}
#pages-carpets-and-floors .header .menu ul li.carpets a {border-bottom-color: #990A08;}
.header .menu ul li.carpets a:hover {border-bottom-color: #4D000C;}
#pages-carpets-and-floors .header {border-bottom-color: #990A08;}
#pages-carpets-and-floors .sideBox {border-top-color: #990A08;}
#pages-carpets-and-floors .quote {border-top-color: #990A08;}

.header .menu ul li.windows a {color: #007699;}
#pages-reach-and-clean .header .menu ul li.windows a, .header .menu ul li.windows a:hover {background: #007699; color: #FFF; border-bottom-color: #007699;}
#pages-reach-and-clean .header .menu ul li.windows a {border-bottom-color: #007699;}
.header .menu ul li.windows a:hover {border-bottom-color: #005458;}
#pages-reach-and-clean .header {border-bottom-color: #007699;}
#pages-reach-and-clean .sideBox {border-top-color: #007699;}
#pages-reach-and-clean .quote {border-top-color: #007699;}

.special {font-family: georgia, serif; font-style: italic; font-size: 1.4em;}
.contactForm {margin: 0 auto;}
.homeBanner {text-indent: -9999em; width: 630px; height: 144px; background: url(../img/homeBanner.jpg) scroll no-repeat top left;}
.maintenanceBanner {text-indent: -9999em; width: 630px; height: 144px; background: url(../img/maintenanceBanner.jpg) scroll no-repeat top left;}
.cleaningBanner {text-indent: -9999em; width: 630px; height: 144px; background: url(../img/cleaningBanner.jpg) scroll no-repeat top left;}
.windowsBanner {text-indent: -9999em; width: 630px; height: 144px; background: url(../img/windowsBanner.jpg) scroll no-repeat top left;}
.floorsBanner {text-indent: -9999em; width: 630px; height: 144px; background: url(../img/floorsBanner.jpg) scroll no-repeat top left;}


.message {padding:.8em;margin:1em 0 1em 0; text-align: center; border:2px solid #ddd; background:#FFF6BF;color:#514721;border-color:#FFD324;}

.footer {border-top: 1px solid #C7C7C7;}
.footer p, .footer p a {color: #979797; margin: 0; padding: 0;}
.footer p.left {float: left; text-align: left;}
.footer p.right {float: right; text-align: right;}
.footer .menu {clear: both; margin: 0; padding: 0;}
.footer .menu ul {list-style: none; text-align: center; margin: 0;}
.footer .menu ul li {display: inline; padding: 0 0.2em 0 0.2em;}
.footer .menu ul li a {color: #C7C7C7; text-decoration: none;}
.footer .menu ul li a:hover {color: #333;}


/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

a.buttons, button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.buttons img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.buttons:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.buttons:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}