#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(http://www.wfclient.co.uk/kuba2/img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}



body {margin:0px; padding:0px;background:url(back.jpg) center top;}

*{font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:19px; color:#3c231b;}
p{padding:10px 0; margin:0;}
h2{padding:0px; margin:0px;}
a{ color:#3c231b; font-weight:bold;}

h3{padding:15px 0 0 0 ;}
#edge{width:25px; height:291px; position:absolute; background:url(edge.jpg) no-repeat; margin: 141px 0 0 34px;}
#wrap{width:998px; margin:0 auto; background:url(back2.jpg) repeat-y;}
#top{width:988px; height:142px; background:url(top.jpg) no-repeat; overflow:hidden;}

#logo{display:block; width:300px; height:80px; position:absolute; margin: 20px 0 0 80px; text-indent:-9999px;}

ul#menu{width:536px; height:85px; padding:0; margin:57px 0 0 446px; list-style-type:none;}
ul#menu li{float:left; margin:0; padding:0; }
ul#menu li a{display:block; height:85px; text-indent:-9999px;}
ul#menu li a:hover{background-position: 0 -85px;}

li{padding:10px 0;}

#hom{width:74px; background:url(menuhomea/home.jpg) no-repeat;}
#abo{width:69px; background:url(menuhomea/about.jpg) no-repeat;}
#car{width:81px; background:url(menuhomea/carpentry.jpg) no-repeat;}
#joi{width:62px; background:url(menuhomea/joinery.jpg) no-repeat;}
#por{width:68px; background:url(menuhomea/portfolio.jpg) no-repeat;}
#con{width:65px; background:url(menuhomea/contact.jpg) no-repeat;}
#lin{width:53px; background:url(menuhomea/links.jpg) no-repeat;}

#content{ background:url(back3.jpg) repeat-y #fbebca; width:900px; margin:0 auto; overflow:hidden;}
#breadcrumb{margin:5px 0 10px 0; font-size:10px;}
#breadcrumb a {font-weight:normal; font-size:10px;}
#welcome{width:300px; height:222px; margin:0 0 0 30px;}
#welcome h2{width:302px; height:92px; background:url(welcome_h2.gif) no-repeat; text-indent:-9999px; padding:0; margin: 20px 0 20px 0;} 
#welcome p {padding: 10px 0 0 0;}
#homebottom{width:750px; margin:0 auto; text-align:center;}

#subcontent{width:800px; margin:0 0 0 30px; }
#subcontentport{width:800px; margin:0 0 0 30px; overflow:hidden; background:url(portfolio/back.gif) center 100px no-repeat;}
.aboutus{width:170px; height:50px; background:url(aboutus_h2.gif) no-repeat; text-indent:-9999px; padding:0; margin: 20px 0 20px 0;}
.links{width:170px; height:50px; background:url(links_h2.gif) no-repeat; text-indent:-9999px; padding:0; margin: 20px 0 20px 0;}

.carpentry{width:170px; height:50px; background:url(carpentry2_h2.gif) no-repeat; text-indent:-9999px; padding:0; margin: 20px 0 20px 0;}
.big {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
}

.joinery{width:170px; height:50px; background:url(joinery2_h2.gif) no-repeat; text-indent:-9999px; padding:0; margin: 20px 0 20px 0;}
.portfolio{width:170px; height:50px; background:url(portfolio_h2.gif) no-repeat; text-indent:-9999px; padding:0; margin: 20px 0 20px 0;}
.contact{width:170px; height:50px; background:url(contact_h2.gif) no-repeat; text-indent:-9999px; padding:0; margin: 20px 0 20px 0;}


#sketch{width:532px; height:291px; background:url(sketch.jpg) no-repeat; position:absolute; margin:0 0 0 357px; }
#sketch2{width:523px; height:61px; background:url(menusub.jpg) no-repeat; position:absolute; margin:0 0 0 374px;}


#carpentry{width:210px; float:left; margin:45px 0 0 50px; padding:0 0 0 180px; background:url(carpenrty_image.jpg) no-repeat 0px 0px; display:inline;}
#carpentry h2{width:170px; height:50px; background:url(carpentry_h2.gif) no-repeat; text-indent:-9999px;}

#joinery{width:210px;  float:left;  margin:45px 0 10px 10px; padding:0 0 0 180px; background:url(joinery_image.jpg) no-repeat top left;}
#joinery h2{width:170px; height:50px; background:url(joinery_h2.gif) no-repeat;  text-indent:-9999px;}


.clckhr{display:block; width:108px; height:29px; background:url(clickhere.gif) no-repeat; text-indent:-9999px;}
.imgright{float:right; margin-top:-10px;}
.imgleft{float:left;}

#bottom{width:988px; height:77px; background:url(bottom.jpg) no-repeat; margin:0 auto;}


#quote{font-size:14px; font-style:italic; font-weight:bold; margin-left:100px;}
#quote2{font-size:14px; font-style:italic; font-weight:bold; }
#nizer{margin-left:520px;}

/*carpentry*/



#sf, #rt, #wb, #b {width:290px; height:243px; float:left; margin:0 0 0 80px; display:inline;}

#sf, #rt{margin-top:2px;}



/*joinery*/
#windows, #doors, #gates {width:285px; height:258px; float:left; margin:0 0 0 80px; display:inline;}
#windows, #doors{margin-top:2px;}

/*portfolio*/

#portfolio_home{padding:0; margin:10px 0 0 0;  list-style-type:none;}
#portfolio_home li{margin:0; padding:2px 0 0 0;}
.portfolio_small{margin:8px 27px; float:left;}

a#proofs, a#trusses, a#pstructural,  a#pbeams, a#pcladding, a#pwindows, a#pdoors, a#pexternal, a#pentrance, a#pspecial, a#pcraftsmanship, a#pporches, a#pgarages{display:block; height:46px; text-indent:-9999px;}

a:hover#proofs, a:hover#trusses, a:hover#pstructural,  a:hover#pbeams,a:hover#pcladding, a:hover#pwindows, a:hover#pdoors, a:hover#pexternal, a:hover#pentrance, a:hover#pspecial, a:hover#pcraftsmanship, a:hover#pporches, a:hover#pgarages{background-position: 0 -46px}

a#proofs{background:url(portfolio/roofs.gif); width:368px;}
a#trusses{background:url(portfolio/trusses.gif); width:368px;}
a#pstructural{background:url(portfolio/frames.gif); width:368px;}
a#pbeams{background:url(portfolio/beams.gif); width:368px;}
a#pcladding{background:url(portfolio/cladding.gif); width:368px;}
a#pwindows{background:url(portfolio/windows.gif); width:368px; height:46px;}
a#pdoors{background:url(portfolio/doors.gif); width:368px;}
a#pexternal{background:url(portfolio/external.gif); width:368px;}
a#pentrance{background:url(portfolio/gates.gif); width:368px;}
a#pspecial{background:url(portfolio/special.gif); width:660px;}
a#pcraftsmanship{background:url(portfolio/craft.gif); width:368px;}
a#pgarages{background:url(portfolio/garage.gif); width:368px;}
a#pporches{background:url(portfolio/porches.gif); width:368px;}

/*contact*/

#contacttable{width: 500px; }
#contacttable td{padding:5px;}
#qry{height:80px;}