html, body {margin: 0; padding: 0; text-align: center; color: #000; background-color: transparent;
background-image: url(images/dk_grey_dot2.gif); background-position: 0 0 auto 0; 
background-repeat: repeat; font-family: Verdana, Arial, sans-serif; font-size: x-small;}
a {text-decoration: none;}
a:visited {color: #000000;}
a:hover {color: #99CC66;}
a:link {color: #339900;}


#container {width: 780px; margin: 30px auto 0 auto; padding: 0; text-align: left;
position: relative; border-left: 1px solid #666; border-right: 1px solid #666; 
border-bottom: 1px solid #666;}


/*home header and navigation begins */
#pageheader {background: none; height: 101px; width: 780px; background-color: #fff; position: relative;}
#pageheader h1 {background: none; color: #fff; margin: 0; padding: 0; border-style: none; position: absolute; top: 0; left: 0; height: 101px; width: 250px; }
#pageheader h1 img.dwlogo {background: transparent; color: #000; margin: 0; padding: 0; border-style: none; position: absolute; top: 0; left: 0;}
#pageheader h2 {font-size: medium; font-weight: normal; 
background: none; color: #000; position: absolute; top: 20px; bottom: 5px; left: 350px; right: auto; margin: 0;}
#pageheader h3 {font-size: small; font-weight: normal; background: none; color: #000;
position: absolute; top: 45px; bottom: 10px; left: 350px; right: auto; margin: 0; text-align: left;}
#pageheader h1 img.dwlogo a:link, #pageheader h1 img.dwlogo a:visited, pageheader h1 img.dwlogo a:hover {text-decoration: none;}


#navbackground {background-image: url(images/nav_background.jpg); background-repeat: repeat-x;
height: 30px; margin: 0; padding: 0; position: relative;}
#nav {margin: 0; padding: 0; position: absolute; top: 10px; left: 337px;}
 #nav li {list-style: none; float: left; margin-left: 1px; padding-left: 14px; 
 font-size: 10px; line-height: 20px; white-space: nowrap;
 background: #999 url(images/tab_grey_normal.gif) 0 100% no-repeat; }
 #nav a {display: block; float: left; padding: 0 14px 0 0; text-decoration: none;
 background: url(images/tab_grey_normal.gif) 100% 100% no-repeat; color: #000; width: .1em; 
 }

 html > body #nav a {width: auto;} /* fixes IE6 hack*/
 /*Hides rule from IE5-Mac\*/
 #nav a  {float: none;}  /*End IE5-Mac hack */
 #nav #current, #nav #current a {
 color: #000; background-image: url(images/tab_green_current.gif);}
 #nav li:hover, #nav li:hover a {
 color: #99CC66; background-image: url(images/tab_ltgrey_hl.gif);
 }
 /* End of header and navigation */


/* Begin homepage main photo and copy area */
#maincolumn {background: url(images/left_grey_lines.gif) 0 0 repeat-x; height: 285px; width: auto; 
color: #000; position: relative; margin: 0; padding: 0; border-style: none;}
#maincolumn p.building {background: url(images/left_semi_circle.gif) 0 0 no-repeat;
height: 285px; width: auto; margin-top: 0; margin: 0; padding: 0; border-style: none; line-height: 100%; }
#maincolumn p.background {background: url(images/home_photo.jpg); position: absolute; 
top: 0px; bottom: auto; left: 340px; right: auto; height: 285px; width: 440px; 
background-repeat: no-repeat; margin: 0; padding: 0; border-style: none;}

#maincolumn p.building span {background: transparent; color: #339900; font-size: small; font-weight: bold; font-style: normal;
position: absolute; top: 25px; bottom: auto; left: 55px; right: auto; margin: 0; margin-right: auto; padding: 0;
border-style: none; text-align: left; line-height: 105%;}


