@charset "utf-8";
/* CSS Document */

/* =Styling all elements
========================================================================================================*/
* {
	margin: 0;
	padding: 0;
}
a {
	outline: none;
	border: none;
	text-decoration: none;
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
.floatleft {
	float: left !important;
}
.floatright {
	float: right !important;
}
abbr {
	cursor: help;
}
acronym {
	cursor: help;
}
/* ----------- Applying clearfix fix for some browsers to use in appropriate places --------- */
.clearfix:after {
	content: "";
	display: block;
	height:100%;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */
.clear {
	clear:both
}
.mid-align {
	text-align:center
}
.left-align {
	text-align:left
}
.right-align {
	text-align:right
}
.a-center {
	text-align:center
}
/*=======================================================*/
/* Body
*********************************************************/
body {
	background:url(../images/bg-patch.gif) repeat center top;
	/*font-family:Tahoma;*/
	font-family:"Trebuchet MS",Trebuchet,Tahoma,sans-serif;
	font-size:14px;
	/*color:#443b1f;*/
	color: #2E2916;
	line-height:18px;
	position:relative
}
#main-wrapper {
	background:url(../images/bg.gif) repeat-x center top;
}
#wrapper {
	width:975px;
	margin:0 auto;
	position:relative
}
a {
	text-decoration: underline;
	color: #0665B2;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
		color: #699d36;
}

a[href^="mailto"] {
	text-decoration: underline;
	color: #0665B2;
}

a[href^="mailto"]:hover {
	text-decoration: none;
}

.plain {
	cursor: default;
}
/* Header
*********************************************************/
.header {
	height:172px;
}
.header h1.logo {
	background:url(../images/logo.png) no-repeat left top;
	position:absolute;
	left:200px;
	top:8px;
}
.header h1.logo a {
	display:block;
	width:573px;
	height:164px;
}
.header h1.logo a span {
	display:none
}
.header .search-sec {
	width:275px;
	float:right;
	/*padding-right:10px; */
	margin-right:-55px;
}
.header .search-sec .search-bx-area {
	background:url(../images/search-bg.gif) no-repeat left top;
	width:214px;
	height:32px;
	margin-top:4px;
	float:left;
}
.header .search-sec .search-bx-area .search-input {
	width:121px;
	margin-left:15px;
	margin-top:3px;
	background:none;
	border:none;

}
.header .search-sec .search-bx-area a {
	margin-left:12px;
	color:#313326;
	vertical-align:bottom
}
.header .search-sec .contact-info {
	border-top: 1px #474233 dotted;
	border-bottom:1px #474233 dotted;
	padding:8px 0px 8px 8px;
	margin-top:15px;
	text-align:right;
	width:200px;
	margin-right: 68px;
	float:right
}
.header .search-sec .contact-info p {
	padding-bottom:2px;
}
.header .search-sec .contact-info p span {
	color:#9f9a89
}
.header .search-sec .contact-info p a {
	color:#98a469;
	text-decoration:underline
}
.header .search-sec .icon-sec {
	display:block;
	width:60px;
	float:left;
	padding-top:8px;
}
/* Menu Section
********************************/
.menu-sec {
	height:41px;
	padding-top:8px;
	padding-bottom:8px;
}
.menu-sec ul {
	list-style:none;
	padding-left:120px;
}
.menu-sec ul li {
	float:left;
	font-size:18px;
	font-weight:normal;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	position:relative;
	text-transform:uppercase;
}
.menu-sec ul li a {
	color:#c1c5b7;
	display:block;
	padding-left:21px;
	border-left:1px #3D4423 solid;
	/*border-left:1px #3D4423 solid;*/
	padding-right:21px;
	cursor:pointer;
	display:block;
	background: url(../images/nav.png) no-repeat;
	/*background: url(../images/nav3.gif) no-repeat;*/
	height:37px;
	text-indent:-9999px;

}

.menu-sec ul li#index a {
	background-position: 21px 13px;
	width:57px;
	border-left: 0px;
}

.menu-sec ul li#about a {
	background-position: -80px 13px;
	width:158px;
	cursor:auto;
}

