html {height: 100%;}
body {height: 100%; background: #666769; margin: 0px; font-size: 12px; font-family: Arial; color: #000000; line-height: 18px;}

#bannerrow {width: 954px; height: 225px; margin: 0px auto;}
#bannerrow img {border: 0px; padding: 0px;}

#navrow {width: 954px; height: 54px; margin: 0px auto; background: url(img/navbg.gif) no-repeat;}
#navrow #nav {width: 717px; height: 54px; margin: 0px auto;}
#navrow img {border: 0px; padding: 0px;}

#bodyrow {width: 954px; background: url(img/bodyrowbg.gif) repeat-y; margin: 0px auto;}
#bodyrow #body {background: url(img/bodybg.gif) bottom no-repeat; min-height: 83px; height: auto !important; height: 83px;}

#narrowcolumn {float: left; width: 295px;}
#narrowcolumn img {border: 0px; padding: 0px;}

#narrowcolumn .drbatimage {width: 295px; height: 263px;}
#narrowcolumn .header {width: 87px; height: 13px; margin-left: 20px; margin-top: 10px;}
#narrowcolumn .email {font-size: 14px; color: #159d49; margin-left: 20px; margin-top: 5px;}

#widecolumn {float: left; width: 620px; margin-top: 27px;}
#widecolumn .hdr {margin-bottom: 6px; border: 0px; padding: 0px;}
#widecolumn .subheader{color: #079c42; font-size: 14px; font-weight: bold;}


#home #widecolumn img {border: 0px; padding: 0px;}
#home #widecolumn #reasons {margin-top: 12px;}
#home #widecolumn #findoutmore {margin-top: 10px; margin-bottom: 55px;}


#about #widecolumn .ta img {border: 0px; padding: 0px;}
#about #widecolumn .ta {width: 620px; border: 2px solid #159d49;}
#about #widecolumn .ta .tr-01 {height: 35px; background: #159d49;}
#about #widecolumn .ta .tr-01 .td-01 {float: left; width: 241px; padding: 8px; padding-left: 10px;}
#about #widecolumn .ta .tr-01 .td-02 {float: left; width: 337px; border-left: 2px solid #159d49; padding: 8px; padding-left: 11px;}

#about #widecolumn .ta .tr-odd {float: left; background: #ffffff;}
#about #widecolumn .ta .tr-odd .td-01 {float: left; width: 241px; padding: 10px;}
#about #widecolumn .ta .tr-odd .td-02 {float: left; width: 337px; border-left: 2px solid #159d49; padding: 10px;}

#about #widecolumn .ta .tr-odd .td-01-wborder {float: left; width: 241px; padding: 10px; border-right: 2px solid #159d49;}
#about #widecolumn .ta .tr-odd .td-02-nborder {float: left; width: 337px; border-left: 0px solid #159d49; padding: 10px;}

#about #widecolumn .ta .tr-even {float: left; background: #cce9d7;}
#about #widecolumn .ta .tr-even .td-01 {float: left; width: 241px; padding: 10px;}
#about #widecolumn .ta .tr-even .td-02 {float: left; width: 337px; border-left: 2px solid #159d49; padding: 10px;}

.about_video {background: black; padding: 0px; margin: 0px;}

#installation #widecolumn li {color: #d82027; font-weight: bold;}
#installation #widecolumn #surface {float: left; margin-right: 20px; margin-bottom: 50px;}
#installation #widecolumn #hanging {float: left; margin-right: 20px; margin-bottom: 50px;}


#projects #widecolumn .caption-01 {float: left; width: 250px; margin-right: 17px; font-size: 11px; font-weight: normal; color: #666769; line-height: 14px;}
#projects #widecolumn .caption-02 {float: left; width: 250px; font-size: 11px; font-weight: normal; color: #666769; line-height: 14px;}
#projects #widecolumn .caption-header {font-size: 12px; color: #666769; font-weight: bold;}

#projects #widecolumn .ta {width: 600px; border: 2px solid #159d49; text-align: center; color: black;}
#projects #widecolumn .ta img {border: 0px; padding: 0px;}
#projects #widecolumn .ta .tr-01 {height: 50px; padding-top: 2px; background: #159d49; overflow: hidden;}
#projects #widecolumn .ta .tr-01 .td-01 {float: left; width: 115px; padding: 8px; padding-left: 10px;}
#projects #widecolumn .ta .tr-01 .td-02 {float: left; width: 133px; border-left: 2px solid #159d49; padding: 8px; padding-left: 11px;}
#projects #widecolumn .ta .tr-01 .td-03 {float: left; width: 132px; border-left: 2px solid #159d49; padding: 8px; padding-left: 11px;}
#projects #widecolumn .ta .tr-01 .td-04 {float: left; width: 134px; border-left: 2px solid #159d49; padding: 8px; padding-left: 11px;}

#projects #widecolumn .ta .tr-odd {float: left; background: #ffffff;}
#projects #widecolumn .ta .tr-odd .td-01 {float: left; width: 115px; padding: 10px; background: #cce9d7;}
#projects #widecolumn .ta .tr-odd .td-02 {float: left; width: 133px; border-left: 2px solid #159d49; padding: 10px;}
#projects #widecolumn .ta .tr-odd .td-03 {float: left; width: 132px; border-left: 2px solid #159d49; padding: 10px; background: #cce9d7;}
#projects #widecolumn .ta .tr-odd .td-04 {float: left; width: 134px; border-left: 2px solid #159d49; padding: 10px;}

#projects #widecolumn .ta .tr-odd .td-01-wborder {float: left; width: 115px; padding: 10px; border-right: 2px solid #159d49; background: #cce9d7;}
#projects #widecolumn .ta .tr-odd .td-02-nborder {float: left; width: 133px; border-right: 0px solid #159d49; padding: 10px;}

#projects #widecolumn .ta .tr-even {float: left; background: #ffffff;}
#projects #widecolumn .ta .tr-even .td-01 {float: left; width: 115px; padding: 10px;}
#projects #widecolumn .ta .tr-even .td-02 {float: left; width: 133px; border-left: 2px solid #159d49; padding: 10px; background: #cce9d7;}
#projects #widecolumn .ta .tr-even .td-03 {float: left; width: 132px; border-left: 2px solid #159d49; padding: 10px;}
#projects #widecolumn .ta .tr-even .td-04 {float: left; width: 134px; border-left: 2px solid #159d49; padding: 10px; background: #cce9d7;}

#projects #widecolumn .ta .pseudomiddle {margin-top: 10px;}
#projects #widecolumn .ta .height {height: 36px;}


#general #widecolumn .caption {float: left; width: 516px; font-size: 11px; font-weight: normal; color: #666769; line-height: 14px;}

#general #widecolumn .ta {width: 620px; border: 2px solid #159d49;}
#general #widecolumn .ta .tr-01 {height: 33px; padding-top: 2px; background: #159d49; overflow: hidden;}
#general #widecolumn .ta .tr-01 img {border: 0px; padding: 0px;}
#general #widecolumn .ta .tr-01 .td-01 {float: left; width: 158px; padding: 8px; padding-left: 10px;}
#general #widecolumn .ta .tr-01 .td-02 {float: left; width: 201px; border-left: 2px solid #159d49; padding: 8px; padding-left: 11px;}
#general #widecolumn .ta .tr-01 .td-03 {float: left; width: 200px; border-left: 2px solid #159d49; padding: 8px; padding-left: 11px;}

#general #widecolumn .ta .tr-odd {float: left; background: #ffffff;}
#general #widecolumn .ta .tr-odd .td-01 {float: left; width: 156px; padding: 10px;}
#general #widecolumn .ta .tr-odd .td-02 {float: left; width: 200px; border-left: 2px solid #159d49; padding: 10px;}
#general #widecolumn .ta .tr-odd .td-03 {float: left; width: 200px; border-left: 2px solid #159d49; padding: 10px;}

#general #widecolumn .ta .tr-odd .td-01-wborder {float: left; width: 241px; padding: 10px; border-right: 2px solid #159d49;}
#general #widecolumn .ta .tr-odd .td-02-wborder {float: left; width: 200px; border-left: 2px solid #159d49; border-right: 2px solid #159d49; padding: 10px;}
#general #widecolumn .ta .tr-odd .td-03-nborder {float: left; width: 200px; border-left: 0px solid #159d49; padding: 10px;}

#general #widecolumn .ta .tr-even {float: left; background: #cce9d7;}
#general #widecolumn .ta .tr-even .td-01 {float: left; width: 156px; padding: 10px;}
#general #widecolumn .ta .tr-even .td-02 {float: left; width: 200px; border-left: 2px solid #159d49; padding: 10px;}
#general #widecolumn .ta .tr-even .td-03 {float: left; width: 200px; border-left: 2px solid #159d49; padding: 10px;}

#general #widecolumn .ta .tr-even .td-01-wborder {float: left; width: 241px; padding: 10px; border-right: 2px solid #159d49;}
#general #widecolumn .ta .tr-even .td-02-wborder {float: left; width: 200px; border-left: 2px solid #159d49; border-right: 2px solid #159d49; padding: 10px;}
#general #widecolumn .ta .tr-even .td-03-nborder {float: left; width: 200px; border-left: 0px solid #159d49; padding: 10px;}


#footerrow {width: 954px; height: 30px; background: url(img/footerrowbg.gif) no-repeat; margin: 0px auto;}
#footerrow #footer {width: 904px; font-family: Trebuchet MS; font-size: 11px; color: #b4dc68; margin: 0px auto; padding-top: 6px;}
#footerrow #footer #copyright {float: left;}
#footerrow #footer #siteby {float: right;}
#footerrow #footer #siteby a {text-decoration: none; color: #b4dc68;}
#footerrow #footer #siteby a:hover {text-decoration: underline; color: #b4dc68;}

#dropmenudiv {margin: -9px auto auto 0px; padding-left: 12px; padding-bottom: 10px; position: absolute; z-index: 100; background: url(img/nav_generalbg.gif) bottom left no-repeat;}
#dropmenudiv a {display: block; width: 114px; padding-top: 5px; padding-bottom: 5px;}
#dropmenudiv img {border: 0px; padding: 0px;}

ul {margin: 0px; padding: 0px; margin-top: 18px; margin-bottom: 18px;}
ul li {color: #d82027; margin-left: 30px; margin-bottom: 6px;}

ol {margin: 0px; padding: 0px; margin-top: 18px; margin-bottom: 18px;}
ol li {margin-left: 32px; margin-bottom: 6px;}

.botspacer {height: 125px; width: 1px;}

form div {margin-top: 20px;}
form div .formrow {clear: both; width: 100%; overflow: hidden; margin-bottom: 10px;}
form div .formrow label {width: 100px; float: left;}
form div .formrow input {width: 200px; float: left;}
form div .formrow textarea {width: 300px; height: 150px; float: left;}
form div .formrow .submit {width: 87px; height: 48px; margin-left: 100px;}

form .required {color: red;}

/* ===== Utility ===== */
img {border: 1px solid #b3b3b3; padding: 2px;}
img.png {behavior: url(iepngfix.htc);}
img.hr {display: block; clear: both; margin: 0px 0px 20px 0px; padding-top: 20px; text-align: left;}
img.floatleft {float: left; margin: 0px 10px 10px 0px;}
img.floatright {float: right; margin: 0px 0px 5px 20px;}
img.whiteborder {border: 0px solid white;}

a {color: #159d49; text-decoration: underline;}
a:hover {color: #000000; text-decoration: underline;}

th {font-size: 12px;}
td {color: #666666; font-family: arial; font-size: 12px;}
p {margin-bottom: 0px;}
blockquote {margin: auto 5%;}
hr {clear: both; display: block; width: 100%; height: 1px; margin: 5px 0px; border: 0px; border-bottom: 1px solid #b3b3b3; padding-bottom: 10px;}
ul.nomargin {margin: 0px; margin-left: 15px; padding: 0px;}
ol.nomargin {margin: 0px; margin-left: 30px; padding: 0px;}
form {margin: 0px;}
input, textarea, select {font-family: arial; font-size: 12px;}

.fullw {width: 100%;}
.fullh {height: 100%;}
.fixedw {width: 766px;}
.collapse {margin: 0px; border: 0px; border-collapse: collapse;}
.collapse td {padding: 0px; vertical-align: top;} /* set another class td to have padding to override */
.taleft {text-align: left;}
.tacenter {text-align: center;}
.taright {text-align: right;}
.vamiddle {vertical-align: middle;}
.floatleft {float: left;}
.floatright {float: right;}
.clearboth {clear: both;}
.displaynone {display: none;}
.row {clear: both; width: 100%; overflow: hidden;}

.bold {font-weight: bold;}
.clearboth {clear: both;}
.deadlink {color:#4e6b2a;}
.em {font-style: italic;}
.unbold {font-weight: normal; color: black;}
.noborder {border: 0px;}
