body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 1.5em;
	color: #000;
	/*background: #1F1F1F url(../img/bg_tile_l.gif) repeat top left;*/
	/*background: #1F1F1F url(../images/gif/background.gif) no-repeat 50% -1px;*/
	/*background: #DBD7BA; */
}
#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	text-align: left;
  	width: 1000px;
  	/*border-left: 1px solid #000;
  	border-right: 1px solid #000;*/
  	background: #fff;
	}
/* --------- [ common elements ] ----------- */
#header {
	background: transparent url(../images/gif/header.gif) no-repeat top left;
	height: 121px;
}
#logo {
	position: absolute;
	left: 18px;
	top: 33px;
	height: 60px;
	width: 218px;
}
#nav-menu {
	position: absolute;
	left: 343px;
	top: 27px;
	height: 60px;
	width: 72px;
}
#phnumber {
	position: absolute;
	left: 832px;
	top: 27px;
	height: 18px;
	width: 154px;
}
#email {
	position: absolute;
	left: 832px;
	top: 56px;
	height: 18px;
	width: 154px;
}
#content-Main {
	height: 510px;
}
#content-portfolio {
	height: 590px;
}
#slide-home {
	position: absolute;
	left: 0px;
	top: 156px;
	width: 1000px;
	height: 440px;
}
/* --------- [ footer ] ----------- */
#footer {
	background: transparent url(../images/gif/footer.gif) no-repeat top left;
	height: 30px;
}
#footer-contact {
	position: relative;
	color: #ACACAC;
	left: 18px;
	top: 5px;
	font-size: 90%;
	width: 450px;
}
#footer-contact a:link, #footer-contact a:visited,  #footer-contact a:hover {
	color: #ACACAC;
	font-weight: normal;
	text-decoration: none;
}
#footer-contact a:hover {
	text-decoration: underline;
}

#footer-copyright p, #footer2-copyright p, #footer-contact p {
	margin: 0;
	padding: 0;
}
#footer-copyright {
	position: relative;
	color: #ACACAC;
	left: 785px;
	top: -14px;
	font-size: 90%;
	width: 208px;
}
#footer2-copyright {
	position: relative;
	color: #ACACAC;
	left: 785px;
	top: 5px;
	font-size: 90%;
	width: 208px;
}
#footer-copyright a:link, #footer-copyright a:visited,  #footer-copyright a:hover {
	color: #C1C1C1;
	font-weight: normal;
	text-decoration: none;
}
#footer-copyright a:hover {
	text-decoration: underline;
}
/* --------- [ portfolio pages ] ----------- */
#nav-port {
	position: absolute;
	left: 343px;
	top: 130px;
	height: 13px;
	width: 353px;
}
#nav-port-v {
	position: absolute;
	left: 10px;
	top: 164px;
	height: 200px;
	width: 130px;
}
#heading-portfolio {
	position: absolute;
	left: 825px;
	top: 135px;
	width: 167px;
	height: 34px;
}
#heading-people {
	position: absolute;
	left: 20px;
	top: 215px;
	width: 98px;
	height: 16px;
}
#link-people {
	position: absolute;
	left: 18px;
	top: 231px;
	width: 300px;
	height: 300px;
}
#heading-product {
	position: absolute;
	left: 355px;
	top: 215px;
	width: 98px;
	height: 16px;
}
#link-product {
	position: absolute;
	left: 353px;
	top: 231px;
	width: 300px;
	height: 300px;
}
#heading-personal {
	position: absolute;
	left: 687px;
	top: 215px;
	width: 98px;
	height: 16px;
}
#link-personal {
	position: absolute;
	left: 685px;
	top: 231px;
	width: 300px;
	height: 300px;
}
#slide-portfolio {
	position: absolute;
	/*background-color: Black;*/
	left: 149px;
	top: 152px;
	width: 722px;
	height: 468px;
}
/* --------- [ biography page ] ----------- */
#heading-bio {
	position: absolute;
	left: 84px;
	top: 165px;
	width: 167px;
	height: 34px;
}
#biography-txt {
	position: absolute;
	left: 88px;
	top: 220px;
	width: 650px;
	height: 140px;
}
#biography-txt p {
/*	margin: 0;
	padding: 0;*/
}

