/*
*************************************************

MPS AGRI
Screen Styles

GREEN: #007239
GOLD: #d59c35
*************************************************
*/

@import url('/css/global.css');


/*  GENERAL SELECTORS ============================================================================= */

body                 { font: normal 15px/1.4 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; background:#fff; color:#484c58; overflow-x:hidden;   }

h1, h2, h3, h4, h5     	{ font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size:1.3em; margin:0; font-weight:bold; padding:0;color:/*1f283f*/#222; line-height: 1.3; }

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	font-family:'Open Sans','Helvetica Neue', Arial, Helvetica, sans-serif;
}
input[type="submit"] {  }
select { width:auto; }
h1 a, h2 a, h3 a, h4 a, h5 a { color:#484c58; }

p.smallprint {font-size: 0.85em;}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align:center;
	text-decoration: none;
	margin: 0;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
	color:#d69831;
	border:0;
	padding: 0.75em 2.75em 0.75em 1.25em;
	background:#fff url(/images/side-nav-arrow-gold.png) no-repeat 84% center;
	border:2px #d69831 solid; 
	font-size:1em;
	font-weight:bold;
	border-radius:30px;
}
input.button {  font-weight:normal; }
a.button { color:#d69831 !important; }
a.button:hover { color:#007239 !important; }				
.button:hover {
	position: relative;
	color:#007239; 
	border-color:#007239;
	text-decoration: none;
	background:#fff url(/images/side-nav-arrow-green.png) no-repeat 88% center;
}
.button:hover { color:#007239 !important; }	
.button:active {
	color: #fff;
	
}
.button:visited { 
	color : #000;
}

.textlink { padding:1em 0 0 0; display:inline-block; }
	.textlink i, .textlink:hover { color: #333;  }
		
/* table style */
table{width:100%;max-width:100%;margin-top:1.25em;margin-bottom:1.25em;border-collapse:collapse;border-spacing:0;background-color:#ffffff;}table th,table td{padding:10px;vertical-align:top;border-top:1px solid #cccccc;font-size:13px;font-size:0.8125rem;color:#565656;line-height:1.5;text-align:left;}
table th{font-weight:700;font-size:14px;font-size:0.875rem;background-color:#dce9f4;color:#222;}
table strong { color:#000; font-weight:bold; }
table thead th{vertical-align:bottom;}
table thead:first-child tr:first-child th,table thead:first-child tr:first-child td{border-top:0;}
table tbody tr td,table tbody tr th{-moz-transition:background-color 0.25s 0 linear 1s ease-in-out;-webkit-transition:background-color 0.25s 0 linear 1s ease-in-out;-o-transition:background-color 0.25s 0 linear 1s ease-in-out;transition:background-color 0.25s 0 linear 1s ease-in-out;}
.table-bordered{border:1px solid #cccccc;border-left:0;border-collapse:separate;*border-collapse:collapsed;}.table-bordered th,.table-bordered td{border-left:1px solid #cccccc;}
.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
.table-striped tbody tr:nth-child(odd) td{background-color:rgba(204, 204, 204, 0.4);}

.msg-thanks { background:#95ca50; padding:1em; color:#fff; display:block; margin:1em 0; font-weight:normal; }
.msg-error { background:#f9dcdc; padding:1em; color:#000; display:block; margin:1em 0; font-weight:normal; }


/*  TEMPLATE ============================================================================= */
#skiptomain 	{ display: none; }
.wrap			{ float:left; width:100%; }
.inner			{ width:96%; max-width: 1024px; margin:0 auto; }
.centred		{ text-align: center; }

a#logo { float:left; }
.header {  padding:1.5em 0; border-top:1px #fff solid; background: #fff;
background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 49%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(49%,#ffffff));
background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 49%);
background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 49%);
background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 49%);
background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 49%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );}
	.header-items { border-bottom:1px #e0e0e0 solid;  }




		
#main { border-top:1px #e0e0e0 solid; padding:0; }
	#main p:last-child { margin:0; padding:0; }
#main.else-main { padding:2em 0; }

.else-main h2, .else-main h3, .else-main h4,.else-main h5 {  margin:0 0 1em 0; }
		
footer h5 { color:#fff; font-size:1em; padding:0 0 1em 0; }
footer { background:#1f283f; color:#fff; padding:1.25em 0 1em 0; }
.f-office { font-size:0.9em; }
footer img { float:left; width:140px; }
footer ol { float:left; width:100%; border-top:1px rgba(255,255,255,0.3) solid;  border-bottom:1px rgba(255,255,255,0.3) solid; list-style-type:none; padding:1em 0; margin:1em 0; }
footer ol li { float:left; width:25%; }
footer li a { display:block; }
footer a {  color:#fff; padding:0.3em 0; }
	footer a:hover { color:rgba(255,255,255,0.7); text-decoration:underline; }

.f-tag strong { float:left; padding-top:1.5em; padding-left:1.5em; }		
.copyright { clear:both; color:rgba(255,255,255,0.7); font-size:0.8em; }

.f-contact { float:left; width:100%; padding-bottom:3em; }
.f-contact ul { float:left; width:33.3%; list-style-type:none; margin:0; padding:0; }
.f-contact li span{}
.f-contact li.soc-icon a{background-image: url(/images/social-media-icons-sprite.png);background-repeat: no-repeat;width:20px;height:20px;display: inline-block;text-indent: -999em;margin-right:5px;float: left;}.f-contact li.soc-icon-1 a{background-position:0 0;}
.f-contact li.soc-icon-2 a{background-position: -28px 0;}
.f-contact li.soc-icon-3 a{background-position: -56px 0;}
.f-contact li.soc-icon-4 a{background-position: -84px 0;}
.f-contact li.soc-icon a:hover{border: none;}
.f-contact li.soc-icon-1 a:hover{background-position:0 -25px;}
.f-contact li.soc-icon-2 a:hover{background-position: -28px -25px;}
.f-contact li.soc-icon-3 a:hover{background-position: -56px -25px;}
.f-contact li.soc-icon-4 a:hover{background-position: -84px -25px;}

.home-footer { padding-top:3em; }

h3.content-header { padding:1em; border:1px #e0e0e0 solid;  }
.benefit-list { margin-bottom:2em;}
.benefit-list li { margin-bottom:0.25em;}

/*  NAV ============================================================================= */

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  #nav-toggle {
    background-image: url("/images/icon-menu-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}
#nav-toggle { display:none;  }

#nav { float:right; position:relative; margin-top:2.4em;  }

#nav ul { float:left; width:100%; margin:0 0 1em 0; }
#nav li { float:left;  display:block; margin:0 0 0 0.4em; border-radius:30px; }
#nav a { display:block; padding:0.5em 0.7em; color:#000; font-size:1em; border-radius:30px;  border:2px #fff solid; font-weight:bold;}
#nav a:hover { border-color:#d59c35; color:#d59c35; }
#nav a.active, #nav a.active:hover {  border-color:#007239; color:#007239;  }

/* dropdown */
#nav ul ul { display:none; position:absolute;  width:280px; top:auto; z-index:99999; }
#nav ul li:hover ul { display:block;  }
#nav ul li:hover a { border-color:#d59c35; }
#nav ul ul li { width:100%; margin:0;  background:#fff url(/images/side-nav-arrow-green.png) no-repeat 92% 1em; border:2px #007239 solid; margin-top:.5em; }
#nav ul ul a { color:#007239; border:0; padding:0.5em 1em; }
#nav ul ul a em { font-size:0.85em; font-weight:normal; }
#nav ul ul li:hover, #nav ul ul a:hover { background:#fff url(/images/side-nav-arrow-gold.png) no-repeat 95% 1em !important; border-color: #d59c35; color:#d59c35;}

/*  HOMEPAGE ============================================================================= */
.home-header { padding:0; background:#d59c35 url(/images/home-bg.jpg) no-repeat top center; border-top:0; background-size:100%; min-height:660px; position:relative; }
	.home-header .header-items { border-bottom:0;  } 
	.home-header #nav { margin-top:4em; }
	.home-header #nav a { color:#fff; background-color:rgba(0,0,0,0.3); }
	.home-header #nav a:hover { color:#d59c35;  }
	.home-header #nav ul ul li { width:100%; margin:0;  background:url(/images/side-nav-arrow.png) no-repeat 92% 1em; border:2px #fff solid; margin-top:.5em; }
	

	.home-header #nav ul ul li:hover, .home-header #nav ul ul a:hover { background:url(/images/side-nav-arrow-gold.png) no-repeat 95% 1em !important;  border-color: #d59c35; color:#d59c35;}
	.home-header #nav ul ul li:hover, .home-header #nav ul ul a:hover { background-color:rgba(0,0,0,0.3) !important; }

#welcome { -webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease; float:left; width:60%; max-width:587px; position:absolute; bottom:-4em; opacity:0; background:#00703c url(/images/welcome-bg.gif) no-repeat top right; padding:2em; box-shadow:0px 0px 4px rgba(0,0,0,0.5); border:10px rgba(255,255,255,0.1) solid;  -webkit-transform: skew(-17deg); -moz-transform: skew(-17deg); -o-transform: skew(-17deg);}
.welcome-content { -webkit-transform: skew(17deg); -moz-transform: skew(17deg); -o-transform: skew(17deg); padding-left:2.5em;  }
.oldie .welcome-content, .ie8 .welcome-content { padding-left:0 !important; }
#welcome h1 { color:#d59c35; font-size:1em; font-weight:300; text-transform:uppercase; letter-spacing:1px; }
#welcome h2, #welcome h3 { font-size:2.4em; color:#fff; }
#welcome h2 { font-weight:300; }
#welcome a.button { margin-top:0.5em; margin-right:0.5em; font-weight:300; font-style:italic; font-size:1.4em;  background:url(/images/side-nav-arrow-gold.png) no-repeat 84% center; }
	#welcome a.button:hover {  background:url(/images/side-nav-arrow.png) no-repeat 90% center; border-color:#fff; color:#fff !important; }
	#welcome p { color:#fff; font-size:1.3em; padding:1em 0 0 0; }
		
	.home-main { background:url(/images/take-control-bg.jpg) no-repeat top right; }
	.home-main .group { background:url(/images/diagonal-gold.png) no-repeat top left; }
	.home-main h3 { font-size:2.2em; color:#d59c35; font-weight:300; padding-top:2em; }
	.home-main h4 { font-size:2.2em; padding-bottom:0.5em;  }
	.home-main h5 { padding:0.5em 0 1em 0;}
	.home-main p { font-size:1.1em;}
		
		
.h-product { border:1px #ccc solid; margin:0 0 1em 0;}
.h-product a { display:block;  padding:1em; padding-left:140px; }
.h-product a b { color:#00723b; font-size:1.7em; }
.h-product a em { font-size:1.2em; }
	.h-p-apollo 	{ background:url(/images/h-p-apollo.jpg) no-repeat; }
	.h-p-chieftain 	{ background:url(/images/h-p-chieftain.jpg) no-repeat; margin-bottom:2.2em; }
.h-p-apollo, .h-p-chieftain	{ -webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease; }
.h-p-apollo:hover, .h-p-chieftain:hover { background-position:-10px top; }
	
/*  GENERAL ============================================================================= */
.breadcrumb { font-size:0.8em; padding:0 0 1em 0; }
	.breadcrumb a:hover { text-decoration:underline; }

.page-headers { padding:0.25em 0 1.75em 0 ; }
.page-headers .inner { position:relative; }
h1.page-title { font-size:3em; font-weight:bold; letter-spacing:-.75px; }	
.page-headers h2 { font-style:italic; font-weight:normal;  }
.page-headers .button { float:right; position:absolute; top:4em; right:0; }
.page-headers p.page-intro { font-weight:300; font-size:2em; margin:0; padding:0; }

p.intro { font-size:1.2em; }

.sidebar-images img { margin:0 0 1em 0; }

/*  DISTRIBUTORS ============================================================================= */

.world-map { text-align:center; padding-bottom:2em;}
.distributors a, .address a, .news-item a { font-weight:bold; color:#007239; }
.distributors a:hover, .address a:hover, .news-item a:hover { border-bottom:1px #007239 dashed; }

/*  NEWS ============================================================================= */
.news-item { margin:0 0 1em 0; padding:1em; border:1px #e0e0e0 solid; }
.news-item h4 { margin:0; padding:0 0 0.25em 0; }
.news-date { font-weight:300; }
.news-abstract { font-weight:bold; color:#111; }
.news-abstract-snippet { margin:0; padding:0; }

.share_list { float:left; width:100%;margin-bottom:1em; }
.news-aside h5 {  padding:1em; border:1px #aaa solid; font-size:1em; text-transform:uppercase; border-left:6px #d59c35 solid;}
.news-aside li { float:left; }
.news-aside .news-item { font-size:0.8em; }
.news-aside .news-abstract-snippet { display:none; }
.news-aside .news-date { margin:0; padding:0; }

/*  PRODUCT ============================================================================= */
.product-thumb { float:left; width:48.5%; margin:2em 0; margin-right:3%;   position:relative;  /*background: #1a8f54;
background: -moz-linear-gradient(top, #1a8f54 0%, #007238 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a8f54), color-stop(100%,#007238));
background: -webkit-linear-gradient(top, #1a8f54 0%,#007238 100%);
background: -o-linear-gradient(top, #1a8f54 0%,#007238 100%);
background: -ms-linear-gradient(top, #1a8f54 0%,#007238 100%);
background: linear-gradient(to bottom, #1a8f54 0%,#007238 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a8f54', endColorstr='#007238',GradientType=0 ); box-shadow:0px 0px 100px rgba(0,0,0,0.3) inset, 0px 0px 4px #fff inset;*/ background:#00703c url(/images/welcome-bg.gif) no-repeat top right; border:10px rgba(255,255,255,0.1) solid; }
	.product-thumb:nth-child(even) { margin-right:0; }
	.product-thumb a { display:block; padding:1em; color:#fff; font-size:2.2em; height:360px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); letter-spacing:-.5px; }
		.product-thumb a .pr-title { position:absolute; bottom:1em; left:1em; font-weight:bold; }
		.product-thumb a .pr-desc { display:none; position:absolute; bottom:1em; left:1em;  }
			.product-thumb a .pr-desc em { font-size:0.7em; }
			
	#pr-4:hover { background:#666 url(/images/pr-apollo.jpg) center center no-repeat; border-color:#00703c;  background-size:100%;}
	#pr-5:hover { background:#333 url(/images/pr-chieftain.jpg) center center  no-repeat; border-color:#00703c;  background-size:100%;}
	#pr-4, #pr-5 { background-size:100%;  }
	
.product-section-sidebar { float:left; width:26%; padding:2.25em 0 0 0; }
.product-section-links { float:left; width:100%;  }
.product-section-links li { float:left; width:100%; }
.product-section-links li a { display:block; padding:1em; border:1px solid #fff; font-size:0.9em; 
-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease; background-position:90% center; }
.product-section-links li a:hover { background:url(/images/side-nav-arrow-green.png) no-repeat 96% center; border-color:#e0e0e0; color:#007239; }
.product-section-links li a.active, .product-section-links li a.active:hover { background:#007239 url(/images/side-nav-arrow.png) no-repeat 96% center; color:#fff; border:1px solid #007239;}

.product-section-links li a:focus { background:#007239 url(/images/side-nav-arrow.png) no-repeat 96% center; color:#fff; border:1px solid #007239; }
	
.product-section { float:left; width:74%; border-left:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid; padding:1.25em 0 0 0; }
	.product-section .pad { padding:1em 2em; }
	.product-section h2, .product-section h3, .product-section h4,.product-section h5 {  margin:0 0 1em 0; }
	.product-section h3 { padding:1em; border:1px #e0e0e0 solid; }
	.product-section ul { margin:0 0 1em 0;}
		.product-section ul li { padding:0 0 0.5em 0; }
	.product-section blockquote { background:#d59c35; padding:1em; font-size:1.6em; color:#fff; font-style:italic; margin:1.5em 0 2em -3.5em; text-indent:1em;}
		.product-section blockquote a { background:rgba(0,0,0,0.2); color:#fff; padding:0 6px; }
			.product-section blockquote a:hover { background:rgba(0,0,0,0.4); }
	
.product-main-image { position:relative; margin-bottom:2em; }		
.product-main-image h5 { position:absolute; top:-.75em; left:.75em; font-size:2em;  font-weight:normal; font-style:italic;  width:100%; width:50%; letter-spacing:-0.5px;  color:#fff; opacity:0; }

.product-gallery { margin-top:1em;  }
.product-gallery li:nth-child(odd) { clear:both; margin-left:0; }
.product-gallery a { display:block;border:3px #eee solid; }
.product-gallery a:hover { border-color:#000; }
	.product-gallery h3 { padding:1em; border:1px #e0e0e0 solid; border-right:0; margin:0 0 .5em 0; }
	.product-gallery ul { padding-right:1em; }
	
.product-benefits { display:none; text-align:center; border-top:1px #e0e0e0 solid; margin:0 0 1em 0; padding:2.25em 0 1em 0;}
	.product-benefits img { padding:0 0 1em 0; }
	.product-benefits .col { font-size:1.2em; font-weight:bold; }


/*  VIDEOS ============================================================================= */
	
.video-panel { float:left; width:48.5%; margin:0; margin-right:3%; padding:1em; 
background: #e2e2e2;
background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );}
.video-panel:nth-child(even) { margin-right:0; }
.video-panel iframe { width:100%; height:300px; border:6px #fff solid; margin:0 0 1em 0; }
.video-panel p { font-size:1.3em;font-style:italic; font-weight:normal; }
.video-panel .pad { background:rgba(255,255,255,0.6); }


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*  CONTACT ============================================================================= */
	
#gmap { width: 100%; height: 338px; border: 8px solid #eee; margin:0 0 1em 0;}

.genForm { float:left; width:100%; margin:1em 0 2em 0; }
.genForm h4 { margin-bottom:0.5em; }
.genForm label 	{ float:left; width:30%; margin-right:6%; }
.genForm label.error { width:auto; padding:0px !important; margin:0 !important; background:#fff; color:#F00; }
.genForm li input, .genForm li textarea 	{ float:left; width:57%; }
.genForm li input.smallField { width:140px; }
.genForm li input[type=checkbox] { width:auto; }
.genForm li		{ float:left; width:100%; clear:both; margin:0 0 0.8em 0; }
.genForm select { width:auto; }
.genForm input.button { float:left; display:block; clear:both; font-size:1.3em; margin:0.5em 0 1em 0; font-weight:300; font-style:italic;font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;}
.genForm li small { float:left; margin-left:33%; }
.required { color:#F00; }

.no-border { border:0 !important; }
					
/*  MEDIA QUERIES ============================================================================= */

/*Responsive CSS */
@media all and (max-width: 1060px) 
{ 
#nav li.nav-1 { display:none; }
}

@media all and (max-width: 1024px) 
{ 
	.home-header { background-size:1280px;  }
	#welcome { opacity:1; }

}
	
@media all and (max-width: 1000px) 
{ 
	.home-header { min-height:500px; }
	a#logo { width:130px; margin-top:-.4em; margin-bottom:1em; }
	.home-header a#logo { width:180px;  margin-top:0; }
	#nav { width:74%; margin-top:1em !important; }
	#nav a.parent { margin-bottom:.5em; font-size:0.9em; }
	#nav ul li:hover ul { display:none; }
	
	
	#welcome { width:100%; margin:1em 0; position:relative; bottom:0;  }
	#welcome a.button { font-weight:400; }	
}
	
@media all and (max-width: 890px) 
{
	.home-main {  background-position: 120% 0; }
	.home-main .group { background-size:100px;  }
	.home-main h3 { font-size:1.3em; padding-top:1.8em; }
	.home-main h4 { font-size:1.6em; padding-bottom:0.5em;  }
}



@media all and (max-width: 840px) 
{ 
	.home-header { background-size:840px;   }
	
	
	
	.span_1_of_3, .span_2_of_3, .span_3_of_3,
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4,
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5,
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6,
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7,
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8,
	.span_1_of_9, .span_2_of_9, .span_3_of_9, .span_4_of_9, .span_5_of_9, .span_6_of_9, .span_7_of_9, .span_8_of_9,
	.span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10  {
	width: 100%; margin:0 0 1em 0;
	}
	
	#nav-toggle {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 58px;
	height: 58px;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	background:#d59a34 url("/images/icon-menu.gif") no-repeat 50% 50%;
	position:absolute; top:.75em; right:1.25em;
	border-radius:6px;
	}
	
	#nav-toggle { display:block; }
	#nav {  display:none; float:left; width:100%; margin:0; z-index:9999;  border-radius:6px; }
	#nav li.nav-1 { display:block; }

	#nav li, #nav a { margin:0; width:100%; }
	#nav ul { float:left; width:100%; margin:0; }
	#nav ul ul { position:relative; width:100%;}
	#nav ul li { width:47%; margin:0.25em 1.5%; }
	
	.home-main { background:none; }
	
	.product-thumbs { margin-top:1em; }
	.product-thumb, .video-panel { width: 100%;  margin:0 0 1em 0;}
	
	footer ol li {  width:50%; }
	.f-tag strong { padding:1em 0 0 0; }
	.f-contact ul { width:100%; }
	
	h1.page-title { font-size:2.2em;}
	
	.product-section blockquote { margin:0 0 1.25em 0; font-size:1.3em;}	
	
}

@media screen and (max-width: 680px)
{
	.welcome-content { -webkit-transform: skew(0); -moz-transform: skew(0); -o-transform: skew(0); padding-left:0em;  }
	#welcome { background-size:800px; -webkit-transform: skew(0); -moz-transform: skew(0); -o-transform: skew(0); }
	
}

@media screen and (max-width: 600px)
{
	.inner			{ width:88%; }
	
	
	#nav { margin:1em 0 0 0;}
	
	.home-footer { padding-top:2em; }
	
	
	#welcome h1 { font-size:0.6em; }
	#welcome h2, #welcome h3 { font-size:1.4em; }
	#welcome p { font-size:0.9em; }
	#welcome a.button { font-size:0.8em;}
	
	.home-main .group { background-size:100px;  }
	.home-main h3 { font-size:1.3em; padding-top:1.8em; }
	.home-main h4 { font-size:1.6em; padding-bottom:0.5em;  }
	.home-main p { font-size:1em;}
	.h-product a b { font-size:1.3em; }
	.h-product a em { font-size:0.9em; }

	.h-product a { padding:1em; }
	.h-p-apollo, .h-p-chieftain { background:none; }
	
	.page-headers .button { float:left; position:relative; top:auto; margin-top:1em; }
	
	.product-section-links { display:none; }
	.product-section, .product-section-sidebar { width:100%; padding:0 0 0 0; }
	.product-section-sidebar { padding:1.25em; }
	.product-section .pad { padding:1.25em; }
	.product-inner { width:100% !important; }
	.product-main-image h5 { font-size:1.3em; width:80%; }
	.product-gallery h3 { border:1px #e0e0e0 solid; }
	.product-gallery li { width:48%; margin-right:2%; }
	
}
@media screen and (max-width: 480px)
{
	.home-header a#logo { margin-left:-1em; }
	.video-panel iframe { height:200px; }
	.video-panel p { font-size:1.1em; }
	
	.product-thumb a { font-size:1.3em; }
	.product-thumb a { height:140px; }
}
@media screen and (min-width: 841px)
{	
	#nav { display:block !important; }
}