/* ====================== DEVELOPMENT DEBUGGING ====================== */

/* WIREFRAME development only 
div {
  margin:0;
  padding:0;
  outline:1px solid red;
  }
*/

/* ====================== MAIN CSS ====================== */
html {
  color:#000; 
}
body {
  text-align:left; 
  font-family: arial, helvetica, sans-serif; 
  font-size:76%; 
  border:0; 
  margin:0; 
  text-align: center;
  background:#92a8b6;

  background-repeat:repeat-y;
}
a:link, a:visited {
  text-decoration:none;
  
}
a:hover {
  text-decoration:underline;
}


/* Set all images to diplay no borders */
img {
  border:0;
  }

/* ====================== WRAPPER CONTAINMENT ====================== */

#wrapper {
  width:744px; 
  height:auto;
margin: 0px auto;
  text-align:left; 
  background:#CCC;
}

/* ====================== CONTENT FIELDS ====================== */

#header {
  color: #fff;
  background:lightgreen;
  background-image:url(../images/header_bg.jpg);
  width:744px;
  height:176px;
}

.Swimming a{
  position: relative;
  font-weight:bold;
  color:#3366CC;
  top: -10px;
  left: 510px;
}

.Home a {
  color:#fff;
  position: relative;
  font-weight:bold;
  top: -10px;
  left: 565px;
}

.TakeMeHome {
  position: relative;
  font-size: 0.8em;
  color: #FFF;
  margin-left: 15px;
}

.DateTime {
  margin-left: 26px;
}

#menu {
  margin-top:115px;
  padding-top:8px;
  background-image:url(../images/menu_bg.gif);
  background-repeat:repeat-x;
  height:34px;
}

#menu a:link, #menu a:visited {
color: #FFF;
text-decoration:none;
}

#menu a:hover, a:active {
  text-decoration:underline;
}

#menu ul {
  list-style-type:none;
  margin: 0;  
  padding: 0;
  text-align:center;
  font-size:1.1em;
  font-weight:bold;
  color:#FFFFFF;
}

#menu li {
  display:inline;
  margin 0;
  padding: 2px 11px;
}

.AddLine {
  border-right: 1px #FFFFFF solid;
}

#container{
  line-height: 150%;
  background-color:#FFF;
  padding:30px 40px;
}
  
#container.homepage {
  background-image:url(../images/home_curve.jpg);
  background-position:top left;
  background-repeat:no-repeat;
  text-align:right;
    padding:30px 40px;
}

#container.productspage h2{
  margin:0px 0 10px 0;
  font-size:1.1em;
  width:120px;
  float:left;
  color:#006699;
}

#container.productspage h3{
  color:#006699;
  margin-bottom:0;
}

#container.workspage h2{
  font-size:1.2em;
  color:#006699;
}

#container.savingmoney img{
  border: 1px #999 solid;
  float:right;
}

#container.yourhouse object{
  border: 1px #999 solid;
  margin: 0 0 20px 20px;
  float:right;
}

#container.yourhouse p {
  
}

#flashpair { 
  border: 1px #999 dashed;
  text-align:center;
}

#container.productspage img {
  border: 1px #999 solid;
  margin: 0 0 7px 10px;
  float:right;
}

#container.productspage p.extensive {
  width:inherit;
  height:100px;
  margin: 0 0px 30px 140px;
}

hr {
  color:#006699;
  height:1px;
  clear:both;
}

#container.productspage p {
  margin: 10px 0 10px 150px;
}

#container.productspage p.description {
  margin:10px 0 ;
  width:450px;
}

#container.productspage p.extensive img {
border:solid #999 1px;
float:left;
}

#content {
  text-align:right;
  width:450px;
  position:relative;  
  margin: 0px 0px 0px 200px;
}

#container h1 {
  font-size:2.1em;
  color: #006699;
  line-height:120%;
}

#container h1 .highlight {
  color: #FF6600;
}

#content p {
  font-size:1em;
}

h2 {
  font-size:1.1em;
  color: #006699;
}

#benefits {
  width:450px;
}

#button {
  font-weight:bold;
  text-align:center;
  width:180px;
  padding: 6px;
  background-color:#FFCC66;
  border: 1px #000 dashed;
  float:right;

}
#button a {
    color:#003399;
}

#spacer {
  clear:both;
}
  
#divider {
  height:5px;
  background-color:#CCCCCC;
}

#testimonial {
  width:400px;
  border: 1px #999 solid;
  padding: 20px;
   margin-bottom:20px;
  clear:left;
}

#casestudies {
  width:400px;
  border: 1px #999 solid;
  padding: 20px;
  margin-bottom:20px;
  clear:left;
}

#testimonial h3 {
  font-size:1.5em;
}

#bottomspacer {
  height:3px;
  background-color:#999;
  clear:both;
}

#footer {
  background: url(../images/footer_bg.jpg) repeat-y;
  padding:10px;
  width:744px;
  voice-family:"\"}\"";
  voice-family:inherit;
  width:724px;
  text-align:right;
}

#footer img {
  margin: 10px 0;
  float: left;
  padding: 0 10px;
}

#footer p {
  padding: 7px;
  margin-right:27px;
  font-size:0.75em;
  color:#666666;

}

#pictureColumn {
  width:200px;
  float:right;
  
} 

#pictureColumn img{
 margin-bottom:20px;
 
} 

#addresser {
border: 2px #999 dashed;
padding:15px;
width:200px;
float:right;
}

#addresser  {
  margin-top:20px;
  background-color:#eee;
}

#addresser p {
  line-height:140%;
}

#addresser p strong {
  font-size:1.2em;
}

form {
margin:0;
padding:0;
}

fieldset {
  font: normal 12px Arial, Helvetica, sans-serif;
  border:none;
    width: 370px;
  }
  
input, textarea {
  margin: 5px 0 5px 0;
  }
  
#Name, #Address, #Telephone, #Email, #Enquiry {
 width:380px;

}
label {
  font-weight:bold;
}

.TakeMeHome a:visited {
  color:#fff;
}

#imagetext { border: #999999  thick; color: #000000; width:190px; float:right; clear:right; padding:0px 0px 0px 12px; margin:0px 0px 0px 0px; font-weight:bold; background-color:#e6e6e6; border-bottom:solid 1px;} 

#imagetextSmall { border: #999999  thick; color: #000000; width:115px; float:left; clear:right; padding:0px 0px 0px 12px; margin:0px 0px 0px 140px; font-weight:bold; background-color:#e6e6e6; border-bottom:solid 1px;}