@import url('reset.css');

body {
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	background:#1a4230 url(../images/valley-bg-repeat.jpg) no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

a:link {
	text-decoration:none;
}
a:visited {
	color:white;
}
#container {
	margin:40px auto;
	width:1024px;
}
#flare {
	position:absolute;
	top:-20px;
	left:-21px;
	z-index:-20;
	width:1065px;
	height:780px;
}
#header {
	margin-bottom:6px;
	background:white;
	-webkit-box-shadow:0px -4px 16px 0px rgba(50, 98, 50, 0.75);
	-moz-box-shadow:   0px -4px 16px 0px rgba(50, 98, 50, 0.75);
	box-shadow:        0px -4px 16px 0px rgba(50, 98, 50, 0.75);
	border:1px solid green;
	overflow: hidden;
	height:125px;

}
#header img {
	margin-left: 80px;
	padding:15px;
	float: left;
}
#site-links {
	width:570px;
	float:right;
	overflow:hidden;
}
#site-affiliates {
	width:248px;
	margin:auto;
	overflow:hidden;
	padding-left: 60px;
}
#site-affiliates img {
	margin:auto;
}
#top-nav li {
	float:left;

	background:rgb(148,206,181); /* Old browsers */
	background:-moz-linear-gradient(top,  rgba(148,206,181,1) 0%, rgba(104,186,151,1) 0%, rgba(70,158,120,1) 7%, rgba(0,122,69,1) 32%, rgba(0,78,44,1) 71%, rgba(0,32,18,1) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,206,181,1)), color-stop(0%,rgba(104,186,151,1)), color-stop(7%,rgba(70,158,120,1)), color-stop(32%,rgba(0,122,69,1)), color-stop(71%,rgba(0,78,44,1)), color-stop(100%,rgba(0,32,18,1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  rgba(148,206,181,1) 0%,rgba(104,186,151,1) 0%,rgba(70,158,120,1) 7%,rgba(0,122,69,1) 32%,rgba(0,78,44,1) 71%,rgba(0,32,18,1) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  rgba(148,206,181,1) 0%,rgba(104,186,151,1) 0%,rgba(70,158,120,1) 7%,rgba(0,122,69,1) 32%,rgba(0,78,44,1) 71%,rgba(0,32,18,1) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  rgba(148,206,181,1) 0%,rgba(104,186,151,1) 0%,rgba(70,158,120,1) 7%,rgba(0,122,69,1) 32%,rgba(0,78,44,1) 71%,rgba(0,32,18,1) 100%); /* IE10+ */
	background:linear-gradient(to bottom,  rgba(148,206,181,1) 0%,rgba(104,186,151,1) 0%,rgba(70,158,120,1) 7%,rgba(0,122,69,1) 32%,rgba(0,78,44,1) 71%,rgba(0,32,18,1) 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#94ceb5', endColorstr='#002012',GradientType=0 ); /* IE6-9 */
}
#top-nav a{
	display:block;
	width:93px;
	padding:20px 0 20px 0;
	text-align:center;
	color:white;
	border:1px outset #008456;
}
#top-nav a:hover {
	background:rgb(181,221,210); /* Old browsers */
	background:-moz-linear-gradient(top,  rgba(181,221,210,1) 0%, rgba(131,199,180,1) 0%, rgba(82,178,151,1) 7%, rgba(0,138,99,1) 32%, rgba(0,88,63,1) 71%, rgba(0,36,26,1) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,221,210,1)), color-stop(0%,rgba(131,199,180,1)), color-stop(7%,rgba(82,178,151,1)), color-stop(32%,rgba(0,138,99,1)), color-stop(71%,rgba(0,88,63,1)), color-stop(100%,rgba(0,36,26,1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  rgba(181,221,210,1) 0%,rgba(131,199,180,1) 0%,rgba(82,178,151,1) 7%,rgba(0,138,99,1) 32%,rgba(0,88,63,1) 71%,rgba(0,36,26,1) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  rgba(181,221,210,1) 0%,rgba(131,199,180,1) 0%,rgba(82,178,151,1) 7%,rgba(0,138,99,1) 32%,rgba(0,88,63,1) 71%,rgba(0,36,26,1) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  rgba(181,221,210,1) 0%,rgba(131,199,180,1) 0%,rgba(82,178,151,1) 7%,rgba(0,138,99,1) 32%,rgba(0,88,63,1) 71%,rgba(0,36,26,1) 100%); /* IE10+ */
	background:linear-gradient(to bottom,  rgba(181,221,210,1) 0%,rgba(131,199,180,1) 0%,rgba(82,178,151,1) 7%,rgba(0,138,99,1) 32%,rgba(0,88,63,1) 71%,rgba(0,36,26,1) 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5ddd2', endColorstr='#00241a',GradientType=0 ); /* IE6-9 */
}
#top-nav a:active {
	border:1px inset #008456;
}
.current {
	color:white;
	background:rgb(181,221,210); /* Old browsers */
	background:-moz-linear-gradient(top,  rgba(181,221,210,1) 0%, rgba(131,199,180,1) 0%, rgba(82,178,151,1) 7%, rgba(0,138,99,1) 32%, rgba(0,88,63,1) 71%, rgba(0,36,26,1) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,221,210,1)), color-stop(0%,rgba(131,199,180,1)), color-stop(7%,rgba(82,178,151,1)), color-stop(32%,rgba(0,138,99,1)), color-stop(71%,rgba(0,88,63,1)), color-stop(100%,rgba(0,36,26,1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  rgba(181,221,210,1) 0%,rgba(131,199,180,1) 0%,rgba(82,178,151,1) 7%,rgba(0,138,99,1) 32%,rgba(0,88,63,1) 71%,rgba(0,36,26,1) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  rgba(181,221,210,1) 0%,rgba(131,199,180,1) 0%,rgba(82,178,151,1) 7%,rgba(0,138,99,1) 32%,rgba(0,88,63,1) 71%,rgba(0,36,26,1) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  rgba(181,221,210,1) 0%,rgba(131,199,180,1) 0%,rgba(82,178,151,1) 7%,rgba(0,138,99,1) 32%,rgba(0,88,63,1) 71%,rgba(0,36,26,1) 100%); /* IE10+ */
	background:linear-gradient(to bottom,  rgba(181,221,210,1) 0%,rgba(131,199,180,1) 0%,rgba(82,178,151,1) 7%,rgba(0,138,99,1) 32%,rgba(0,88,63,1) 71%,rgba(0,36,26,1) 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5ddd2', endColorstr='#00241a',GradientType=0 ); /* IE6-9 */
}
#content-a {
	margin-bottom:6px;
	background:#bdc4bd;
	-webkit-box-shadow:0px -4px 16px 0px rgba(50, 98, 50, 0.75);
	-moz-box-shadow:   0px -4px 16px 0px rgba(50, 98, 50, 0.75);
	box-shadow:        0px -4px 16px 0px rgba(50, 98, 50, 0.75);
	border:1px solid green;
}
#office-info {
	width:750px;
	margin:auto;
	padding:5px 0 10px 0;
	overflow:hidden;
}
.office-nums {
	font-size:1em;
	color:#008357;
	margin-bottom:10px;
}
.office-nums p {
	color:#31312B;
}

