body { background-image: url(../images/bk-repeat-nw.jpg); background-repeat: repeat-x; background-color:#372D24;}


#wrapper{position:absolute; left:5%; top:0px;  width:960px; }

#logo{position:absolute; top:0px; left:0px}

#navigation{position:absolute; top:74px; left:0px; width:750px; height:42px; font: normal 13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif; line-height: 2em;  }

#smallnav{position:absolute; top:74px; left:865px; width:100px; height:42px; font: normal 13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif; line-height: 2em;  }

#navlist{ margin: 0; padding: 0 0 20px 10px;}

#navlist ul, #navlist li{ margin: 0; padding: 0; display: inline; list-style-type: none;}

#navlist a:link, #navlist a:visited{float: left; margin: 0 10px 4px 10px; text-decoration: none; color: #FFFFCC;}

#navlist a:hover{border-bottom: 1px solid #C0C0C0; padding-bottom: 4px; background: transparent; color: #FFFFFF;}


body#home-page  a#home,#navlist  #AH a:active {border-bottom: 1px solid #C0C0C0; padding-bottom: 4px; background: transparent; color: #FFFFFF;}
body#developments-page  a#developments,#navlist  #A a:active {border-bottom: 1px solid #C0C0C0; padding-bottom: 4px; background: transparent; color: #FFFFFF;}
body#Kitchens-page a#Kitchens,#navlist #B a:active {border-bottom: 1px solid #C0C0C0; padding-bottom: 4px; background: transparent; color: #FFFFFF;}
body#Extensions-page a#Extensions,#navlist #C a:active {border-bottom: 1px solid #C0C0C0; padding-bottom: 4px; background: transparent; color: #FFFFFF;}
body#Conservatories-page a#Conservatories,#navlist #D a:active {border-bottom: 1px solid #C0C0C0; padding-bottom: 4px; background: transparent; color: #FFFFFF;}
body#Loft-page a#Loft,#navlist #E a:active {border-bottom: 1px solid #C0C0C0; padding-bottom: 4px; background: transparent; color: #FFFFFF;}





#smallnavlist{ margin: 0; padding: 0 0 20px 10px;}

#smallnavlist ul, #smallnavlist li
{ margin: 0; padding: 0; display: inline; list-style-type: none;}

#smallnavlist a:link, #smallnavlist a:visited
{
float: left; margin: 0 10px 4px 10px; text-decoration: none; color: #FFFFCC;}

#smallnavlist a:link#current, #smallnavlist a:visited#current, #smallnavlist a:hover
{border-bottom: 1px solid #C0C0C0; padding-bottom: 4px; background: transparent; color: #FFFFFF;}

#smallnavlist a:hover { color: #FFFFFF; }





#nhbc{position:absolute; top:0px; left:550px}

#testcontent { position:absolute; top:115px; left:0px; width:960px; height: 371px;}

#leftblock { float:left;  width:58%;}

#testblock { float:left;  width:410px; height:360px; padding-top:30px;}

#rightblock { float:right; line-height: 2.5em; text-align: justify; width:55%;}



#rightblock a { text-decoration: none; color: #424343;}

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

#rightblock span { color: #424343;}

p {font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif; line-height: 2em; margin:0.5cm 0cm 0cm 0cm; text-align:justify; color: #574210;}	

h1 { font-family: Verdana; font-weight: normal; font-size: 1.5em;}

h2 {font-family: Verdana; font-weight:550; font-size: 16px; border-bottom:1px dotted #039;  margin:65px 0 0 0px; text-transform:capitalize; color:#3B3128; text-align:left;}

h3 { font-family: Verdana; font-weight: normal; font-size: 1.5em;}







/*FOOTER
----------------------------------------------- */


#footer {position:absolute; top:505px; left:0px; width:960px; height: 493px; }
#bot-logo{position:absolute; top:0px; left:0px}

#footer p { color: #FFFFCC; font-size:10px; margin:20px 0 0 0px; }
#fright p { color: #FFFFCC; font-size:10px; margin:20px 0 0 0px; text-align:justify; }
#fleft p { color: #FFFFCC; font-size:10px; margin:20px 0 0 0px; text-align: justify; }
#fright h3 { color: #FFFFCC; font-size:10px; margin:20px 0 0 0px; text-align: right; color:#FFFFCC; text-decoration: none;  font: normal 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif; line-height: 2em;}

#footer h1 {  font-weight: normal; margin:20px 0 0 0px; text-transform:capitalize; color:#FFFFFF;}
#footer h3 {  font-weight: normal; margin:20px 0 0 0px; text-transform:capitalize; color:#FFFFFF; text-align:right;}
#footer a { color:#FFFFCC; text-decoration: none;  font: normal 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif; line-height: 2em; margin:20px 0 0 0px; }
#footer ul{ list-style-type: none;}
#footer a:hover { color: #FFFFFF; text-decoration: none;}

#footer span { color: #009dea;}




 #fleft{ position:absolute; top:36px; left:93px; width:245px; height: 250px;}
 
    #fmiddle{position:absolute; top:104px; left:384px; width:237px; height: 242px; color: #FFFFCC; font: normal 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif; line-height: 2em;}
	
	#fright{position:absolute; top:36px; left:715px; width:245px; height: 236px; text-align:right;  }
	
#mediadiverselogo{ position:absolute; top:200px;  width: 960px; height: 82px;text-align: right; color: #FFFFCC; font-size:10px; margin:20px 0 0 0px; text-align: right; color:#FFFFCC; text-decoration: none;  font: normal 10px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif; line-height: 2em; letter-spacing:1px; }


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:315px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}