@charset "utf-8";
body {
	font: 13px/20px Georgia, "Times New Roman", Times, serif;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #231f20;
}
#container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #999;
	text-align: left;
}
#header {
	background: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
 
#header .banner {
	margin: 0px;  
	padding: 0px;
 
}





#mainContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #d5cfb6;
	margin: 0px;
}
#mainContent .banner img{
	margin: 0px; 
	padding: 0px;
	border-top: 2px solid #FFF;
	border-right: 0px solid #FFF;
	border-bottom: 2px solid #FFF;
	border-left: 0px solid #FFF;
}


#rightSidebar{
	float:right;
	width:130px;
	margin: 0px;
	padding: 0px 0px 0px 10px;

}

#bodyContent {
	padding: 0px 75px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #d5cfb6;
	margin: 0px;
}

#bodyContent h3{
	color:#0e8040;
	font: 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#bodyContent a{
	color:#0e8040;
	text-decoration:none;
}
#bodyContent a:hover{
	color:#0e8040;
	text-decoration:underline;
}



#bodyContent img{
	border:none;
}


#bodyContent .textleader{
	font: bold 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.textleader{
	font: bold 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#bodyContent .callout{
	color:#0e8040;
	font-size: 16px;
	line-height: 20px;
}



#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFF;
	font: 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 10px;
}

#footer .woodward {
	color:#231f20;
	text-decoration: none;
}


#footer a:hover {
	color:#231f20;
	text-decoration: underline;
}







#product-navigation, 
#product-navigation a,
#product-navigation a:link {
	text-transform: uppercase;
	font: bold 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #0E8040;
	margin: 0px;
	padding: 0px 0px 10px;
	vertical-align: top;
	}

#product-navigation a:hover {
	text-decoration: underline;
	}

.photo-right {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.photo-right img {
	border: 1px solid #FFF;
	margin: 0px 0px 10px;
	padding: 0px;
 }



.photo-left {
	float:left;
 
}

.photo-right img {

 }



.two-col-list { 
width:275px;
float:left;
}

.two-col-list li {
	margin:0px;
	padding:0 5px 0 0;
}

.product-logos-wrapper {
	background: #FFF;
	width:550px;
	height:350px;
}


.product-logos {
	width:100px;
	height:75px;
	float:left;
	overflow:hidden;
	padding: 5px;
}


/* common menu styling */
.menu {
	font: 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:900px;
	height:50px;
	position:relative;
	z-index:100;
	background-color:#d5cfb6;
}


.menu ul li a,
.menu ul li a:visited 

{
	display:block;
	color: #494949;
	text-decoration:none;
	width:80px;
	height:50px;
	text-align:center;
  	background:#d5cfb6;
	line-height:50px;
	overflow:hidden;
	border-right: 1px solid #d5cfb6;
	border-left: 1px solid #d5cfb6;
 	}

.menu ul {
	padding:0 0 0 75px;
	margin:0;
	list-style: none;
}
.menu ul li {float:left; position:relative;}

.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {
	color: #FFF;
	background: #b2aa7e;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;}

.menu ul li.current-page a{
	color: #FFF;
	background: #b2aa7e;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

.menu ul li a.nav-industry{ width:120px;
}

.menu ul li a.nav-testimonial{ width:120px;
}





.clearleft{clear:left;
}
.clearall {clear:both;
}