.office-nums li {
	float:left;
	display:block;
	width:160px;
	margin-left:10px;
	text-align:center;
}
.office-nums-bg {
	background: #CACFCA;
}
#billboard {
	/*color:rgb(85,94,64);*/
	color: black;
	margin:auto;
	width:960px;
	height: 560px;
	overflow:hidden;
}
#billboard h1 {
	text-align:center;
	font-size:1.6em;
}
#billboard-a {
	float:right;
	text-align:center;
	width:455px;
	margin-right:30px;
}
#billboard-a h1{
	color:green;
	font-size:1.65em;
	margin-bottom:8px;
}
#slogan {
	margin-bottom:8px;
}

#billboard-b {
	text-align:center;
	width:385px;
}

/* fade-in, fade-out CSS */

.fadein {
	position:relative;
	width:300px;
	height:310px;
}
.fadein img {
	position:absolute;
	left:40px;
	top:0;
	padding-top:30px
}

#order1 {
	overflow:hidden;
	color:yellow;
	padding-top:28px;
}
#order1 h2 {
	background:rgb(140,144,125);
	text-align:left;
	padding:15px;
	font-size:1.1em;
}
#order1 img {
	position:relative;
	top:-80px;
	right:-120px;
	z-index:4440;
	height:100px;
}
#content-b {
	color:#008357;
	margin-bottom:6px;
	padding:2px;
	background:white;
	-webkit-box-shadow:0px -4px 16px 0px rgba(50, 98, 50, 0.75);
	-moz-box-shadow:   0px -4px 16px 0px rgba(50, 98, 50, 0.75);
	box-shadow:        0px -4px 16px 0px rgba(50, 98, 50, 0.75);
	border:1px solid green;
}
#content-b img {
	margin-top:45px;
}
#content-info h1 {
	text-align:center;
	font-size:1.5em;
	color:#008357;;
	margin-bottom:5px;
	padding-top:5px;
}
#content-info p {
	color:#003D00;
	line-height:130%;
	text-align:center;
	padding:0 20px 0 20px;

}
/* -------------------------------- About CSS -------------------------------------------------------------*/
#about-us {
	/*color:rgb(85,94,64);*/
	color: black;
}
#about-us h1, #about-us h2 {
	color:rgb(85,94,64);
}
#about-nav {
	margin:5px auto 30px auto;
	width:86.8%;
	overflow:hidden;
}
.about-nav li {
	margin:auto;
}
.about-nav a {
	text-align:center;
	display:block;
	float:left;
	width:130px;
	padding:8px 0 8px 0;
	background:rgb(114,121,90);
	opacity:0.4;
	filter:alpha(opacity=40);
}
.about-nav a:hover {
	opacity:1;
	filter:alpha(opacity=40);
}
.about-nav a:link, .about-nav a:visited {
	color:white;
}
#our-past {
	margin-bottom:20px;
	overflow:hidden;
}
#our-past h2{
	float:left;
	font-size:1.8em;
	margin:0 70px 0 0;
	padding-top:20px;
	font-style:italic;
	color:rgb(85,94,64);
}
.caption {
	color:rgb(114,121,90);
}
#about-us p {
	padding:0 10px 0 10px;
	margin-bottom:10px;
	line-height:1.6em;
}
#history {
	overflow:hidden;
}
#vision {
	height:400px;
	margin-top:50px
}
#vision h1 {
	font-size:1.7em;
	font-style:italic;
	color:rgb(85,94,64);
}
#vision h2{
	padding-left:10px;
	/*color:rgb(85,94,64);*/
	color: black;
}
#mission {
	overflow:hidden;
	margin-bottom:20px;
}
#mission_contenta, #mission_contentb, #mission_contentc {
	float:left;
}
#mission_contenta {
	font-style:italic;
}
#mission_contenta h3 {
	font-size: 1.1em;
}
#mission_contentc {
	margin-left:60px;
}
#mission_contentb {
	width:275px;
}
#mission_contentb img {
	position:relative;
	top:0;
	left:-45px;
	width:325px;
}
.mission-h2 {
	font-size:1.5em;
	line-height:140%;
	font-style:italic;
}
#eager {
	list-style-type:disc;
}
#eager li {
	margin-left:20px;
	font-size:.9em;
	line-height:140%;
}
#perfect_service {
	list-style-image:url('../images/check_mark.png');
}
#perfect_service li {
	font-size:1em;
	line-height:160%;
}

