body { margin:0; padding:0 ; background: #11673A; }

img { border:0; }

td { font-size: 2px; line-height: 2px; }

table { border-collapse: collapse; }

#mainWrapper { height: 100%; width:100%;}
#tWrapper { width: 100%; height: 100%; margin: auto 0;}

table#main  { width: 100%; border: 0; margin:0; }

#main, #menu, td {
	margin:0; padding:0;
}

#leftcol, #midcol { 
	vertical-align:top;
}

#midcol { 
	width: 480px !important; 
	background: #ECF4E5;
}
#leftcol, td.rightcol {
	background: white;
	text-align: center;
}
#leftcol {width: 39%; }
#leftgreenline { width: 18px; background: #40965C; }
td.rightcol {
	vertical-align: bottom;
}
#rfirst {	width: 20%; }
#rsecond { text-align:left; width: 20%; }

#logodiv { text-align: center; margin-top:100px; }


#toprow {
	background: #ECF4E5;
	height: 10px;
	line-height: 2px;
}

#textual { float: left; margin: 20px 5px 0 0; }
#midbottom { vertical-align: top;}
#leftright { text-align: right; margin-right: 125px;vertical-align: bottom;}

#littleimages { float: right;  text-align: right; margin: 10px 10px 0 0;}
div.thumb { position: relative; margin:10px 10px 20px 0;  width: 60px; height: 40px; }
div.thumb img { border: 2px solid white; width: 60px; height: 40px; }
div.thumb:hover { cursor: crosshair; }

.bottomrow { background: #BFDAA9; height: 12px; }

#menu { position: relative; width: 100%; border-collapse:collapse; right: 18px; left:0;}
#mmidcol { background: #40965c; }
#mleftcol { width: 10px; background: #C2e1c1; }
#mrightcol { width: 65%; }

.melem { display: block; width: 100%; height: 20px; background-position: top left; background-repeat: no-repeat; }
.mselected { background-color:  #40965C; }
.melem:hover {background-color:  #40965C; }

.mlpadder { width: 5px; height:20px;  background: #006639; float: right; } 


#mhome { background-image: url(images/menuhome.gif); }
#mhome:hover, #mhomes { background-image: url(images/menuhome-o.gif); }
#mabout { background-image: url(images/menuabout.gif); }
#mabout:hover, #mabouts { background-image: url(images/menuabout-o.gif); }
#mdesign{ background-image: url(images/menudesign.gif); }
#mdesign:hover, #mdesigns { background-image: url(images/menudesign-o.gif); }
#mconven { background-image: url(images/menuconven.gif); }
#mconven:hover, #mconvens { background-image: url(images/menuconven-o.gif); }
#menviro { background-image: url(images/menuenviron.gif); }
#menviro:hover, #menviros { background-image: url(images/menuenviron-o.gif); }
#mcost { background-image: url(images/menucost.gif); }
#mcost:hover, #mcosts { background-image: url(images/menucost-o.gif); }

.mclean { clear:both; height: 10px; }

#downloads { width:100%; text-align: center; margin: 10px 0; }
#downloads img {margin: 15px auto; width: 80px; height: 80px;}

#contactt { width: 100%; margin: 5px 0; font-family: arial, helvetica, sans-serif; color: #006639;  } 
#contactt th { font-size: 12px; font-weight: normal; text-align: left; line-height: 14px; padding: 5px; padding-left: 20px; }
#contactt td { font-size: 12px; font-weight: normal; text-align: left; line-height: 14px; padding: 2px 5px; }
#contactt td.first { text-align: left; padding-left:20px; padding-right: 10px; width: 35%; }

#contactt input[type='text'] { width: 200px; border: 2px inset #006639; color: #006639; background:white; }
#contactt textarea { width: 200px; height: 100px; border: 2px inset #006639; color: #006639; background:white; }

div.norm { font-size: 12px; font-weight: normal;  color: #006639; line-height: 14px; font-family: arial, helvetica, sans-serif;  }
div.err { border: 2px solid red; background: orange; color: black; }
div.thank { padding: 20px; }

/*
.menuelemimg { width: 140px; height: 20px; }
.mclean { background: white; clean:both; height: 10px; }
.mrpadder { width: 150px; height:20px; float: left; }

.melem { height: 20px;}
.melem:hover { background: #3A7B3A; }


#mehome { height: 20px; background: url(images/menuhome.jpg) 10% 0  no-repeat;}
#mehome:hover { background: url(images/menuhome-o.jpg) 10% 0 no-repeat; } 



*/