html {height: 100%;}
body {height: 100%;  margin: 0px; font-size: 11px; font-family: Tahoma; color: #3c3f31;}


/* ===== Main NBD ===== */
#container {width: 100%; margin:0px auto; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -24px; background: #f9f7ef url(img/bg.gif);}
#container #top {height: 10px; background: #669900;}

#mainrow {width: 100%; background: #f9f7ef url(img/bg_introrow.gif) bottom repeat-x;}
#main {width: 982px; margin: 0px auto; overflow: hidden;}
#main #menu {width: 266px; height: 19px; margin-left: 475px;}
#main #menu #menuleft {float: left; width: 5px; height: 19px;}
#main #menu #menumid {float: left; width: 256px; background: #669900; height: 19px;}
#main #menu #menumid .home {float: left; margin-left: 15px;}
#main #menu #menumid .aboutus {float: left; margin-left: 20px;}
#main #menu #menumid .contactus {float: left; margin-left: 23px;}
#main #menu #menuright {float: left; width: 5px; height: 19px;}

#main #logos {height: 57px; margin-top: 10px;}
#main #logos #naturebydesign {float: left; width: 163px; padding-left: 71px;}
#main #logos #naturelandscapes {float: left; width: 139px; padding-left: 521px;}

#main #contentrow_home {width: 980px; height: 550px; margin-top: -1px;}
#main #contentrow_internal {width: 982px; height: 473px; margin-top: 37px; margin-bottom: 11px; overflow: hidden;}
#main #contentrow_internal #content {width: 539px; height: 419px; background: url(img/internal_content_bg.jpg) no-repeat; padding-left: 71px; padding-right: 372px; padding-top: 20px; padding-bottom: 34px;}
#main #contentrow_internal #header {width: 159px; height: 47px;}
#main #contentrow_internal #form_contact {font-size: 11px;}
#main #contentrow_internal #form_contact .left {float: left; width: 70px; margin-bottom: 5px;}
#main #contentrow_internal #form_contact .name {float: left; width: 300px; font-size: 11px;}
#main #contentrow_internal #form_contact .email {float: left; width: 300px; font-size: 11px;}
#main #contentrow_internal #form_contact .contact {float: left; width: 300px; font-size: 11px;}
#main #contentrow_internal #form_contact .enquiry {float: left; width: 300px; font-size: 11px; height: 60px;}
#main #contentrow_internal #form_contact .submit {float: left; margin-left: 302px; margin-top: 5px;}

#main #contentrow_black {width: 982px; margin: 0px auto; margin-top: 37px; margin-bottom: 11px; background: url(img/black_mid.gif) repeat-y;}
#main #contentrow_black #blacktop {width: 982px; height: 20px;}
#main #contentrow_black #blackmid {width: 840px; padding-left: 71px; padding-right: 71px; padding-bottom: 34px; background: url(img/black_btm.gif) bottom no-repeat;}

#main .divider {width: 100%; height: 2px; background: url(img/divider.gif) repeat-x;}
#main .subheader {font-size: 16px; font-weight: bold; color: #669900; font-family: Arial; }
#main .contenttext {font-size: 12px; font-family: Arial; color: #a2a2a2; line-height: 18px; margin-top: 11px;}

#main #footer {height: 21px; color: #f7f4e6; font-family: Arial; font-size: 11px; padding-bottom: 37px;}
#main #footer a {color: #88cc00; text-decoration: underline;}

/* ===== Utility ===== */
img {border: 0px;}
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 20px 5px 0px;}
img.floatright {float: right; margin: 0px 0px 5px 20px;}
img.whiteborder {border: 0px solid white;}

a {color: #8dcf3a; text-decoration: underline;}
a:hover {color: #FFFFFF; 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: 10px 0px; border: 0px; border-bottom: 1px solid white; 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: 11px;}

.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;}
