/*
 *   blue: #435e9d
 */
 
body {
  margin: 0; padding: 0;
  font: 13px arial, sans-serif;
  line-height: 19px;
  color: #444;
  background: #fff; /* url(images/dia.gif) repeat; */
}

img { border: 1px solid #ccc; padding: 1px; }

h1 {
  font: 17px arial, sans-serif; font-weight: bold;
  color: #444;
  margin: 0 0 1em 0; padding: 0;
}

h1 img { border: none; padding: 0; }

h2 {
  font: 15px arial, sans-serif; font-weight: bold;
  color: #444;
  margin: 0 0 1em 0; padding: 0;
}

h3 {
  font: 13px georgia, serif; font-weight: bold;
  color: #444; font-weight: bold; font-style: italic;
  margin: 1em 0; padding: 0;
}

a { text-decoration: none; }

a:link    { color: #435e9d; }
a:active  { color: #435e9d; }
a:visited { color: #435e9d; }
a:hover   { color: #666; text-decoration: underline; }

.attn { color: #900; font-weight: bold;}
		
#container {
  margin: 35px auto 0 auto; width: 800px; padding: 0;
  background: #fff url(images/side.gif) left repeat-y;
}
	
#hdr {
  border: 0; padding: 0;
  height: 102px;
  background: #fff url(images/ban.gif) top right no-repeat;
}

#logo { float: left; height: 102px; margin: 0; padding: 0; border: none; }

#nav { float: left; margin: 17px 0 0 0; padding: 0; width: 125px; }

#nav ul {
  height: 30px; width: 125px;
  margin-left: 0; padding-left: 0;
  list-style-type: none;
}

#navlist a {
  display: block;
  width: 125px;
  padding: 0 0 10px 0;
  text-align: left;
  text-decoration: none;
}

#navlist a:hover, #navlist a#active:hover { background-position: 0 -30px; }
#navlist a:active, #navlist a#active      { background-position: 0 -60px; }

#home      a { width: 125px; background: url(images/nav/home.gif)         top left no-repeat; }
#about     a { width: 125px; background: url(images/nav/about.gif)        top left no-repeat; }
#portfolio a { width: 125px; background: url(images/nav/portfolio.gif)    top left no-repeat; }
#current   a { width: 125px; background: url(images/nav/current.gif)      top left no-repeat; }
#links     a { width: 125px; background: url(images/nav/links.gif)        top left no-repeat; }
#contact   a { width: 125px; background: url(images/nav/contact.gif)      top left no-repeat; }
#remodels   a { width: 125px; background: url(images/nav/remodels.gif)      top left no-repeat; }
#custom    a { width: 125px; background: url(images/nav/custom.gif)       top left no-repeat; }

#content {
  font-size: 110%;
  margin-left: 135px;
  padding: 16px 20px;
  text-align: left;
}

#pdsc     { float: left; width: 213px; }
#pcon     { float: right; width: 391px; }
#mainpic  { float: right; width: 391px; margin: 0 -4px 8px 0; }
.thumbpic { float: right; width: 121px; margin: 0 12px 0 0; }
.thumbend { float: right; width: 121px; margin: 0; }

#left { float: left; }

#right { float: right; }

#ftr {
  clear: both;
  padding-top: 15px;
  color: #999; background-color: transparent;
  text-align: left; line-height: 10px;
  font: 10px arial, sans-serif;
}

#ftr a:hover { text-decoration: underline; }

.l { float: left; margin-right: 10px; }
.r { float: right; margin-left: 10px; }
.nx { clear: both; margin: 0; }
.btfont { font-family: "Century Gothic", verdana, sans-serif; }
.faqent { font-size: 90%; margin-left: 25px; margin-right: 25px; }
.spacer { clear: both; }
.emph { font-weight: bold; font-style: italic; }
.cap { font-size: 9px; text-align: center; color: #999; }
.attn { color: #900; }
.hcap { width: 622px; margin: 2px auto; text-align: right; color: #999; line-height: 10px; font: 10px arial, sans-serif; }
.mb { margin-bottom: 25px;

ul.nobul { list-style-type: none; }
ul.nobul li { margin: 5px 0; }