/* --------- [ contact page ] ----------- */
#heading-contact {
	position: absolute;
	left: 170px;
	top: 170px;
	width: 167px;
	height: 34px;
}
#contact-image {
	position: absolute;
	left: 343px;
	top: 174px;
	width: 645px;
	height: 404px;
}
#contact-txt {
	position: absolute;
	left: 105px;
	top: 280px;
	width: 180px;
	height: 140px;
}
#contact-txt p {
	margin: 0;
	padding: 0;
}
#contactTable td {
	text-align: right;
	line-height: 30px;
}
#contact-txt a:link {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
#contact-txt a:visited,  #contact-txt a:hover {
	color: #C1C1C1;
	font-weight: normal;
	text-decoration: none;
}
#contact-txt a:hover {
	text-decoration: underline;
}
/* --------- [ delete below later ] ----------- */

#menubar {
	background: transparent url(../images/gif/menubar.gif) no-repeat top left;
	height: 38px;
}
#date {
	position: absolute;
	left: 750px;
	top: 152px;
	color: #000;	
}
#date p {
	float: left;
/*	margin: 0;
	padding: 0;*/
}
#designby {
	position: absolute;
	left: 785px;
	top: 660px;
	font-size: 90%;
}
#designby a:link, #designby a:visited,  #designby a:hover {
	color: #C2BB9E;
	font-weight: normal;
	text-decoration: none;
}
#designby a:hover {
	text-decoration: underline;
}
#needideas {
	position: absolute;
	top: 502px;
	left: 51px;
}
#award {
	position: absolute;
	top: 485px;
	left: 51px;
}

#emailus {
   margin:0; 
	padding:0;
   position:relative;
	left: 270px;
	top: 16px;
   width:70px;
	height:20px;
   /*overflow:hidden;*/
   }

/* --------- [ headings ] ----------- */
#heading {
   margin:0; 
	padding:0;
   position:relative;
	left: 47px;
	top: 9px;
   width:470px;
	height:22px;
   overflow:hidden;
   }
#heading1 span {
   display:block;
   position:absolute; 
	left:0; 
	top:0; 
	z-index:1;
   width:470px; 
	height:22px;
   margin:0; 
	padding:0;
   background: url(../images/gif/headings_f01.gif) no-repeat top left;
   }

/* --------- [ profile page ] ----------- */
#ucontentlhm {
	clear: both;
	float: left;
	height: 287px;
	width: 361px;
	background: transparent url(../images/jpg/u_content_hm_r1_c1.jpg) no-repeat top left;
}
#ucontentr {
	float: left;
	height: 287px;
	width: 613px;
	background: transparent url(../images/jpg/u_content.jpg) no-repeat top left;
	height: 287px;
}
#ucontentra {
	float: left;
	height: 287px;
	width: 613px;
	background: transparent url(../images/jpg/u_content_award.jpg) no-repeat top left;
	height: 287px;
}
#ucontactr {
	float: left;
	height: 287px;
	width: 613px;
	background: transparent url(../images/jpg/u_contact2.jpg) no-repeat top left;
	height: 287px;
}
#lodotcom {
	position: absolute;
	left: 668px;
	top: 232px;
	width: 232px;
	height: 74px;
	margin:0; 
	padding:0;
}
#lolink {
	position: absolute;
	top: 590px;
	left: 776px;
	width: 150px;
	height: 50px;
}
#lcontent {
	clear: both;
	background: transparent url(../images/jpg/l_content.jpg) no-repeat top left;
	height: 179px;
}
#heading2 span {
   display:block;
   position:absolute; 
	left:0; 
	top:0; 
	z-index:1;
   width:470px; 
	height:22px;
   margin:0; 
	padding:0;
   background: url(../images/gif/headings_f02.gif) no-repeat top left;
}
#profcopy {
	position: absolute;
	left: 410px;
	top: 233px;
	width: 550px;
	margin:0; 
	padding:0;
}
#profcopy2 {
	position: absolute;
	left: 580px;
	top: 230px;
	width: 370px;
	margin:0; 
	padding:0;
}
#profcopy3 {
	position: absolute;
	left: 410px;
	top: 338px;
	width: 550px;
	margin:0; 
	padding:0;
}

