/* basic element styles */

html {

background:url('../images/hdbk.png');
}

h1, h2, h3, a, font, span, input, li, p, div {
	
	font-family: source-sans-pro, sans-serif;
	letter-spacing:normal;
	
}
p {color:#ddd;font-weight:300;font-size:1.4em;line-height:1.4em;}
h1 {
	font-size:2.6em;
	font-weight:200;
	margin:0 0 10px 0;
	padding:0px;
	color:#688A12;
	color:rgba(104,138,18,1);
	float:left;
}

a {
    text-decoration:none;
	color: #76B0C2;
}
ul {
	padding:0;
	margin:0;
}
li {
	
	font-weight:400;
	font-size:1em;
	
	display:block;
	height:100%;
	width:100%;
}

h2 {text-shadow:0px 0px 3px #000;}
h3 {
color:#eee;
font-size:2em;

margin:10px 20px;
padding:3px 0;


}
h4{
	
	margin:3px 0 3px 0;
	
		color:#000;

	padding:0;
	
	font-size:1.6em;
	font-weight:800;
	letter-spacing:-1px;
}
h5 {
	margin:0;
	padding:5px 0 3px 0;
	color:green;
	font-size:1.0em;
}
p.top {padding-top:10px !important;}
p strong {color:#B8CFDB;font-size:18px;margin-bottom:3px;display:block;}
.container .quote {
	background-color:rgba(255,255,255,.2);
	margin-left:-20px;
	margin-right:-20px;
	padding:10px 20px 10px 30px;
	text-align:right;
}
.quote strong {
font-size:80px;
float:left;
vertical-align:top;
margin-top:-30px;
margin-left:-40px;
margin-right:25px;
font-family:"courgette";
color:#999;
}
.quote em {text-align:left;display:block;}
body {

	font-family: source-sans-pro, sans-serif;
	font-size:1em;
background-image:url("../images/header-tall3.png");
/*background-attachment: fixed;*/
	background-size:100% 220px;
overflow-x:hidden;
background-repeat:no-repeat;
background-color:rgba(0,0,0,.3);
	}

.container {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:0 auto;
	width:960px;
	height:100%;
    position:relative;
    clear:both;
	padding:0;
	
	text-align:center;
}
.container:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
#header {
	height:180px;
	position:relative;
	padding:0px 0 0 0;
	
}	
.logo {
     float:left;
	 display:block;
     margin-left:-20px;
	 margin-top:23px;
	clear:right;
	width:220px;
}


.siteNav {
height:2.1em;
width:100%;
background-color:#333;
background-color:rgba(0,0,0,.7);
z-index:10;
margin-bottom:0px;
position:fixed;

}

.siteNav h1 {
	padding:0px 0;
	position:absolute;
	left:0px;
	top:5px;
        left:0;
        width:30%;
}
#siteNavLinks {
  width:960px;
    clear:both;
    display:block;
   
   height:2.1em;
margin:0 auto;
 
}
#siteNavLinks:after {
 
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     
}
#siteNavLinks a {
   
	width:auto;
	line-height:2.1em;
	margin:0em 0em 0em 2.8em;
	padding:4px 8px 2px 8px;
	float:right;
	display:block;
	font-size:14px;
	
	color:#fff;
	

	cursor:pointer;
	letter-spacing:-.8px;
	font-weight:600;
	text-shadow:0 0 4px rgba(0,0,0,.8);
	-webkit-transition:all .1s ease-in-out;

}
#siteNavLinks a:hover {
	cursor:pointer;
	background-color:#A9DB74;
		background-color:rgba(141,217,61,.8);
}



#main {

padding:0;
		zoom: 1;

}

#main .container {
	padding:0px 5px;
	min-height:400px;
}
#main .content {
width:70%;
float:left;
text-align:left;
position:relative;
}


.content h2 {
	display:block;
	
	color:#fff;
	float:none;
	font-size:36px;
	margin-bottom:15px;
	font-weight:600;
	margin-top:40px;
	background-repeat:no-repeat;
	padding:3px 0 0 0;
	line-height:40px;
	}
h2.partners {
	background-image:url('../images/partners-icon-sm.png');
	padding-left:44px;
}
h2.map {
	background-image:url('../images/territory-icon-orange-sm.png');
	padding-left:44px;
}
h2.products {
	background-image:url('../images/seed-guide-blue-sm.png');
	padding-left:44px;
	margin-bottom:0;
}

.content h3 {
	font-weight:600;
	font-size:20px;
	color:#aaa;
	padding:0;
	margin:0 0;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	}
