@import url("css/reset.css");

/*	= SITE COLORS
------------------------------------------------------------------*/


/*	= GLOBAL STYLES
------------------------------------------------------------------*/
a {
	text-decoration: none;
	color: #000;
}

hr { clear: both; }

table {
	border: 2px solid #FFF;
	border-collapse:collapse;

}
td {
	font-weight: normal;
	font-size: 14px;
	padding: 5px 10px;
	border: 2px solid #FFF;
}
sup {
	font-size: 7pt;
}

a:hover {
	color: #848585;
}
.hidden {
	display:none;
}
.overflow-auto {
	overflow: auto;
}
.clear {
	clear:both;
}
.left {
	float:left;
}
.right {
	float: right;
}
strong {
	font-weight: bold;
}
em {
	font-style:italic;
}
.linklove {
	display: none;
}
html {
	background-color: #40403f;
}
.social-media-link.twitter {
	background-image: url(images/twitter_23x23.jpg);
}
.social-media-link.facebook {
	background-image: url(images/facebook_23x23.jpg);
}
.social-media-link {
	background: none no-repeat scroll left top;
	text-indent: -9000px; display: block;
	height: 23px;
	width: 23px;
	float: left;
}
.social-media {
	float: right;
	clear: right;
	margin-right: 10px;
}
.white {
	color: #FFF !important;
}
.gray { color: #A1A1A1; }

h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

body {
	background: #404040 url(images/main_bg.jpg) repeat-x top;
	color: #FFF;
}
#header {
	width: 980px;
	margin: 0 auto;
}
	#header h1#logo { 
		float: left;
	}
	#header h1 a {
		display: block;
		background: url(images/logo.jpg);
		width: 244px;
		height: 140px;
		margin-left: 42px;
	}
	#nav_main {
		float: left;
		margin-top: 15px;
	}
		#nav_main li {
			float: left;
			margin-left: 5px;
			padding-left: 5px;
			border-left: 1px solid #FFF;
			font-size: 14px;
			position: relative;
			z-index: 299;
		}
		#nav_main li.first {
			border-left: medium none;
		}
			#nav_main li a {
				color: #FFF;
			}
			#nav_main li a:hover {
				color: #CCC;
			}
			#nav_main li ul.drop-down {
				display: none;
				position: absolute;
				padding-bottom: 5px;
				padding-top: 5px;
			}
			#nav_main li ul li {
				border-left: medium none;
				margin: 0;
				float: left;
				clear: left;
				padding-left: 0;
				background-color: #4A4A4A;
				z-index: 300;
			}
				#nav_main li ul li ul {
					position: absolute;
					display: none;
					top: 0 !important;
					left: 190px !important;
					z-index: 200 !important;
					padding-top: 0 !important;
					padding-bottom: 0 !important;
				}
				#nav_main li ul li a {
					display: block;
					padding: 5px 10px;
					width: 170px;	
				}
				.drop-down li a:hover {
					background-color: #31710B;
					color: #FFF;
				}

				
	#nav_main li ul.biobased-sectors li {
		background-color: #404040;
	}
		#nav_main li ul.biobased-sectors li a {
			padding: 5px 30px;
		}
		#nav_main li ul.biobased-sectors li a:hover {
			background-color: #404040;
			color: #699C33;
		}

		#nav_main li ul.biobased-sectors li a.federal {
			display: block;
			background: url(images/about_biobased_icons.jpg) no-repeat 5px 6px;
			padding-top: 7px !important;
		}
		#nav_main li ul.biobased-sectors li a.state {
			display: block;
			background: url(images/about_biobased_icons.jpg) no-repeat 7px -21px;
		}
		#nav_main li ul.biobased-sectors li a.local {
			display: block;
			background: url(images/about_biobased_icons.jpg) no-repeat 5px -48px;
			height: 16px;
		}
		#nav_main li ul.biobased-sectors li a.private {
			display: block;
			background: url(images/about_biobased_icons.jpg) no-repeat 7px -72px;
			padding-bottom: 7px !important;
		}
	#cse-search-box {
		float: left;
		margin-left: 406px;
		margin-top: 33px;
		position: relative;
	}
		#cse-search-box div span {
			background: url(images/search_bg.jpg) no-repeat scroll left top !important;
			border: medium none !important;
			display: block;
			width: 247px !important;
			padding-top: 10px !important;
			
		}
		#cse-search-box div span input {
			background: none;
			border: medium none;
			width: 210px !important;
			margin-left: 10px;
			height: 23px;

		}
		#cse-search-box div div#search_buttons {
			background: url(images/search_dropdown.jpg) no-repeat !important;
			width: 184px !important;
			position: relative !important;
			top: -3px;
			left: 28px !important;
			display: block;
		}
			#cse-search-box div div#search_buttons  input {
				padding: 0 !important;
				font-size: 12px !important;
			}
			#cse-search-box div#search_buttons  input.search-site{
				background: none !important;
				width: 80px !important;
				border: medium none;
				height: 27px;
			}
			#cse-search-box div div#search_buttons  input.search-products{
				background: none !important;
				width: 103px !important;
				margin-left: -3px !important;
				border: medium none;
				height: 27px;
			}
			#cse-search-box div div#search_buttons  input.search-site:hover{
				background: url(images/search_dropdown_hover.jpg) no-repeat left top !important;
				cursor: pointer;
				color: #FFF;
			}
			#cse-search-box div div#search_buttons  input.search-products:hover{
				background: url(images/search_dropdown_hover.jpg) no-repeat right !important;
				cursor: pointer;
				color: #FFF;
			}