.menu-sec ul li#about:hover a {
	background-position: -83px 9px;
}

.menu-sec ul li#capabilities a {
	background-position: -280px 13px;
	width:142px;
}



/*.menu-sec ul li#capabilities:hover a {
	background-position: -283px 9px;
}*/


.menu-sec ul li#markets a {
	background-position: -459px 13px;
	width:53px;
}

.menu-sec ul li#markets a {
	background-position: -459px 13px;
	width:53px;
}

.menu-sec ul li#contact a {
	background-position: -554px 13px;
	width:91px;
}

.menu-sec ul li.one:hover a {
}

.menu-sec ul li:hover ul li.one:hover a {
}

.menu-sec ul li a.last {
	padding-right:0px;
}
.menu-sec ul li.many:hover a {
	text-decoration: none;
	border-left: 4px #ffffff solid;
	border-right: 4px #ffffff solid;
	border-top: 4px #ffffff solid;
	padding-right:14px;
}
.menu-sec ul li.current a {
	text-decoration:none;
}
.menu-sec ul ul {
	display:none;
	position:absolute;
	width:380px;
	left:0;
	 *top:30px;
	 *z-index:1;
	background:#2a2b1e url(../images/white-bdr-bg.jpg) no-repeat 174px 0;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	-moz-box-shadow:0 4px 10px #1f1a0a;
	margin-top:0px;
	padding-left:0px;/*opacity:0.85;
	filter:alpha(opacity=85);*/
}

.menu-sec ul li#about ul{
	background-position: 193px 0;
}


.menu-sec ul li#capabilities ul {
	background-position: 177px 0;
}


*:first-child+html .menu-sec ul ul {
	top:41px;
}
.menu-sec ul #jobseekers ul {
	background:#26291c url(../images/white-bdr-bg.jpg) no-repeat 174px 0;
}
.menu-sec ul li:hover ul {
	display:block;
}
.menu-sec ul ul li {
	display: block;
	line-height: auto;
	/*padding: 0 0 0 5px;*/
	margin: 0;
	/*width: 100%;*/
	float: left;
	width: 110px;
	padding:0 6px 0 8px;
	position: relative;
	font-size: 14px;
	text-transform: none;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	text-align: center !important;
	background-image: url(../images/made-in-humbolted-icon.gif);
	background-position: center 20px;
	background-repeat: no-repeat;

}
.menu-sec ul ul li#richheartytaste {
    background-image: url(../images/richheartytastemenuitem.gif);
}
.menu-sec ul ul li#californiaraised {
    background-image: url(../images/californiaraisedmenuitem.gif);
}
.menu-sec ul ul li#grassfedhealthbenefits {
    background-image: url(../images/grassfedmenuimage.gif);
}
.menu-sec ul ul li#humaneanimalcare {
    background-image: url(../images/animal-welfare.gif);
}
.menu-sec ul ul li#environmentalstewardship {
    background-image: url(../images/environmentalstewardshipmenu.gif);
}
.menu-sec ul ul li#aboutus {
    background-image: url(../images/pacific-pasture-menu-image.gif);
}
.menu-sec ul ul li a, .menu-sec ul li.current ul li a {
	text-decoration: none !important;
	display: block !important;
	padding: 60px 0px 12px 0px !important;
	line-height: 100%;
	height:auto !important;
	border: none !important;
	border-bottom: 1px #3d4423 solid !important;
	background: none;
	text-indent: 0 !important;
	text-align: center !important;
	width: auto !important;
	cursor:pointer !important;
	min-height:30px;

}
.menu-sec ul li.current ul li.current a {
	text-decoration: underline !important;
	/*padding-left:0px;*/
}
.menu-sec ul ul li a:hover {
	text-decoration:none !important;/*background:#93a062;*/
}
.menu-sec ul ul li a:hover {
	color:#929E61;
}
.menu-sec ul ul li:hover a {

}
.menu-sec ul ul ul {
	left:145px;
	display:none !important;
	top:0;
	z-index:2;
}
.menu-sec ul ul li:hover ul {
	display:block !important;
}
.menu-sec ul ul ul a {
	background:#F0F9FF !important;
}
.menu-sec ul ul ul a:hover {
/*background:#F0CCBC !important;*/
}
.menu-sec ul#ul11 {
	margin-left:-416px!important;
	background:url(../images/white-bdr-bg.jpg) no-repeat -584px 0 #26291C
}
/* Home Banner Section
********************************/
.banner-sec {
	padding-top:4px;
	height:380px;
}
/* Content Area
********************************/
.content-area {
}
.content-area .no-hor-no-anti {
	padding-left:20px;
}
.content-area .box-area {
}
.content-area .box-area .box {
	background:url(../images/home-bootom-box.gif) no-repeat left top;
	width:265px;
	height:215px;
	float:left;
	padding:10px 21px 20px 25px;
	margin-left:10px;
}
.content-area .box-area .box p {
	padding-top:5px;
}

