@import url('reset.css');
@import url('typography.css');
@import url('forms.css');

/* CSS Document */
body, html {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	color: #000;
	font: 1em Arial, Helvetica, sans-serif;
	height:100%;
}

#outer {
	height:100%;
	min-height:100%;/*for mozilla*/
	background: #DDEDE4;
	text-align: center;
}

#rightcol img {
	padding: 1px;
	border: 3px solid #EEF6F1;
}

html>body #outer {height:auto}

#main-col{
	width: 931px;
	margin: 0 auto;
	text-align: left;
	font-size: 1em;
	color: #666;
	background: #fff;
	

}
#header {
	background: url(../images/header.jpg);
	width: 931px;
	height: 171px;
}
a#logo-link h1{
	display: block;
	width: 400px;
	height: 135px;
	float: left;
	text-indent: -5000px;
	outline: none;
}
/****************Left Col*************************/
#leftcol {
	width: 222px;
	padding: 15px 0 0 10px;
	margin: 0;
	float: left;
}

#nav {
	clear: both;
}
#newsletter {
	clear: both;
	background: #EEF6F1;
	border: 1px solid #ccc;
	padding: 20px;
}
#home-logos {
	clear: both;	
}
/**************Right Col********************/
#rightcol {
	width: 685px;
	float: right;
}
#content {
	width: 685px;
	margin: 0;
	line-height: 18px;
}
#content p {
	font: .8em Arial, Helvetica, sans-serif;
	color: #666;
	padding: 10px 20px 10px 20px;
}
#content td {
	font: Arial, Helvetica, sans-serif;
}
#home-content {
	float: left;
	width: 440px;


}
#home-content p {
		line-height: 15px;
}
#president {
	display: block;
	float: right;
	top: 0 !important;
	top/**/: 0px;
	margin: -171px 0 0 0 !important;
	margin/**/: 0;
	position: relative !important;
	position/**/: absolute;
	background: url(../images/president.gif);
	width: 242px;
	height: 418px;
}
p#inm {
	margin: 4px 30px;
	padding: 10px 25px;
	background: url(../images/inm-bg.gif) left no-repeat #EEF6F1;
}

a img { text-decoration: no; border: none}

/************Callouts***********************/
#wholesale h2, #services h2, #green h2 {
	font: normal 1.5em "Arial Narrow", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #fff;
	margin: 10px 0 18px 18px;
	padding: 0;
	line-height: .9em;
}
#wholesale a, #services a, #green a {
	color: #3374b1;
	text-decoration: none;
	font-weight: bold;
	
}
#wholesale a:hover, #services a:hover, #green a:hover {
	color: #EFA500;
	text-decoration: none;
	font-weight: bold;
	
}
#services h2, #green h2 {
	font: normal 1.5em "Arial Narrow", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #fff;
	margin: 20px 0 30px 18px;
	padding: 0;
	line-height: .9em;
}
#wholesale ul, #services ul, #green ul {
	list-style-image: url(../images/check.gif);
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #3374b1;
	margin-top: 5px;
	margin-bottom: 5px;
	

}
#wholesale {
	background: url(../images/wholesale.gif);
	width: 227px;
	height: 276px;
	float: left;
}
#services {
	background: url(../images/services.gif);
	width: 221px;
	height: 274px;
	float: left;
}
#green {
	background: url(../images/green.gif);
	width: 220px;
	height: 276px;
	float: left;
}

#wholesale p, #services p, #green p {
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0px 20px;
	padding: 0;
	line-height: 14px;

}
#tail {
	background: url(../images/tail.gif);
	height: 16px;
	clear: both;
}

/***************Footer******************/
#footer {
	height: 79px;
	font-size: 9px;
	color: #42B476;
	text-align: center;
	clear: both;
	padding: 10px;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited {
	font-size: 9px;
	color: #42B476;
}
/****************************************/


.cleaner {
	clear: both;
	height: 0;
}

.testimonials td {
	background: #EEF6F1;
	margin: 1px;
	border: 1px solid #ccc;
	padding: 2px;
}

table {
  border-collapse: collapse;
  width: 55em;
  border: 1px solid #666;
  font : 71.5%/1.7 Verdana, Arial, Helvetica, sans-serif; 
  color : #333;
  margin: 5px;
}

.nobord table {
  border-collapse: collapse;
  border: 0px;
  width: 35em;
}

.table_text {
  font-size: 1.2em
}
caption {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

col {
  border-right: 1px solid #ccc;
}

thead {
  background: #ccc url(../images/bar.gif) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

th {
  font-weight: bold;
  text-align: left;
}

th, td {
  padding: 0.1em 1em;
}

.odd {
  background-color:#cadada;
}

thead tr:hover {
  background-color: transparent;
  color: inherit;
}
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.group {
	zoom: 1;
	display: block;
}