#content_wrapper {
	width: 784px;
	margin: 0 auto;
}
	#content_container {
		background: url(images/content_transparent_bg.png);
		overflow: auto;
		width: 784px;
	}
		#content_container #content #col_main h1,
	#content_container #content #col_main h2,
	#content_container #content #col_main h3,
	#content_container #content #col_main h4,
	#content_container #content #col_main h5,
	#content_container #content #col_main h6 {
		margin-bottom: 10px
	}
		#content_container #content #col_main ul li {
			list-style-type: disc;
			line-height: 1.3em;
			margin-bottom: 5px;
		}
		#content_container #content #col_main ul {
			padding-left: 24px;
			margin-bottom: 8px;
		}
		#content_inner {
			margin: 0 10px 0 10px;
			border-left: 2px solid #FFF;
			border-right: 2px solid #FFF;
		}
		#content_top {
			background: url(images/content_top.jpg) no-repeat top;
		}
		#content_container #content_top h2.biobased-solutions {
			background: url(images/sub_page_biobased_header.jpg) no-repeat 476px 34px;
			height: 85px;
			text-indent: -9000px;
		}
		#content_container #content_top h2.page-title {
			float: left;
			font-size: 20px;
			padding: 20px 0 0 35px;
            line-height: 125%;
            width: 425px;
			color: #a3d645;
		}

		#content {
			background: #404040;
			overflow: hidden;
		}

		#rotator {
			position: relative;
			width: 760px;
			height: 230px;
			float: left;
			overflow: hidden;
			z-index: 1;
		}
			#rotator .cycler {
				z-index: 2;
			}
			#rotator .cycle_controls {
				position: absolute;
				bottom: 60px;
				right: 20px;
				z-index: 1000;
			}
				#rotator .cycle_controls .cycle-button,
				#rotator .cycle_controls .cycle_pager {
					float: left;
				}
				#rotator .cycle_controls .cycle-button,
				#rotator .cycle_controls .cycle_pager a {
					padding: 2px 6px;
					margin: -2px 3px 0;
					background-color: #6FB300;
					color: #FFF;
					
				}
					#rotator .cycle_controls .cycle_pager a:hover {
						color: #CCC;
					}
#content ol li{
	list-style-type: decimal;
}
#content p {
	margin-bottom: 10px;
}
#content #col_main h2,
#content #col_main h3{
	margin-bottom: 10px;
}
		#content_main{
			float: left;
			width: 713px;
			overflow: auto;
			margin-left: 25px;
			
		}
				#content_main .blog li {
					padding: 2px 0;
				}
				#content_main .blog li a {
					color: #FFF;
				}
					#content_main .blog li a:hover {
						color: #A1A1A1;
					}
			#content_main #about_biobased {
				background: url(images/about_biobased_bg.jpg) no-repeat scroll left top;
				height: 222px;
				width: 184px;
				float: left;
				padding: 25px 20px 10px
			}
				#content_main #about_biobased a {
					color: #FFF;
					font-weight: bold;
				}
					#content_main #about_biobased a:hover {
						color: #A1A1A1;
					}

			#content_main #whats_new {
				background: url(images/whats_new_bg.jpg) no-repeat scroll left top;
				float: left;
				height: 222px;
				width: 184px;
				margin: 0 20px;
				padding: 25px 20px 10px
			}
			#content_main #featured_case_studies {
				background: url(images/case_study_bg.jpg) no-repeat left top;
				float: left;
				height: 222px;
				width: 184px;
				padding: 25px 20px 10px
			}
				#content_main #featured_case_studies a {
					color: #FFF;
					font-weight: bold;
					display: block;
					margin-bottom: 5px;
				}
					#content_main #featured_case_studies a:hover {
						color: #A1A1A1;
						display: block;
					}
					#content_main #featured_case_studies a:hover {
						color: #A1A1A1;
					}
