@charset "utf-8";
body  {
	background: #666666;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.twoColFixRtHdr #container { 
	width: 758px;  
	background: #FEF200;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
} 
.twoColFixRtHdr #header {
	background-image: url(0top.jpg);
	padding-top: 65px;
	padding-right: 2%;
	padding-left: 2%;
	height: 25px;
	text-align: center;
} 
.twoColFixRtHdr #header h1 {
	margin: 0;
	padding: 0;
}
.twoColFixRtHdr #sidebar1 {
	float: right;
	width: 158px;
	background-color: #FEF200;
	text-align: center;
	padding: 15px;
}
.twoColFixRtHdr #mainContent {
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
} 
.twoColFixRtHdr #footer {
	background-color: #FEC62B;
	text-align: center;
	height: 22px;
	line-height: 20px;
} 
.twoColFixRtHdr #footer p {
	margin: 0; 
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.twoColFixRtHdr   #headerunder {
	padding: 0;
	background-image: url(2menu.jpg);
	height: 18px;
}
.twoColFixRtHdr #flash {
	padding: 0;
	height: 160px;
	background-color: #FFFFFF;
}
.twoColFixRtHdr #menulft {
	float: left;
	padding: 0;
	background-image: url(22menu.jpg);
	height: 35px;
	width: 44px;
}
.twoColFixRtHdr #menubtn {
	float: left;
	padding: 0;
	height: 35px;
	width: 108px;
	background-color: #FFFFFF;
}
.twoColFixRtHdr #menubar {
	padding: 0;
	height: 35px;
	width: 758px;
}
.twoColFixRtHdr #menusp1 {
	float: left;
	padding: 0;
	height: 35px;
	width: 6px;
	background-color: #FFFFFF;
}
.twoColFixRtHdr #menusp2 {
	float: left;
	padding: 0;
	height: 35px;
	width: 5px;
	background-color: #FFFFFF;
}
.twoColFixRtHdr #menurgt {
	float: left;
	padding: 0;
	background-image: url(23menu.jpg);
	height: 35px;
	width: 36px;
}
.twoColFixRtHdr #menuunder {
	background-image: url(21menu.jpg);
	background-repeat: no-repeat;
	height: 9px;
	margin: 0;
	padding: 0;
}
.twoColFixRtHdr #sidebarinside {
	float: right;
	width: 154px;
	background-color: #FCC52A;
}
.twoColFixRtHdr #marqee {
	padding: 0;
	height: 18px;
	text-align: center;
}
.bheader {
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

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

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

a.join {
	display: block;
	width: 141px;
	height: 105px;
	background: url("joinery.jpg") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.join {
	background-position: -142px 0;
}

a.buil {
	display: block;
	width: 141px;
	height: 105px;
	background: url("building.jpg") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.buil {
	background-position: -142px 0;
}

a.ceil {
	display: block;
	width: 141px;
	height: 105px;
	background: url("ceiling.jpg") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.ceil {
	background-position: -142px 0;
}

a.deck {
	display: block;
	width: 141px;
	height: 105px;
	background: url("decking.jpg") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.deck {
	background-position: -142px 0;
}

a.wind {
	display: block;
	width: 141px;
	height: 105px;
	background: url("window.jpg") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.wind {
	background-position: -142px 0;
}

a.kitc {
	display: block;
	width: 141px;
	height: 105px;
	background: url("kitchens.jpg") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.kitc {
	background-position: -142px 0;
}

a.reno {
	display: block;
	width: 141px;
	height: 105px;
	background: url("renovation.jpg") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.reno {
	background-position: -142px 0;
}