.container p {
	padding:0px 10px 5px 0;
	-webkit-margin-before: 0em;
	font-size:16px;
}
.side-nav {
	float:right;
	color:#eee;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:200px;
	margin:30px 0 0 0;
	overflow:visible;
}
.side-nav ul li {
	padding:20px 10px 40px 20px;
	transition:border-color .1s ease-in-out;
	display:block;
	border:1px solid transparent;
	border-left: 1px solid #333;
	border-left: 1px solid rgba(255,255,255,.1);
	
	background-color:rgba(0,0,0,.1);
	opacity:.7;
}
.side-nav ul li:hover {
	/*background-color:rgba(255,255,255,.06);*/
	opacity:1;
	border:1px solid #333;
	
	}
	#space-filler:hover {	
	opacity:.7;
	border:1px solid transparent;
	border-left: 1px solid #333;
	border-left: 1px solid rgba(255,255,255,.1);
	}
	.side-nav ul li a {display:block;}
.side-nav ul li.active {
border:1px solid #55B551;
border:1px solid rgba(85,181,81,.5);
background-color:rgba(255,255,255,.05);

	opacity:1;
}

li#tm.active {

	border-color: #E89700;
	border-color:rgba(232,151,0,.5);
	}
li#sg.active {

	border-color: #3092C7;
	border-color:rgba(48,146,199,.6);
	}	
	

.side-nav ul li h4 {color:#eee;font-size:20px;font-weight:700;}
.side-nav ul li span {font-size:13px; color:#aaa;line-height:16px;display:block;}
.side-nav ul li img {
	height:60px;
	width:60px;
	}
.product-detail {
    min-height:500px;
    width:100%;
    border:2px dotted #ddd;
    background-color:#eee;
    box-shadow:0 0 7px #ccc inset;
}
.footer {
	/*border-top: 1px solid rgba(255,255,255,.1);*/
	background-color:rgba(0,0,0,.1);
		border-top: 1px solid #333;
	border-top: 1px solid rgba(255,255,255,.1);
}
.footer .container {
	text-align:center;
	height:auto;
	padding-top:0;
	bottom:0;
	clear:both;
	
}
.footer .container:after {
visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.footer .container div {
	padding:10px 0;
}
.left {
box-sizing:border-box;
-moz-box-sizing:border-box;
	padding:10px 0;
	float:left;
	width:33%;
	text-align:left;

}
.center {
box-sizing:border-box;
-moz-box-sizing:border-box;
	padding:10px;
	float:left;
	width:33%;
}
.right {
box-sizing:border-box;
-moz-box-sizing:border-box;
	margin-top:26px;
	margin-left:20px;
	float:left;
	width:21%;
		text-align:left;
		vertical-align:middle;
}
.double {
	width:75%;
}


.half {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:10px;
	float:left;
	text-align:left;
	width:48.5%;
	margin:0 5px;
	
	/*background-color:rgba(255,255,255,.7);
	border:1px solid #ddd;*/
}
.half:first-child {
	border-right:1px solid #ccc;
}
.footer .left {
	text-align: left;
	float:left;
}
.footer ul {
	float:left;
	margin:13px 0 0 20px;
}
.footer h4 {margin-top:0px;color:#eee; font-size:1.2em;}
.footer ul li {
	font-weight: 200;
	font-size:.9em;
	color:#EBFAD2;
	line-height:1.4em;
	
}
.lakeland {opacity:.8;}
.lakeland img {border-radius:3px;border:none;margin-right:10px}
.lakeland, .contact {display:inline-block;vertical-align:middle;}

.smicons a {
margin:0 auto;
opacity:.3;
padding:10px;
}
.smicons {padding-top:15px !important;padding-bottom:5px!important;position:relative;text-align:center;border:1px solid #333}
.smicons span {
width:100%;
margin:0 auto;
padding:2px 0 0 0;
float:left;
display:block;
color:#ddd;
font-size:.9em;

}
.p-image {float:left; 
	margin:3px 15px 0px 0; 
	padding:5px 0 10px 0;
	background-color:#222;
	border:1px solid #444;
	background-color:rgba(0,0,0,.2);
	}
	.p-image.axis {margin-top:0;border:none;background-color:transparent;}
	.secondary-nav {
	margin:20px 0 25px 0;
	padding:20px 0 0 0;
	width:100%;
	float:left;
	}
	.secondary-nav li {
	display:inline-block;
	margin:0 30px 0 0px;
	width:auto;
	}
	.secondary-nav li a {
	color:#777;
	
	}
	.secondary-nav li.active {border:1px solid #aaa;padding:0;}
	.secondary-nav li.active a {display:block;
	padding:2px 5px 0 5px;
	color:#ddd;}