.excerpt {
	margin-left: 10px;
}
.blog-posts {
	float: left;
	margin-top: 30px;
	padding: 0 20px;
	width: 180px;
}
	.blog-posts a {
		color: #FFF;
	}
		.blog-posts a:hover {
			color: #FFF;
			color: #BBB;
		}
#footer {
	background: url(images/footer_bg.jpg) no-repeat scroll left top;
	height: 108px;
}
	#footer p {
		float: left;
		margin-top: 58px;
		margin-left: 34px;
		font-weight: bold;
		font-size: 11px;
		color: #8F8E8E;
	}

body.subpage #content_container #content_top {

}
body.subpage #col_container  {
	background: url(images/content_bg_slice.png) repeat-y scroll left top;
	overflow: auto;
}
	body.subpage #content {
		background: url(images/about_usb_bg.jpg) no-repeat left top;
		padding-left: 30px;
		padding-top: 150px;
		min-height: 365px;
	}
		body.subpage #col_main {
			float: left;
			width: 535px;
		}
			body.subpage #col_main h1,
			body.subpage #col_main h2,
			body.subpage #col_main h3,
			body.subpage #col_main h4,
			body.subpage #col_main h5,
			body.subpage #col_main h6 {
				color: #878282;
			}
			body.subpage #col_main a {
				color: #53931D;
			}
				body.subpage #col_main a:hover {
					color: #A1A1A1;
				}
			
		body.subpage #col_right {
			float: right;
		}
			body.subpage #col_right ul {
				float: right;
				background: #54991C;
			}
				body.subpage #col_right ul li {
					width: 160px;
					overflow: auto;
					border-bottom: 1px solid #404040;
					padding-left: 15px;
					padding-bottom: 10px;
				}
				body.subpage #col_right ul li h1,
				body.subpage #col_right ul li h2,
				body.subpage #col_right ul li h3,
				body.subpage #col_right ul li h4,
				body.subpage #col_right ul li h5,
				body.subpage #col_right ul li h6	{
					color: #FFF;
					margin-top: 10px;
					margin-bottom: 5px;
				}
					body.subpage #col_right ul li ul li {
						overflow: hidden;
						border-bottom: medium none;
						padding-bottom: 0px;
						padding-left: 0px;
					}
					body.subpage #col_right ul li p {
						color: #FFF;
						font-weight: bold;
						float: left;
						font-size: 13px;
						margin-top: 7px;
					}
					body.subpage #col_right ul li a {
						color: #FFF;
						float: left;
						font-size: 13px;
						padding-top: 7px;
					}
					body.subpage #col_right ul li a:hover {
						color: #DDD;
					}	
						body.subpage #col_right ul li.whats-new {
							overflow: auto;
						}
						body.subpage #col_right ul li.whats-new ul {
							display: block;
							background: url(images/whats_new_sp_bg.jpg) no-repeat center bottom;
							min-height: 75px;

						}
						body.subpage #col_right ul li.newsletters {
							overflow: auto;
						}
						body.subpage #col_right ul li.newsletters ul {
							display: block;
							background: url(images/newsletters_sp_bg.jpg) no-repeat center bottom;
							min-height: 75px;

						}
						body.subpage #col_right ul li.featured-case-studies ul {
							display: block;
							background: url(images/featured_case_studies_sp_bg.jpg) no-repeat center bottom;
							min-height: 76px;
						}
							body.subpage #col_right ul li.featured-case-studies ul li {
								padding-right: 20px;
								width: 140px;
							}
								body.subpage #col_riht ul li.featured-case-studies ul li a {
									text-decoration: underline;
								}

body.subpage a.home {
	margin-top: 15px;
	margin-left: 4px;
	color: #FFF;
	font-size: 16px;
	display: none;
}
body.subpage #logo a {
	margin-left: 42px;
}

body.subpage #footer {
	background: url(images/sb_footer_bg.jpg) no-repeat top;
}

body.home #content_container #col_right {
	background: url(images/case_study_bg.jpg) no-repeat scroll left top;
	float: left;
	height: 257px;
	width: 224px;
}
body.home .blog p {
	padding-right: 20px;
}
body.home #content_container #content_top h2 {
	background: url(images/home_page_biobased_header.jpg) no-repeat 35px 33px;
}

body.find-products #col_main h1,
body.find-products #col_main h2,
body.find-products #col_main h3,
body.find-products #col_main h4,
body.find-products #col_main h5,
body.find-products #col_main h6 {
	margin-top: 10px;
}