/* --------- [ design page ] ----------- */
#ucontentldes {
	clear: both;
	float: left;
	height: 287px;
	width: 361px;
	background: transparent url(../images/jpg/u_con_design.jpg) no-repeat top left;
}
#ucontentlcon, #ucontentlcontact {
	clear: both;
	float: left;
	height: 287px;
	width: 361px;
}
#ucontentlcon {
	background: transparent url(../images/jpg/u_con_const.jpg) no-repeat top left;
}
#ucontentlcontact {
	background: transparent url(../images/jpg/u_contact.jpg) no-repeat top left;
}
#heading3 span {
   display:block;
   position:absolute; 
	left:0; 
	top:0; 
	z-index:1;
   width:470px; 
	height:22px;
   margin:0; 
	padding:0;
   background: url(../images/gif/headings_f03.gif) no-repeat top left;
}
#uservcopy {
	position: absolute;
	font-size: 90%;
	left: 410px;
	top: 233px;
	width: 180px;
	margin:0; 
	padding:0;
}
#P7ShowPL1 p, #P7ShowPL2 p, #P7ShowPL3 p {
	margin: 0; 
	padding: 0;
}
#P7ShowPL1 img, #P7ShowPL2 img, #P7ShowPL3 img {
	border: none; 
}
#picback {
	position: absolute;
	left: 561px;
	top: 435px;
	width: 12px;
	height: 12px;
}
#picnext {
	position: absolute;
	left: 939px;
	top: 435px;
	width: 12px;
	height: 12px;
}
#lservcopy {
	position: absolute;
	color: #000;
	left: 410px;
	top: 490px;
	width: 550px;
	margin:0; 
	padding:0;
}
#uservcopy p, #lservcopy p {
	margin:0; 
	padding:0;
}
/* --------- [ construction page ] ----------- */
#heading4 span {
   display:block;
   position:absolute; 
	left:0; 
	top:0; 
	z-index:1;
   width:470px; 
	height:22px;
   margin:0; 
	padding:0;
   background: url(../images/gif/headings_f04.gif) no-repeat top left;
}
#uconstcopy {
	position: absolute;
	font-size: 90%;
	left: 410px;
	top: 233px;
	width: 250px;
	margin:0; 
	padding:0;
}
#uconstcopy ul {
	margin: 15px;
	padding-left: 15px;
}
#picconst {
	position: absolute;
	left: 610px;
	top: 236px;
	width: 336px;
	height: 215px;
	background: url(../images/jpg/pics.jpg) no-repeat top left;
}
#lconstcopy {
	position: absolute;
	font-size: 90%;
	color: #000;
	left: 410px;
	top: 480px;
	width: 550px;
	margin:0; 
	padding:0;
}
#lconstcopy ul {
	margin: 0;
	padding-top: 7px;
	padding-left: 15px;
}
#uconstcopy p, #lconstcopy p, #upoolcopy p, #ustonecopy p {
	margin: 0;
	padding: 0;
}
/* --------- [ pools page ] ----------- */
#ucontentlpool {
	clear: both;
	float: left;
	height: 287px;
	width: 361px;
	background: transparent url(../images/jpg/u_con_pool.jpg) no-repeat top left;
}
#heading5 span {
   display:block;
   position:absolute; 
	left:0; 
	top:0; 
	z-index:1;
   width:470px; 
	height:22px;
   margin:0; 
	padding:0;
   background: url(../images/gif/headings_f05.gif) no-repeat top left;
}
#upoolcopy {
	position: absolute;
	font-size: 90%;
	left: 410px;
	top: 233px;
	width: 180px;
	margin:0; 
	padding:0;
}
#upooltn {
	position: absolute;
	left: 410px;
	top: 401px;
	width: 250px;
	margin:0; 
	padding:0;
}
#upooltn ul {
	margin: 0;
  	padding: 0;
  	list-style: none;
}  
#upooltn li {
	margin: 0; 
	padding-top: 0px;
	padding-right: 8px;
   list-style: none;
	display: inline;
}
.nospace {
	padding-bottom: -5px;
}
#picpool {
	position: absolute;
	left: 410px;
	top: 236px;
	width: 540px;
	height: 220px;
	/*background: url(../images/jpg/pic_pool_f01.jpg) no-repeat top left;*/
}
/* --------- [ stonework page ] ----------- */
#ucontentlstone {
	clear: both;
	float: left;
	height: 287px;
	width: 361px;
	background: transparent url(../images/jpg/u_con_stone.jpg) no-repeat top left;
}
#heading6 span {
   display:block;
   position:absolute; 
	left:0; 
	top:0; 
	z-index:1;
   width:470px; 
	height:22px;
   margin:0; 
	padding:0;
   background: url(../images/gif/headings_f06.gif) no-repeat top left;
}
#ustonecopy {
	position: absolute;
	font-size: 90%;
	left: 410px;
	top: 233px;
	width: 200px;
	margin:0; 
	padding:0;
}
#awardlogo {
	position: absolute;
	font-size: 90%;
	left: 412px;
	top: 200px;
	width: 200px;
	margin:0; 
	padding:0;
}
/* --------- [ woodworking page ] ----------- */
#ucontentlwood {
	clear: both;
	float: left;
	height: 287px;
	width: 361px;
	background: transparent url(../images/jpg/u_con_wood.jpg) no-repeat top left;
}
#heading7 span {
   display:block;
   position:absolute; 
	left:0; 
	top:0; 
	z-index:1;
   width:470px; 
	height:22px;
   margin:0; 
	padding:0;
   background: url(../images/gif/headings_f07.gif) no-repeat top left;
}
/* --------- [ contact page ] ----------- */
#ucontentl {
	float: left;
	height: 287px;
	width: 361px;
	background: transparent url(../images/jpg/u_content_c_r1_c1.jpg) no-repeat top left;
}
#heading8 span {
   display:block;
   position:absolute; 
	left:0; 
	top:0; 
	z-index:1;
   width:470px; 
	height:22px;
   margin:0; 
	padding:0;
   background: url(../images/gif/headings_f08.gif) no-repeat top left;
}
#concopy {
	position: absolute;
	left: 410px;
	top: 243px;
	width: 250px;
	margin:0; 
	padding:0;
}
#concopy ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#concopy li {
	padding-bottom: 8px;
}
a:link, a:visited,  a:hover {
	color: #3EC0F5;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* --------- [ navigation bar ] ----------- */
#navbar {
	position: absolute;	
	top: 151px;
	left: 23px;
	width: 500px;
	margin: 0;
	padding: 0;
	height: 24px;
	list-style: none;
	display: inline;
	overflow: hidden;
	/*border-bottom: thin dotted black;*/ 
	}
#navbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}  
#navbar li {
	margin: 0; 
	padding: 0;
   list-style: none;
	display: inline;
}
#navbar a {
	float: left;
	padding: 24px 0 0 1px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:24px; /* for IE5/Win only */
}	
#navbar a:hover {
	background-position: 0 -24px;
}
#navbar a:active, #navbar a.selected {
	background-position: 0 -48px;
}
#profbtn a  {
	width: 88px;
	background: url(../images/btn/profile_btn.gif) no-repeat top left;
}
#servbtn a  {
	width: 113px;
	background: url(../images/btn/services_btn.gif) no-repeat top left;
}
#portbtn a  {
	width: 136px;
	background: url(../images/btn/portfolio_btn.gif) no-repeat top left;
}
#contbtn a  {
	width: 130px;
	background: url(../images/btn/contact_btn.gif) no-repeat top left;
}
/* --------- [ drop dowm menus ] ----------- */

#drpbkgd1 {
	position: absolute;
	top: 182px;
	left: 113px;
	width: 109px;
	height: 66px;
	background: #8C5E31;
	-moz-opacity: .50;
	filter: alpha(opacity=50);
	opacity: 0.5;
	visibility: hidden;
}
#drpdown1 {
	position: absolute;	
	top: 186px;
	left: 117px;
	width: 101px;
	height: 24px;
	visibility: hidden;
	}
#drpdown1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#drpdown1 li {
	padding: 2px 0 0 0;
} 
#drpbkgd2 {
	position: absolute;
	top: 182px;
	left: 234px;
	width: 113px;
	height: 97px;
	background: #8C5E31;
	-moz-opacity: .50;
	filter: alpha(opacity=50);
	opacity: 0.5;
	visibility: hidden;
}
#drpdown2 {
	position: absolute;
	top: 186px;
	left: 240px;
	width: 107px;
	height: 64px;
	visibility: hidden;
}
#drpdown2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#drpdown2 li {
	padding: 2px 0 0 0;
}
#openp {
	position: absolute;
	top: 173px;
	left: 238px;
	width: 107px;
	height: 8px;
}
#closer {
	position: absolute;
	top: 143px;
	left: 103px;
	width: 250px;
	height: 140px;
}
#opens {
	position: absolute;
	top: 173px;
	left: 113px;
	width: 108px;
	height: 8px;
}
/* --------- [ gallery ] ----------- */
#gallerytn {
	position: absolute;
	top: 10px;
	left: 10px;
}
#gallerytn td {
	padding-right: 10px;
}
#gallery {
	position: absolute;
	top: 100px;
	left: 13px;	
}
#gallery img {
	padding-bottom: 13px;
}