@charset "utf-8";
/* CSS Document */

/* - - compiled css documents - - */
@import "menu.css";
@import "reset.css";

/* - - tags - - */
body { background-color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3D3D3D; }
h1 { color: #DB0000; padding: 0; margin: 0 0 10px 0; font-size: 22px; }
h2 { color: #DB0000; padding: 0; margin: 10px 0 10px 0; font-size: 16px; }
h3 { color: #FFF; padding: 0; margin: 0; font-size: 16px; }
h4 { color: #DB0000; padding: 0; margin: 0; font-size: 16px; }
p { font-weight: bold; line-height: 16px; padding: 5px 0 5px 0; margin: 0; }
a { color: #525252; }

/* - - layout - - */
#wrapper { width: 895px; margin: 0 auto 0; background-color: #FFF; }

#background { width: 895px; height: 100%; background: url(../images/backgrounds/water.jpg) no-repeat #7BC6F2;  }
body#about-us #background { background-image: url(../images/backgrounds/hob.jpg); }
body#landlords #background { background-image: url(../images/backgrounds/hob.jpg); }
body#bathrooms #background { background-image: url(../images/backgrounds/hob.jpg); }
body#residential #background { background-image: url(../images/backgrounds/hob.jpg); }
body#price-list #background { background-image: url(../images/backgrounds/hob.jpg); }

#menu { width: 895px; height: 30px; background: url(../images/menu/background.jpg) repeat-x; }
.menu-shadow { width: 895px; height: 10px; background: url(../images/menu/background-shadow.jpg) repeat-x; }

#header { width: 895px; height: 215px; }

#content { width: 895px; padding: 0 0 20px 0; overflow: hidden; }
.red-box { padding: 5px; background-color: #DB0000; margin-bottom: 10px; }
.red-box p { color: #fff; font-size: 13px; text-align:center;}

#column-left { width: 170px; text-align: right; float: left; }
#column-left img, #column-right img { margin: 0 0 10px 0; clear: both; }

body#about-us .column {float: none;}
#column-centre { width: 495px; padding: 0 25px 0 25px; float: left; }
.column { width: 320px; float: left; }
.column-small { width: 120px; float: left; } 

#column-right { width: 180px; padding: 180px 0 0 0; float: left; }

#footer { width: 895px; margin: 0 auto 0 auto; }
#footer a { font-size: 10px; color: #FFF; }

/* form */
label { width: 100px; padding: 3px 0 3px 0;  float: left; }
input { display: block; margin: 3px 0 3px 0; padding: 1px; }
textarea { overflow: auto; }
select { clear: both; }

/* - - styles - - */
.number { padding: 0; margin: 0; float: left; font-size: 22px; font-weight: bold; color: #FFF; position: relative; top: 4px; left: 150px; }
.logo { position: relative; top: 15px; left: 50px; }
.blue-button { background: url(../images/global/button-blue.jpg) repeat-x; float: left; color: #FFF; font-size: 14px; font-weight: bold; padding: 6px 10px 5px 10px; margin: 10px 0 10px 0; height: 19px; }

/* global */
.clear { clear: both; }

.img-right { float: right; padding: 10px 0 20px 20px; }

/* list */
ul.list { list-style: disc; color: #DB0000; }
ul.list li { font-weight: bold; padding: 3px 0 3px 0; } 
ul.list li span { color: #3D3D3D; }