body.search #content {
	padding-left: 20px;
}
body.search iframe {
	width: 720px;
	margin-top: 40px;
}
body.search #col_container {
	background: #404040 none;
}
body.search #footer {
	background: url(images/footer_bg.jpg) no-repeat scroll left top;

}

/*biobased blog*/

.blog-entry {
	margin-top: 30px;
	overflow: auto;
}
	.blog-entry div.author-photo {
	}
	.blog-entry div.more-link {
		float: left;
	}
	.blog-entry div.excerpt {
		width: 370px;
		margin-left: 15px;
		margin-top: 5px;
	}
	.blog-entry h3 {
		float: left;
		margin-left: 15px;
	}

/* case study blog */
	.case-study {
		float: left;
		margin-bottom: 25px;
		margin-top: 25px;
	}
		.case-study div.study {
			width: 550px;
		}
		.case-study .more-link {
			float:left;
		}
.featured-icon {
	background: url(images/case_studies_blog_icon.jpg) no-repeat center top;
	height: 129px;
	width: 126px;
	margin-right: 20px;
	padding-bottom: 20px;
}
.federal-icon {
	background: url(images/federal_icon.jpg) no-repeat center top;
	height: 124px;
	width: 126px;
	margin-right: 20px;
	padding-bottom: 20px;
}
.federal-icon h3{
	margin-top: -25px
}
.state-icon {
	background: url(images/state_icon.jpg) no-repeat center top;
	height:129px;
	width: 126px;
	margin-right: 20px;
	padding-bottom: 20px;
}
.state-icon h3{
	margin-top: -25px
}
.local-icon {
	background: url(images/local_icon.jpg) no-repeat center top;
	height: 134px;
	width: 126px;
	margin-right: 20px;
	padding-bottom: 20px;
}
.local-icon h3{
	margin-top: -25px
}
.private-icon {
	background: url(images/private_icon.jpg) no-repeat center top;
	height:147px;
	width: 126px;
	margin-right: 20px;
	padding-bottom: 20px;
}
.private-icon h3{
	margin-top: -25px
}
	
/* PAGE IMAGES CODE */
	
body.about-usb #content,
body.parent-about-usb #content
body.grandparent-about-usb #content	{
	background: url(images/about_usb_bg.jpg) no-repeat left top;
}
body.category-about-biobased #content,
body.parent-about-biobased #content,
body.grandparent-about-biobased #content {
	background: url(images/about_biobased_header_bg.jpg) no-repeat left top;
}	
body.biobased-uses #content,
body.parent-biobased-uses #content,
body.grandparent-biobased-uses #content {
	background: url(images/biobased_uses_bg.jpg) no-repeat left top;
}
body.category-biobased-blog #content,
body.parent-blog #content,
body.grandparent-blog #content {
	background: url(images/blog_bg.jpg) no-repeat left top;
}
body.category-featured-case-studies #content,
body.parent-case-studies #content,
body.grandparent-case-studies #content {
	background: url(images/case_studies_bg.jpg) no-repeat left top;
}
body.find-products #content,
body.parent-find-products #content,
body.grandparent-find-products #content {
	background: url(images/find_products_bg.jpg) no-repeat left top;
}
body.about-biobased #content,
body.parent-about-biobased #content,
body.grandparent-about-biobased #content {
	background: url(images/newsletters_bg.jpg) no-repeat left top;
}
body.resources #content,
body.parent-resources #content,
body.grandparent-resources #content {
	background: url(images/resources_bg.jpg) no-repeat left top;
}
body.sustainability #content,
body.parent-sustainability #content,
body.grandparent-sustainability #content {
	background: url(images/sustainability_bg.jpg) no-repeat left top;
}
body.category-whats-new #content,
body.parent-whats-new #content,
body.grandparent-whats-new #content {
	background: url(images/whats_new_header_bg.jpg) no-repeat left top;
}
/* Soy Products Catalogue */
body.soy-products-catalogue h2.content-header {
	display: none;
}
/* WORDPRESS CODE */
.wp-caption  {
    -moz-border-radius:3px 3px 3px 3px;
    background-color:#4F4F4F;
    border:1px solid #333;
    margin:10px;
    padding-top:4px;
    text-align:center;
}


.alignleft img, .alignright img {
    margin-bottom: 3px;
    margin-top: 3px;
}

.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.wp-caption {
	padding: 0 10px;
}
.size-medium {
	padding-bottom: 10px;
}
.email-address {
	margin-bottom: 4px;
}
.newsletter-signup {
	width: 140px;
	margin-bottom: 10px;
}
.signup-submit {
	margin-bottom: 10px;
}