.content-area .box-area .box img.pmain {
	height: 75px;
	width: 255px;
	/*max-height: 75px;
	max-width: 255px;*/
}
.content-area .box-area .box img.learn {
	position: absolute;
	top: 850px;
}

.content-area .box-area .box #learn1 {
	left: 182px;
}
.content-area .box-area .box #learn2 {
	left: 515px;
}
.content-area .box-area .box #learn3 {
	left: 836px;
}

.content-area .box-area .box ul {
	list-style:square;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px
}
.content-area .box-area .box ul li {
	border-bottom:1px #908666 solid;
	padding-bottom:6px;
}
.content-area .inner-content {
	background:url(../images/inner-cont-img.gif) repeat-y left top;
}
.content-area .bot-img {
	background:url(../images/inner-cont-bot.png) no-repeat left top;
	height:7px;
}
.content-area .inner-content .inner-bg {
	background:url(../images/inner-bg.png) no-repeat left top;
	line-height:20px;
}
.content-area .inner-content .inner-cont-area {
	padding-left:180px;
	padding-top:40px;
	padding-right:280px;
	padding-right:230px;
	padding-bottom:40px;
}
.content-area .content-top-sec {
	background:url(../images/cont-top-cor.png) no-repeat left top;
	width:961px;
	height:4px;
	margin-top:10px;
}
.content-area .content-mid-area {
	background:url(../images/content-bg.png) repeat-y left top;
	width:961px;
}




.content-area .content-mid-area .hl{ background:yellow;} /*highlight*/
.content-area .content-mid-area h1.hl{background:transparent;} /*don't highlight h1 header tag*/

.content-area .content-mid-area h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:34px;
	color:#6a0317;
	text-decoration:underline;
	text-decoration:none;
	font-style:italic;
	font-weight:normal;
	padding-bottom:0px;
	padding-top:20px;;
}
.content-area .content-mid-area .left-banner {
	background:url(../images/cont-left-banner.gif) no-repeat left top;
	width:126px;
	float:left;
	margin-left:10px;
}

#body_grassfedhealthbenefits .content-area .content-mid-area .left-banner {
	background-image:url(../images/grassfed-left-banner.jpg);
}
#body_humaneanimalcare .content-area .content-mid-area .left-banner {
	background-image:url(../images/animalwelfare-left-banner.jpg);
}
.content-area .content-mid-area .left-banner .img {
	background: url(../images/gradient.png) repeat-y left top;
	width:126px;
	height:625px;
}
.content-area .content-mid-area .right-banner {
	background:url(../images/cont-right-banner.gif) no-repeat left top;
	width:126px;
	float:right;
	margin-right:9px;
}

#body_grassfedhealthbenefits .content-area .content-mid-area .right-banner {
	background-image:url(../images/grassfed-right-banner.jpg);
}
#body_humaneanimalcare .content-area .content-mid-area .right-banner {
	background-image:url(../images/animalwelfare-right-banner.jpg);
}
.content-area .content-mid-area .right-banner .img {
	background: url(../images/gradient.png) repeat-y left top;
	width:126px;
	height:625px;
}
.content-area .content-mid-area .mid-cont-area {
	width:685px;
	float:left;
	background:url(../images/corner-design.png) no-repeat right top;

}