#maincolumn p.building span.copy {background: transparent; color: #666; font-size: x-small; font-weight: normal; line-height: 1.4em;
position: absolute; top: 45px; bottom: auto; left: 55px; right: 450px; margin: 0; padding: 0; border-style: none; 
text-align: justify;}

 /* End main photo and copy area */
 
 /*Begin main portfolio page area*/
 #portupper {background: url(images/port_upper_left.gif) 0 0 no-repeat; height: 518px; width: auto; position: relative;
 margin: 0; padding: 0; border-style: none;}
 #portupperlft {background: url(images/port_upper_repeat.gif) repeat-y; height: 400px; width: 330px;
 padding: 0; border-style: none; margin: 118px auto auto 0; color: #336699; float: left;}
 #portupperrt {background: transparent; color: #336699; position: absolute; top: 0; bottom: auto; left: 330px; right: auto; margin: 0; padding: 0; border-style: none; height: 518px; width: auto; } 
 #portupperrt img {background: transparent; color: #336699; margin: 0; padding: 0; border-style: none; float: left; }
 
#portupperlft span {margin: 0; margin-left: 45px; padding: 0; font-size: small; font-weight: bold; background: none; color: #99CC66 !important;}
  #portupperlft ul {margin: 0; padding: 0; background: none; color: #336699; text-indent: 45px;}
 #portupperlft li {list-style: none; font-size: x-small; font-weight: normal; line-height: 20px; position: relative; margin: 0; padding: 0;
border-style: none; text-align: left; white-space: nowrap; background: transparent; color: #336699;}

#portupperlft a:visited {text-decoration: none; background: none; color: #336699;}
#portupperlft a:hover {color: #99CC66;}
#portupperlft a:link {color: #666;}
 
 /*end main portfolio page area*/ 
 
 /*Begin main master project page area*/
 #projectmaster {background: #fff; height: 671px; width: 780px; color: #336699; position: relative; 
 margin: 0; padding: 0; border-style: none; font-size: small;}
 
 #projectmaster em {background: #transparent; color: #666; position: absolute; top: 15px; bottom: auto; left: 350px; right: auto; z-index: 7; height: 10px; font-size: x-small; display: block; margin: 0; padding: 0; font-style: normal;}

 
 #projectmaster img {background: none; position: relative; top: 0; left: 0; margin: 0; padding: 0; border-style: none; color: #fff; }
 
 #projectmaster h1 {background: url(images/proj_upper_right.gif) no-repeat; position: absolute; top: 0; bottom: 39px; left: 542px;
 right: auto; height: 39px; width: 238px; margin: 0; padding: 0; border-style: none; color: #339900;}
 
 #projectmasterback {background: url(images/proj_gy_wh_rt.gif) repeat-y; height: 632px; width: 238px;
 position: absolute; top: 39px; bottom: 671px; left: 542px; right: auto; margin: 0; padding: 0; border-style: none; z-index: 0;}
 
 #projectmaster h3 {background: url(images/proj_lower_left.gif) repeat-y; height: 145px; width: 542px; color: #666; 
 position: absolute; top: 526px; bottom: 671px; left: 0; right: auto; margin: 0; padding: 0; border-style: none;}
 
 #projectmaster h2 img.kitchen {background: transparent; position: absolute; top: 39px; bottom: auto; left: 542px; right: auto; margin: 0; margin-left: 18px; padding: 0; 
border: 1px solid #99CC66; color: #339900;}

#projectmaster h2 img.bar {position: absolute; top: 198px; bottom: auto; left: 542px; right: auto; margin: 0; margin-left: 18px; padding: 0; 
border: 1px solid #99CC66; background: transparent; color: #339900;}

#projectmaster h2 img.bath {position: absolute; top: 358px; bottom: auto; left: 542px; right: auto; margin: 0; margin-left: 18px; padding: 0; 
border: 1px solid #99CC66; background: transparent; color: #fff;}

#projectmaster h2 img.living {position: absolute; top: 517px; bottom: auto; left: 542px; right: auto; border: 1px solid #99CC66; margin: 0; margin-left: 18px; padding: 0; 
 background: transparent; color: #339900;}

