body {
	z-index:1;
	margin:0px;
	padding:0px;
	background-image: url(../Images/bkgdb.jpg);
	background-repeat:repeat;

}#divLogo{
	position:absolute;
	z-index:2;
	left: 30px;
	top: 1px;
	text-align: left;
	width: 290px;
	visibility: visible;

}#divTitle{
	position:absolute;
	z-index:2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:2.0em;
	left:460px;
	top:50px;
	width: 650px;
	color:#FFFFFF;
	line-height:1.5em;
	text-align: center;
	visibility: visible;

}#divTransparent{
	position:absolute;
	z-index:2;
	left:4px;
	top:75px;
	width: 500px;
	height:700px;
	visibility: visible;
	
}#divNavbar{
	position:absolute;
	top:230px;
	left:45px;
	width: 158px;
	z-index:5;
	visibility: visible;
	
}#divTablesubnav{
	position: absolute;
	z-index:5;
	left: 213px;
	top: 318px;
	width: 163px;
	visibility:hidden;

}#divGuidenav{
	position: absolute;
	z-index:5;
	left: 213px;
	top: 357px;
	width: 163px;
	visibility: hidden;

}#divBreadcrumbs{
	position: absolute;
	top:5px;
	left:1003px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	width: 219px;
	visibility: visible;
	
	
	
	
	
}#divSteps{
	position:absolute;
	top:165px;
	left:400px;
	z-index:2;
	font-size:0.95em;
	width: 835px;
	height: 113px;
	visibility: visible;
}

	
	
	
#divFree{
	position:absolute;
	top:325px;
	left:400px;
	z-index:3;
	font-size:0.95em;
	visibility: hidden;
	
}.imgFreeConsultationTextBox{
	width:700px;
	height:500px;
	border-color:#a3a071;
	border-style:dotted;
	border-width: 1.75px;
	
}#divClose{
	position:absolute;
	visibility:hidden;
	z-index:4;
	top:65px;
	left:660px;

}#divText{
	position:absolute;
	top:108px;
	left:35px;
	z-index:4;
	font-size:0.95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height: 1.75em;
	text-align:left;
	width: 642px;
	height: 300px;
	visibility:hidden;
	font-weight: bold;

	
	
	
}#divPlanning_Design{
	position:absolute;
	top:325px;
	left:375px;
	z-index:3;
	font-size:0.95em;
	visibility: hidden;
	
}.imgPlanningDesignTextBox{
  width:850px;
	height:700px;
	border-color:#a3a071;
	border-style:dotted;
	border-width: 1.75px;
	
	
}#divClosea{
	position:absolute;
	visibility:hidden;
	z-index:4;
	top:88px;
	left:810px;

}#divTexta{
	position:absolute;
	top:75px;
	left:40px;
	z-index:4;
	font-size:0.95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height: 1.75em;
	text-align:left;
	width: 450px;
	height: 600px;
	visibility:hidden;
	font-weight: bold;






}#divOrder{
	position:absolute;
	top:325px;
	left:405px;
	z-index:3;
	font-size:0.95em;
	width: 728px;
	height: 444px;
	visibility:hidden;
	
}.imgOrderTextBox{
  width:750px;
	height:625px;
	border-color:#a3a071;
	border-style:dotted;
	border-width: 1.75px;	
	
}#divCloseb{
	position:absolute;
	visibility:hidden;
	z-index:4;
	top:82px;
	left:710px;

}#divTextb{
	position:absolute;
	top:70px;
	left:40px;
	z-index:3;
	font-size:0.95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height: 1.75em;
	text-align:left;
	width: 700px;
	height: 279px;
	visibility:hidden;
	font-weight: bold;






	
}#divInstall{
	position:absolute;
	top:325px;
	left:400px;
	z-index:3;
	font-size:0.95em;
	width: 900px;
	height: 700px;
	visibility:hidden;
	
}.imgInstallTextBox{
  width:900px;
	height:650px;
	border-color:#a3a071;
	border-style:dotted;
	border-width: 1.75px;	


}#divPortfolioa{
	position:absolute;
	top:105px;
	left:475px;
	z-index:5;
	font-size:0.95em;
	visibility: hidden;
	
}#divPortfoliob{
	position:absolute;
	top:375px;
	left:35px;
	z-index:5;
	font-size:0.95em;
	visibility: hidden;	


}#divClosec{
	position:absolute;
	visibility:hidden;
	z-index:4;
	top:85px;
	left:860px;

}#divTextc{
	position:absolute;
	top:75px;
	left:30px;
	z-index:3;
	font-size:0.95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height: 1.75em;
	text-align:left;
	width: 420px;
	height: 81px;
	visibility:hidden;
	font-weight: bold;

}#divTextd{
	position:absolute;
	top:365px;
	left:450px;
	z-index:3;
	font-size:0.95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height: 1.75em;
	text-align:left;
	width: 420px;
	height: 81px;
	visibility:hidden;
	font-weight: bold;



	



}#divBottomnav{
	position:absolute;
	z-index:4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	left:410px;
	top:1049px;
	width: 683px;
	color:#333333;
	visibility: visible;
	
}#divFooter{
	position:absolute;
	z-index:4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.6em;
	left:554px;
	top:1078px;
	width: 387px;
	color:#e5e5e5;
	visibility: visible;
	
}.tableSubnav{
	cell-padding:0px;
	background-color:#a3a071;
	cell-spacing:0px;

}.tableGuidenav{
	cell-padding:0px;
	background-color:#a3a071;
	cell-spacing:0px;



}#divMouse{
	position:absolute;
	z-index:2;
	left: 525px;
	top: 100px;
	text-align: left;
	width: 290px;
}

<style type="text/css">

.gallerycontainer{
position: relative;
/*For the gallerycontainer, it will be 445px wide but will wrap and otherwise extend itself verically until
all of its content can be seen on the page. If you set a height property/value pair (not an attribute) for it , it will
no exceed that height but, may overflow its dimensions in either direction. Once you've gotten both a height and a width set, 
you can then set the overflow to auto, scroll or hidden (whichever looks best) to limit it to its set dimensions.*/
}

.thumbnail img{
position: relative;
top: -550px;
left: 500px;
border: 1px solid white;
margin: 0px 5px 5px 0px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: 550px;
border-width: 0;
padding: 2px;
visibility: hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/
position: absolute;
left: 325px;
top: 100px;
border-width: 0;
padding: 2px;
}


.thumbnail:hover span{ /*CSS for enlarged image*/
position: absolute;
visibility: visible;
left:550px; /*position where enlarged image should offset horizontally */
top: 0px;
z-index: 5;
}
</style>

<style type="text/css">
a:link {color:#000000;}    /* unvisited link */
a:visited {color:#000000;} /* visited link */
a:hover {color:#FFFFFF;}   /* mouse over link */
a:active {color:#000000;}  /* selected link */
</style>