.content-area .content-mid-area .mid-cont-area .inside{
	padding-left:50px;
	padding-right:20px;
	padding-top:40px;
	padding-bottom:60px;
}

.content-area .content-mid-area .mid-cont-area .inside {
	width:550px;
	float:left;
	padding-left:50px;
	padding-right:20px;
	padding-top:40px;
	padding-bottom:60px;
}

.content-area .content-mid-area .mid-cont-area ul {
	margin-left: 25px;
}

.content-area .content-mid-area .mid-cont-area ul li {
	padding-bottom: 5px;
}

.content-area .content-mid-area .mid-cont-area h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color:#46501b;
	text-decoration:none;
	font-style:italic;
	font-weight:normal;
	padding-bottom:0px;
	margin:0px;
	padding-top:20px;
}
.content-area .content-mid-area .mid-cont-area h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#46501b;
	text-decoration:none;
	font-style:italic;
	font-weight:normal;
	padding-bottom:0px;
	margin: 0px;
	padding-top:10px;
	line-height:24px;
}
.content-area .content-mid-area .mid-cont-area p {
	padding-top:4px;
	padding-bottom: 16px;
	font-size:16px;
	/*font-family:"Trebuchet MS";*/
	line-height:22px;
}
.content-area .content-mid-area .mid-cont-area p span {
	font-size:18px;
}
.content-area .content-bot-sec {
	background:url(../images/cont-bot-cor.png) no-repeat left top;
	width:961px;
	height:12px;
}
/* Footer Area
********************************/
.footer {
	clear:both;
	padding-top:20px;
}
.footer .made-for {
	width:160px;
	float:left;
	padding-left:100px;
	padding-right:10px;
}
.footer .right-logos {
	width:600px;
	float:left;
	border-top:1px #474233 dotted;
	border-bottom:1px #474233 dotted;
	padding-top:15px;
	padding-bottom:15px;
}
.footer .right-logos span {
	margin-right:60px
}
.footer .copyrights {
	clear:both;
	padding-left:300px;
	padding-top:20px;
	padding-bottom:30px;
}
.footer .copyrights a {
	color:#98a469;
	text-decoration:underline
}

#btnsearch {
	border: solid 1px #95A264;
	background-color: #95A264;
	margin-top: 3px;
	margin-left: 10px;
	cursor:pointer;
}

/*  For indenting the content under the title */
#idtpara {
	padding-right: 30px;
	padding-left:20px;
}
.last-name-row {
  display: none;
}
.content-area .content-mid-area .page-title {
    padding: 20px;
}
.content-area .content-mid-area .page-title h1 {
    font-size: 26px;
    line-height: normal;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #c1c5b7;
}
.content-area .content-mid-area .mid-cont-area.contact-page .inside {
    float: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}
.content-area .content-mid-area .mid-cont-area.contact-page .inside .contact-body {
    width: 50%;
}
.content-area .content-mid-area .mid-cont-area.contact-page .inside .contact-form {
    width: 50%;
}
.content-area .content-mid-area .mid-cont-area.contact-page .inside .contact-form .form-wrapper {
    padding: 0 0 0 30px;
}
.contact-form .form-wrapper .form-field label .required {
    color: #ff0000;
}
.contact-form .form-wrapper .form-field label {
    margin-bottom: 5px;
}
.contact-form .form-wrapper .form-field{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 15px;
}
.contact-form .form-wrapper .form-field .form_input {
    box-sizing: border-box;
    padding: 8px 10px;
    color: #000;
    font-size: 14px;
    line-height: normal;
}
.contact-form .form-wrapper .form-field textarea.form_input {
    height: 100px;
}
.contact-form .form-wrapper .form-field input[type="submit"] {
    background: #98a469;
    border: 0;
    width: 100%;
    padding: 8px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
}
.contact-form .form-wrapper .form-field .error {
    color: #ff0000;
}
.form-message{
    background: #443b1f;
    padding: 10px;
    margin-bottom: 10px;
    color: #fff;
}