#coreValues {
	overflow:hidden;
}
#core_contenta, #core_contentb {
	width:450px;
	float:left;
}
#core_contentb {
	overflow:hidden;
	padding:20px 0 20px 0;
}
#principles {
	list-style-image:url('../images/cross.png');
}
#principles li{
	font-size:1.2em;
	line-height:135%;
}
#prin {
	margin-left:37px;
	float:left;
	width:162px;
	/*border:1px solid red;*/
}
.green_text {
	font-weight:bold;
	font-style:italic;
	color:#008357;
}
.margin {
	margin-right:100px;
}

#footer {
	color:#008456;
	padding:5px;
	text-align:center;

}
#footer a:link, a:visited {
	color:#008456;
}
#footer-links {
	width:500px;
	margin:5px auto;
}
#bottom-nav li {
	display:inline;
}
.red {
	color:red;
}
/* -------------------------------- Services CSS -------------------------------------------------------------*/

#services-nav {
	margin:5px auto 5px auto;
	overflow:hidden;
}
.services-nav li {
	margin:auto;
}
.services-nav a {
	text-align:center;
	display:block;
	float:left;
	width:150px;
	padding:8px 0 8px 0;
	background:rgb(114,121,90);
	opacity:0.4;
	filter:alpha(opacity=40);
}
.services-nav a:hover {
	opacity:1;
	filter:alpha(opacity=40);
}
.services-nav a:link, .services-nav a:visited {
	color:white;
}
.margin2 {
	margin-right:10px;
}
#customer-service {
	overflow:hidden;
}
#customer-service-a, #customer-service-b, #customer-service-c {
	float:left;

}
#customer-service-a h3 {
	font-size: 1.2em;
	font-style: italic;
}
#eager2 {
	list-style-type:disc;
}
#eager2 li {
	margin-left:20px;
	font-size: 1.1em;
	line-height:140%;
	font-style: italic;
}
#customer-service-b {
	width:300px;
	height:300px;
	margin-left:5px;
}
#customer-service-c {
	margin-left: 35px;
}
#customer-service-list {
	line-height:160%;
	list-style-image:url('../images/check_mark.png');
	margin-bottom:20px;
}
#customer-service-list li {
	font-size:1em;
	margin-left:0px;
}
#contact-cs {
	padding:10px;
	width:200px;
	text-align:center;
	margin:auto;
	border:1px solid rgb(85,94,64);
	background:white;
	border-radius:20px;
}
#contact-cs a {
	color:rgb(85,94,64);
}
#serve-industry {
	overflow:hidden;
}
#serve-industry ul {
	overflow:hidden;
	color:rgb(85,94,64);
}
#serve-industry p {
	padding-top:20px;
	float:left;
	width:700px;
	line-height:140%;
	text-align:justify;
}
#whatyouwant {
	list-style-type:disc;
	width:980px;
	margin-bottom:20px;
	font-weight:bold;
}
#whatyouwant li {
	float:left;
	margin-right:40px;
	font-size:1.6em;
}
.highlight {
	font-style:italic;
	color:#008357;
}
#waste-services {
	overflow:hidden;
	position:relative;
	top:-50px;
}
#waste-serv-img, #waste-services-a {
	float:left;
}
#waste-serv-img {
  	margin-left; 20px;
	height: 225px;
}
#waste-services-a {
	width:575px;
}
#waste-services-a p {
	padding:10px;
	line-height:140%;
	text-align:justify;
}
#waste-services-a img {
	margin-left:10px;
	margin-bottom:20px;
	margin-top: 30px;
	height:50px;
}
#mini-bulk {
	overflow:hidden;
	margin-bottom: 20px;
}
#mini-bulk-a, #mini-bulk-img {
	float:left;
}
#mini-bulk-a {
	width:550px;
}
#mini-bulk-a img {
	height:50px;
	margin-bottom:10px;
}
#mini-bulk p {
	text-align:justify;
	line-height:140%;
}
#mini-bulk-img {
	width:335px;
	margin-left:30px;
	padding-bottom:20px;
}
#delivery-methods {
	overflow:hidden;
}
#delivery-methods-img, #delivery-methods-a{
	float:left;
}
#delivery-methods-img {
	width:360px;
	position:relative;
	top:-20px;
	margin-right:30px;
}
#delivery-methods-a {
	width:550px;
}
#delivery-methods-a img {
	height:50px;
	margin-bottom: 10px;
}
#product-cs {
	padding:10px;
	width:100px;
	position:relative;
	top:0;
	left:180px;
	text-align:center;
	margin:auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border:1px solid rgb(85,94,64);
	background:white;
	border-radius:20px;
}
#product-cs a {
	color:rgb(85,94,64);
}
#packaging {
	overflow:hidden;
}
#packaging p {
	padding-top:17px;
	width:900px;
	line-height:140%;
	margin:auto;
	margin-bottom:20px;
	overflow: hidden;
}
}
#packaging-a {
	background-color:#E8E8E8;
	padding-bottom: 15px;
	overflow:hidden;
}
#packaging-a img {
	display: block;
}
#cleansolv {
	background:#E8E8E8;
	line-height:150%;
	font-size:1em;
	width:900px;
	overflow: hidden;
	margin-bottom: 10px;
}
#cleansolv-a, #cleansolv-b {
	float: left;
}
#cleansolv-b {
	width:370px;
	margin-left:30px;
}