#projectmaster h4 {background: transparent; color: #666; font-size: small; font-weight: normal; position: relative;
margin: 0; padding: 0; border-style: none; height: auto; width: 542px; text-align: center; z-index: 10; text-indent: 30px; 
}
#projectmaster h4 a:link {background: transparent; color: #339900;}
#projectmaster h4 a:hover {background: transparent; color: #99CC66;}
#projectmaster h4 a:visited {background: transparent; color: #666; }


#projectmaster span.description {background: transparent; color: #336699; font-size: x-small; font-weight: normal; 
margin: 0; padding-top: 5px; padding-right: 73px; padding-bottom: 10px; padding-left: 20px; border-style: none; height: auto; width: 530px;
text-align: justify; line-height: 1.3em; z-index: 11; display: block; position: relative;}
#projectmaster span.back {background: transparent; color: #666; font-size: x-small; font-weight: normal; 
margin: 0; padding: 0; border-style: none; height: auto; width: 530px;
text-align: center; z-index: 12; display: block; position: relative; text-indent: 30px; }

#projectmaster span.back a:visited {color: #339900;}
#projectmaster span.back a:hover {color: #99CC66;}
#projectmaster span.back a:link {color: #666; }

 /*end main master project page area*/
  
 
  /*Begin info master page area-portfolio*/
  
  #infoupper {background: url(images/info_repeat.gif) repeat-y; color: #339900; height: 8100px; width: 780px; color: #fff; position: relative; 
 margin: 0; padding: 0; border-style: none;} 
 
 
 
 #infoupper h1 {background: url(images/info_upper_bkgnd.jpg) 0 0 no-repeat; height: 142px; width: 780px; color: #fff; 
 margin: 0; padding: 0; border-style: none; position: relative;}
 
 
#infoupper p {color: #000; font-size: 13px; margin: 10px 318px;}

#infoupper span.infoheadline {margin: 0; padding: 0; position: absolute; top: 123px; left: 318px; bottom: auto; right: auto;
 font-size: small; font-weight: bold; background: none; color: #339900;}
#infoupper div.infocopy {margin: 0 238px; padding: 0; background: transparent; color: #666; }

  /*end info master page area*/
 

  /* Begin footer */
#footercontainer {background-color: #fff; border-top: 2px solid #99CC66; 
height: 140px; width: auto; position: relative; text-align: center; margin: 0; padding: 0;}
 #footercontainer p {font-size: xx-small; font-weight: normal; line-height: 18px; background: #fff; color: #000; margin: 0; padding: 0; } 
 #footercontainer p a:visited {background: #fff; color: #339900;}
 #footercontainer p a:hover {background: #fff; color: #99CC66;}
 #footercontainer p a:link {background: #fff; color: #666;}
 #footercontainer p.MBA {position: absolute; top: 35px; left: 10px; bottom: auto; right: auto; border-style: none;}
#footercontainer p.bbb {position: absolute; top: 70px; left: 570px; bottom: auto; right: auto; border-style: none;}
 #footer {margin-left: 165px; margin-top: 15px; padding-left: 3px; font-size: x-small; color: #ccc; background: #fff;}
 #footer li {list-style: none; float: left; width: 10%; border-left: 1px #ccc solid; white-space: nowrap;
 font-size: x-small; text-align: center;}
 #footer li a:visited {color: #339900;}
#footer li a:hover {color: #99CC66;}
#footer li a:link {color: #666;}
 #footer li.first {margin-left: 0; border-left: none; list-style: none; width: 11%;}
 #footer a {text-decoration: none; border-style: none; display: block; float: left; padding: 8px;}
 html > body #footer a {width: auto;} /* fixes IE6 hack*/
  /*Hides rule from IE5-Mac\*/
 #footer a  {float: none;}  /*End IE5-Mac hack */ 
  /* End footer */