/*              GLOBALS               */
/**************************************/
html, body {background-color: #2F1400; color: white; line-height:1.9em;}
p { margin-bottom:1em;}
h2, h3 { font-weight:bold; font-size:1em; padding:0;margin:0;}
h2 {line-height:1em;}

/*              HEADER                */
/**************************************/
#header { border-top: 1px solid #A77E5A; border-bottom: 1px solid #A77E5A; height:136px; margin-bottom:9px; }
#header > h1 { margin:0px; float:left; height:136px; text-indent:-99999px; background:url('../images/title-home.gif') no-repeat left 5px; }
#header > h1 > a { display:block; height:135px; background:url('../images/header-fade.png') repeat-x left 126px;  }


/*             NAVIGATION             */
/**************************************/
#nav-primary {margin: 0; font-size: 1.2em; line-height:1em}
#nav-primary > li { display:inline; float:left;margin:0 5px 0 0; width:145px; }
#nav-primary > li.last { margin:0; }
#nav-primary > li > a { border-top: 9px solid #A77E5A; display:block; height: 42px; }
//#nav-primary > li > a:hover, .nav-primary > li.active > a { border-top: 9px solid #ffffff; }
#nav-primary > li > a.active { border-top: 9px solid #ffffff; color:#fff; }

#nav-sub { float:right; line-height:1.2em; margin: 2px 0 0 0;}
#nav-sub > li { margin-left: 0px; list-style-type: none; }
#nav-sub > li > a.active { color:#fff; }

/*            MAIN CONTENT            */
/**************************************/
.source {font-size:0.8em;}

/************* HOME PAGE **************/
#home-lead { background:url('../images/bath-sink.jpg') no-repeat left top; margin: 0 0 9px 0; height: 303px;  border-bottom: 1px solid #A77E5A;}
#home-copy {  float:right; width:220px;   margin-right:75px; } 
#home-copy > h2 { line-height:1.1em; font-size:2em; margin: 15px 0 10px 0; } 
#home-copy > p { font-size:1.2em; line-height: 1.2em;} 

#home-matrix > div { width: 217px; height:120px; margin-bottom:9px; float:left; display:inline; font-size:1.1em;}
#home-matrix > div > a { width: 217px; height:120px; background:url('../images/trans-black.png') repeat; display:block; padding:0; }
#home-matrix > div > a > span { padding: 3px 0 0 6px; display:block; font-weight:bold;}
html.js #home-matrix > div > a > span {color:white; }

#hm-1 { background:url('../images/hm-blade.jpg') no-repeat left top; }
#hm-2 { background:url('../images/hm-man.jpg') no-repeat left top; margin-left: 235px; }
#hm-3 { background:url('../images/hm-sink.jpg') no-repeat left top; margin-left: 9px; }
#hm-4 { background:url('../images/hm-lady.jpg') no-repeat left top; }
#hm-5 { background:url('../images/hm-sink-window.jpg') no-repeat left top; margin-left: 9px; }
#hm-6 { background:url('../images/hm-bedstead.jpg') no-repeat left top; margin-left: 9px; margin-right: 226px; }
#hm-7 { background:url('../images/hm-skirting.jpg') no-repeat left top; margin-left: 226px;}
#hm-8 { background:url('../images/hm-swatches.jpg') no-repeat left top; margin-left: 235px;}

.right-content { font-size:1.2em; margin-bottom: 30px;}
.right-content > ul {margin-left:0;}
.copy-highlight { border-top: 1px solid #A77E5A; margin: 5px 0; width:100%; padding: 12px 0 5px 0; color:#A77E5A;  } 

/***** HEADER *****/
#kitchens #header > h1 { background-image:url('../images/title-designing.gif'); }
#bathrooms #header > h1 { background-image:url('../images/title-designing-plumbing.gif'); }
#joinery #header > h1 { background-image:url('../images/title-crafting.gif'); }
#decorating #header > h1 { background-image:url('../images/title-plastering.gif'); }
#refurbishments #header > h1 { background-image:url('../images/title-building.gif'); }
#other-services #header > h1 { background-image:url('../images/title-fixing.gif'); }

/** ABOUT US **/
.about-column > p { width:270px;}
.about-column > h2 { color:#A77E5A; margin-bottom:9px; }
.about-column > h2.with-h3  { margin-bottom:0px; }
.about-column > h3 { font-weight:normal; color:#A77E5A; margin-bottom:9px; }
.about-column > img { margin-bottom: 5px; }

/** TESTIMONIALS **/
#testimonials  .copy-highlight { border:0px; width:280px;}
#testimonials  .copy-highlight > p { width:270px; color:#fff;}
#testimonials  .copy-highlight > p.source { font-size:1em; color:#A77E5A;}
#testimonials .bottom-key { border-bottom:1px solid #A77E5A;}
#testimonials .first { padding-top:0px; margin-top:-2px;}

/*               FOOTER               */
/**************************************/
#footer  { border-top: 1px solid #A77E5A; color:#A77E5A; margin-top: 12px; padding: 3px 0 30px 0; font-size: 0.9em; }
#foot-note { line-height: 1em; }