#cleansolv-b p{
	margin:auto;
	margin-bottom: 20px;
}

/* -------------------------------- Products CSS -------------------------------------------------------------*/
#products-a, #products-b {
	float:left;
	width:458px;
}
#products-a p {
	font-weight: bold;
	line-height: 130%;
	width: 600px;
	margin-bottom: 20px;
	margin-left: 2px;
	font-style:italic;
	font-size: 1.3em;
}
#products-b {
	margin-left: 20px;
}
.p_tbl {
	color:white;
	background: #008357;
	float:left;
	padding:5px 25px 5px 25px;
	font-weight:bold;

}
.div_tbl {
	float:left;
}
.letter {
	color:#008357;
	margin:10px 0 5px 0;
	font-weight:bold;
}
#chemicals li {
	margin-left:20px;
}
.btn {
	color:rgb(85,94,64);
	display:block;
	border:1px solid rgb(85,94,64);
	border-radius:20px;
	background:white;
	text-align:center;
	padding:5px;
	margin:10px 0 10px 0;
}
#order2 {
	color:yellow;
	background:rgb(140,144,125);
	margin-left:10px;
	padding:7px;
	text-align:center;
}
#deliversIMG {
	height:250px;
	width:420px;
	border:1px solid green;
	margin:auto;
}
/* v-slider */
#sliderArea {
}
.slider {
	padding:1px;
}
#sliderWindow a {
	color:#003D00;
}
/* -------------------------------- Careers CSS -------------------------------------------------------------*/
#careers-a, #careers-b {
	float:left;
}
#careers-a {
	width:550px;
	margin-right:40px;
}

