/* 
  Stylesheet - Handy Man & Van
*/

body {
  background:#d6dbc5;
  padding:5px 0 0 0;
  margin:5px 0 0 0;
  font:16px "Comic Sans MS",arial,sans-serif;
  color:#000;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, fieldset, legend {
  margin:0;
  padding:0;
}

img {
  border:0;
}

a {
  color:#000;
}

a:hover {
  color:#000;
  text-decoration:none;
}

td {
  text-align: left;
  vertical-align: top;
}

#wrapper {
  width: 920px;
  margin:0 auto;
  margin-bottom:10px;
}

#header {
  height:185px;
}

#menu {
  background:#8b907f;
  border:1px solid #373c36;
}

#menu p {
  padding:10px 5px 10px 5px;
  text-align:left;
  font-size:15px;
  color:#000;
}

#menu .headFloat {
  padding:10px 5px 10px 5px;
  text-align:left;
  font-size:15px;
  color:#000;
  float:right;
}

#menu p a {
}

#menu .phone {
  background:url(templates/img/phone.gif) no-repeat left center;
  padding-left:20px;
  font-weight:bold;
}

#content {
  border-left:1px solid #373c36;
  border-right:1px solid #373c36;
  height:685px;
  background:url(templates/img/content-bg.jpg) no-repeat center top;
}

#content .left {
  padding:0 5px 0 10px;
  float:left;
  width:20%;
}

#content .left img,#content .right img {
  border:2px solid #d6dbc5;
  padding:1px;
  background:#000;
  width:150px;
}

#content .left p {
  margin-bottom:10px;
}

#content .centre {
  padding:15px 10px 0 10px;
  width:57%;
  float:left;
}

#content .right {
  padding:0 10px 0 0;
  width:17%;
  float:right;
  text-align:right;
}

#content .centre p {
  line-height:19px;
}

#content .centre .headline {
  margin:20px 0 25px 0;
}

#content .centre .img {
  margin-bottom:20px;
}

#content .centre .from {
  margin-bottom:20px;
}

#content .centre .headline .tick {
  display:block;
  padding:5px 0 0 0;
  font-weight:bold;
}

#content .right p {
  margin-bottom:10px;
}

#content .clear {
  clear:both;
}

#content .footImages {
  text-align:center;
}

#content .footImages img {
  border:2px solid #d6dbc5;
  padding:1px;
  background:#000;
  width:200px;
}

#footer {
  background:#373c36;
}

#footer p {
  padding:5px;
  text-align:center;
  color:#fff;
  font-size:11px;
}

#footer a {
  color:#fff;
}

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

#formWrapper {
  padding:10px;
}
#formWrapper label {
  display:block;
  margin:0px 0 2px 0;
}
#formWrapper .box {
  border:1px solid #373c36;
  border-left:3px solid #373c36;
  padding:3px;
  background:#d6dbc5;
  font:12px verdana,sans-serif;
  width:75%;
}
#formWrapper .smallbox {
  border:1px solid #373c36;
  border-left:3px solid #373c36;
  padding:3px;
  background:#d6dbc5;
  font:12px verdana,sans-serif;
  width:5%;
}
#formWrapper textarea {
  border:1px solid #373c36;
  border-left:3px solid #373c36;
  padding:3px;
  background:#d6dbc5;
  font:12px verdana,sans-serif;
  width:85%;
}
#formWrapper .error {
  display:block;
  padding:2px;
  font:10px verdana,sans-serif;
  color:#ff0000;
  background:#fff;
  border:1px solid #000;
  margin-top:3px;
  width:250px;
}
#formWrapper #spamBox {
  margin-top:10px;
  border:1px dashed #373c36;
  background:#bebfc3;
  padding:5px;
  
}
#formWrapper #formLeft {
  float:left;
  width:55%;
}
#formWrapper #formRight { 
  float:left;
  width:41%;
}
.buttonWrapper {
  text-align:center;
  
}
.buttonWrapper .button {
  background:#373c36;
  font:12px verdana,sans-serif;
  color:#fff;
  padding:5px;
  width:120px;
  border:1px solid #000;
}