#careers-a p {
	text-align:justify;
	line-height:125%;
}
#careers-b {
	line-height:125%;
	width:330px;

}
/* -------------------------------- Contact CSS -------------------------------------------------------------*/
#order3 {
	float:left;
	width:140px;
	color:yellow;
	background:rgb(140,144,125);
	margin:0 30px 0 20px;
	padding:7px;
	text-align:center;

}
.u-line {
	text-decoration:underline;
}
.e-color {
	color:#008357;
	font-weight:bold;
}
.elem-width {
	display:inline-block;
	width:100px;
}
#inquiry {
	color:#31312B;
	width:700px;
	padding:0 15px 15px 15px;
	overflow:hidden;
	margin: auto;
	margin-bottom: 40px;
	/*background:rgb(140,144,125);	*/
}
#c-service {
	width: 250px;
	padding-top: 35px;
	text-align: center;
	float: left;
}
#order4 {
	overflow:hidden;
	color:yellow;
	padding-top:28px;
}
#order4 h2 {
	float: right;
	width: 350px;
	background:rgb(140,144,125);
	text-align:left;
	padding:15px;
	font-size:1.1em;
}
#order4img {
	position: absolute;
}
#order4 img {
	position:relative;
	top:-30px;
	right:-340px;
	z-index:4440;
	height:100px;
}
#admin-info {
	text-align:center;
	overflow: hidden;
	margin-bottom: 30px;
}
#admin-info h2 {
	margin-bottom:20px;
}
#admin-info ul {
	 float:left;
	 text-align:left;
	 margin:0 30px 0 0;
}
#admin-info ul li {
	margin-bottom: 3px;
}
#stmt {
	width:920px;
	font-size:1.1em;
	line-height: 125%;
	margin:auto;
	clear:both;
	text-align:center;
	font-style:italic;
}
#atservice {
	margin-top:40px;
}
#atservice h1 {
	color:#008357;
}