/*
Theme Name: 	Adams
Version: 		4.0
Author: 		TSC
Author URI: 	http://www.thestevenscompany.com
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background: #B3B3B3; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#333; color:#FFF; }
::selection 		{ background:#333; color:#FFF; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later n */ }



/*---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body { background: #cfcfcf; }

.page-wrap {
	width: 960px;
	margin: 0 auto;
}

.header {  
	height: 51px;
	font: 400 16px/49px "Aldrich", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.left-header { float: left; width: 75%; }
.right-header { float: right; width: 24%; text-align: right; }
.contact-link { display: inline-block; width: 150px; background: url(images/icon_email.jpg) 0 50% no-repeat; color: black; text-decoration: none; }
.content-home { /*padding-top: 380px;*/ }
.page-section { min-height: 605px; position: relative; z-index: 1; }

.right-main-inner.content-inside {  min-height: 602px; background: #F3F3F3 url(images/shadow_vertical.png) 0 0 no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 30px;  }
.content-inside h2 { font: 400 24px/30px "Aldrich", Arial, Helvetica, sans-serif; color: #900; margin-bottom: 20px; text-transform:uppercase; text-shadow: white 0 1px 0; margin-top: 20px; }
.content-inside h3 { font: 400 16px/24px "Aldrich", Arial, Helvetica, sans-serif; color: #000; margin-bottom: 12px; text-transform:uppercase; text-shadow: white 0 1px 0; }
.content-inside ul { margin: 13px 0 13px 30px; }
.content-inside li { font: 13px/21px Tahoma, Verdana, Arial, sans-serif; color: black; list-style: disc;}
.content-inside li.prod { list-style: none; display: inline-block; width: 168px; height: 153px; float: left; position:relative; line-height: 13px; margin:0 15px 30px 15px; border: solid 1px black;  }
.content-inside li.prod a { color: white; background: url(images/bucket_bg.jpg) top center no-repeat; position: absolute; width: 168px; height: 42px; bottom: 0; z-index: 3; text-align: center;  }
.content-inside li.prod .prod-1, .content-inside li.prod .prod-2, .content-inside li.prod .prod-3, .content-inside li.prod .prod-4 { line-height: 41px; }
.content-inside li.prod .prod-5 { padding-top: 7px; bottom: -7px; }
.content-inside img.alignright { border: solid 1px #444; }
.content-inside iframe { border: solid 1px #444; }
.content-inside a { font-weight: bold; color: #900; text-decoration: none; }
.content-inside a:hover { text-decoration: underline;  }
.content-inside .product-0 { background: url(images/bucket1.jpg) top left no-repeat; }
.content-inside .product-1 { background: url(images/bucket2.jpg) top left no-repeat; }
.content-inside .product-2 { background: url(images/bucket3.jpg) top left no-repeat; }
.content-inside .product-3 { background: url(images/bucket4.jpg) top left no-repeat; }
.content-inside .product-4 { background: url(images/bucket5.jpg) top left no-repeat; }
.content-inside .product-5 { background: url(images/bucket6.jpg) top left no-repeat; }
.overlay { position: absolute; width: 702px; height: 298px; top: 72px; left: 1px; z-index: 50; background: url(images/overlay.png) top left no-repeat; text-indent: -9999px; }
.left-main { width: 259px; float: left; position: relative; z-index: 1; }
.slideshow{ height: 370px; }
.right-main-inner { width: 701px; float: right; min-height: 257px;/* background: url(images/shadow_vertical.png) 0 50% no-repeat; */background: #F3F3F3; position: relative; z-index: 2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 30px;  }
.right-main { width: 701px; float: right; min-height: 627px; background: #F3F3F3 position: relative; z-index: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.left-main h1 { background: url(images/logo.jpg) top left no-repeat; width: 259px; height: 123px; }
.left-main h1 a { display: block; width: 259px; height: 123px; text-indent: -9999px; }
.navigation-outer { background: url(images/bg_nav_top.jpg) top center no-repeat; padding-top: 13px; }
.navigation { background: url(images/bg_nav_bottom.jpg) bottom center no-repeat; }
.navigation-inner { background: url(images/bg_nav.jpg) top center repeat-y; }

.navigation li { font: 400 16px/30px "Aldrich", Arial, Helvetica, sans-serif; text-align: center; padding: 2px 0; text-transform: uppercase; }
.navigation a { color: white; text-decoration: none; display: block; height: 30px; }
.navigation a:hover,
.navigation li.current_page_item a { background: url(images/bg_nav_over.png) top right no-repeat; }

.mfg-icons	{ height: 100px; position: relative; }
.iso-9001 { width: 131px; height: 88px; text-indent: -9999px; background: url(images/icon_iso.png); position: absolute; left: 5px; top: 5px; z-index: 5; }
.mfg-usa { width: 111px; height: 62px; top: 20px; right: 5px; z-index: 5; background: url(images/icon_usa.png); position: absolute; text-indent: -9999px; }

.content p { font: 13px/21px Tahoma, Verdana, Arial, sans-serif; color: black; margin-bottom: 13px; }
.bottom-buttons { margin-top: 30px; position: relative; z-index: 10; }
.bottom-button { font: 400 32px/73px "Aldrich", Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; text-align: center; background: url(images/btn_bottom.png) top left no-repeat; display: block; width: 292px; height: 73px; float: left; color: white; text-decoration: none; }
.button-margin { margin-right: 40px; }
.shadow { width: 1022px; height:72px; position: absolute; bottom: -36px; left: -31px; background: url(images/shadow.png) top center no-repeat; z-index: -1; }
.bottom-nav { text-align: center; }
.bottom-nav li { display: inline-block; font: 14px/24px Tahoma, Verdana, sans-serif; padding: 2px 0; }
.bottom-nav a { text-decoration: none; color: #900; padding-right: 5px; }
.bottom-nav a:hover { text-decoration: underline; }
.bottom-nav li:after { content: "|"; padding-right: 4px; color: #CCC; }
.bottom-nav li:last-child:after { content: ""; padding-right: 0; }

.bottom-info { height: 80px; position: relative; margin-bottom: 20px; }
.copyright { width: 350px; position: absolute; top: 10px; z-index: 5; text-align: center; font: 12px/18px Arial, Helvetica, sans-serif; color: #6A6A6A; }
.copyright a { color: #6A6A6A; text-decoration: none; }
.copyright a:hover { text-decoration: underline; } 
.bottom-address { width: 614px; left: 243px; text-align: center; color: #6A6A6A; font: 12px/18px Arial, Helvetica, sans-serif; position: absolute; z-index: 5; top: 10px; }

.staff-reps-table{ margin: 10px 0; }
	.staff-reps-table td{ padding: 10px; border: 1px solid black; }
.staff-table td{ padding: 5px; }
	.staff-table td{ padding: 10px; }
	.staff-table img{ margin: 10px; }
	
.aligncenter{ margin-left: auto; margin-right: auto; }

.bottom-icons { position: absolute; right: 0; top: 10px; width: 200px; height: 33px; z-index: 5; text-align: right; }
.icon { width: 32px; height: 32px; display: inline-block; margin-right: 5px; text-indent: -9999px; text-align: left;  }
.icon-fb { background: url(images/icon_facebook.png) top left no-repeat;}
.icon-tw { background: url(images/icon_twitter.png) top left no-repeat; }
.icon-li { background: url(images/icon_linkedin.png) top left no-repeat;  }
.icon-yt { background: url(images/icon_youtube.png) top left no-repeat; }

.contact-page-info { text-align: right; width: 300px; position: absolute; right: 20px; top: 110px; }

.clear { clear: both; height: 1px; margin-top: -1px; }
.content .alignright { float: right; margin: 0 0 10px 10px; }

.content .gallery-item{ float: none !important; display: inline-block; }
.content .gallery{ text-align: center; }


a.mobilenav{
	background:url(images/mobilenav.png) no-repeat right center !important;
	height:25px;
	display:none;
	margin:0 10px;
	position:relative;
	top:6px;
	outline:0px;
	}

a.mobilenav span{
	font: 400 16px/30px "Aldrich", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display:block;
	text-transform:uppercase;
	padding-right:34px;
	text-align:right;
	line-height:25px;
	}	

/* ==========================================================================
   Media Queries
   ========================================================================== */ 
   
@media only screen and (min-width: 768px) and (max-width: 9999px) {
	.navigation ul{ display:block !important;}
	}     

   
@media only screen and (min-width: 768px) and (max-width: 979px) {
	.page-wrap {max-width:748px;}	
	.header{ font-size:14px;}
	.contact-link{ width:130px;}	
	.left-main{ width:200px;}
	.right-main{ width:548px;}		
	.left-main h1,.left-main h1 a{ width:200px; height:94px;}
	.left-main h1{ background-size:cover;}	
	.navigation li{ font-size:12px;}	
	.slideshow{ height:288px;}
	.slideshow .slides{}
	.slideshow .slides img{ max-width:548px;}	
	.overlay{ background-size:cover; width:100%; height:233px; top:56px;}	
	.right-main-inner{ width:548px; min-height:309px;}	
	.bottom-button{ background-size:100% 100%; width:222px; font-size:24px;}
	.mfg-icons .iso-9001{ background-size:cover; width:86px; height:56px; top:21px;}	
	.shadow{ background-size:cover; width:100%; height:50px; left:0px; bottom:0px; position:relative; margin-top:-21px;}
	.home .shadow{ margin-top:-51px;}	
	.bottom-info{}	
	.copyright,.bottom-address,.bottom-icons{ position:static; width:auto; float:none; text-align:center; padding:0 0 17px;}	
	.bottom-nav{ padding:0 0 17px;}	
	.content-inside iframe{ width:100%;}
	iframe{ width:100% !important;}	
	.aligncenter{ max-width:100%; width:auto; height:auto;}
	.contact-page-info{ width:218px;}
	.contact-page-info p{ font-size:10px;}
	.bottom-buttons{ margin-top:15px;}
	
}

@media only screen and (max-width: 767px) { 
	.page-wrap {max-width:460px;}
	.header{ height:auto; font-size:12px; text-align:center; padding:10px 0px;}
	.left-header,.right-header{ width:auto; float:none; line-height:normal;}
	.left-header{padding-bottom:7px;}
	.right-header{ text-align:center;}
	.left-main{ width:auto; float:none; position:relative; z-index:999;}
	.right-main-inner{ width:auto; float:none;}
	.left-main h1{ float:left; background-size:cover;}
	.left-main h1,.left-main h1 a{ width:135px; height:64px;}	
	.navigation-outer,.navigation,.navigation-inner{position:static;}
	.navigation-outer{ margin-left:135px; background-size:100% auto; margin-bottom:7px;}
	.navigation{ height:51px !important;  background-size:100% auto;}
	.navigation-inner{background-size:100% auto;}
	.mfg-icons{ display:none;}
	a.mobilenav{ display:block;}
	.navigation ul{ display:none; background:url(images/bg_nav.jpg) repeat-y center top; background-size:100% auto; width:100%; position:absolute; left:0px; top:62px;}
	.navigation ul li{text-align:right;}
	.navigation ul li a{padding-left:10px; padding-right:10px;}
	.right-main{ width:auto; min-height:1%; float:none;}
	.slideshow{ height:243px;}
	.slideshow .slides{}
	.slideshow .slides img{ max-width:460px;}	
	.overlay{ background-size:cover; width:100%; height:196px; top:47px; left:0px;}
	.right-main-inner{ padding:10px; min-height:1%;}
	.content-home p{ font-size:14px !important; line-height:22px !important;}
	.shadow{ background-size:cover; width:100%; height:31px; left:0px; bottom:0px; position:relative; margin-top:-21px;}
	.home .shadow{ margin-top:-13px;}
	.bottom-buttons{ margin-top:15px;}
	.bottom-button{ background-size:100% 100%; width:143px; font-size:14px; margin:0px 5px;}
	.copyright,.bottom-address,.bottom-icons{ position:static; width:auto; float:none; text-align:center; padding:0 0 10px;}	
	.bottom-nav{ padding:0 0 10px;}	
	.bottom-nav li{ font-size:12px; padding-top:0px; padding-bottom:0px;}
	.right-main-inner.content-inside{ background:#F3F3F3; padding:10px;}
	.content-inside ul{ margin:15px;}
	.content-inside iframe{ width:100%;}
	iframe{ width:100% !important;}
	.content-inside h2{ font-size:20px;}
	img{ max-width:100%;}
	.contact-page-info{ position:static; width:auto; text-align:left;}
	.right-main-inner.content-inside{ height:auto !important; padding-bottom:10px !important; min-height:1%;}
	#gallery-1{ margin-left:-3px !important;}
	#gallery-1 img{ height:auto;}
	#gallery-1 .gallery-item{ margin-top:-11px !important; position:relative;}	
	.page-section{ min-height:1%;}
	.right-main-inner{ height:auto !important;}
	.medium{ width:97% !important;}
	.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full{ overflow:visible !important;}
	.gform_wrapper .ginput_complex .ginput_full input[type="text"], .gform_wrapper .ginput_complex .ginput_full input[type="url"], .gform_wrapper .ginput_complex .ginput_full input[type="email"], .gform_wrapper .ginput_complex .ginput_full input[type="tel"], .gform_wrapper .ginput_complex .ginput_full input[type="number"], .gform_wrapper .ginput_complex .ginput_full input[type="password"]{ width:100% !important;}
	.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full{ overflow:visible !important;}	
	.gform_wrapper .ginput_complex{ overflow:visible !important;}
}

@media only screen and (min-width:568px) and (max-width:568px) {
	.page-wrap {max-width:548px;}
	.slideshow{ height:288px;}
	.slideshow .slides{}
	.slideshow .slides img{ max-width:548px;}	
	.overlay{ background-size:cover; width:100%; height:233px; top:56px; left:0px;}
	.bottom-button{ background-size:100% 100%; width:172px; font-size:14px; margin:0px 5px;}
	.shadow{ height:38px;}
	.content-inside li.prod{ width:217px;}
	.content-inside li.prod{ background-size:cover;}
	.content-inside li.prod a{ width:100%; padding-top:5px; padding-bottom:5px; background-size:cover;}
	}

@media only screen and (max-width: 479px) {
	.page-wrap {max-width:300px;}
	.navigation-outer{ background-size:100% 13px;}
	.bottom-button{ background-size:100% 100%; width:90px; font-size:11px; margin:0px 5px;}
	.bottom-nav li:after{ padding-right:0px;}
	.slideshow{ width:300px; height:157px;}
	.slideshow .slides{}
	.slideshow .slides img{ max-width:300px;}	
	.overlay{ background-size:cover; width:100%; height:128px; top:30px; left:0px;}
	table td{ width:100% !important; display:block; text-align:center;}
	.staff-reps-table td{ width:92% !important; margin-bottom:10px;}
	table p{ text-align:center !important;}
	table{ width:100% !important;}
	.recaptchatable #recaptcha_image,.recaptchatable #recaptcha_image img,.recaptcha_image_cell{ width:95% !important;}
	.recaptchatable #recaptcha_response_field{ width:80% !important;}
	.gform_body{ padding-bottom:10px;}
	.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full{ overflow:visible !important;}
	.gform_wrapper .ginput_complex{ overflow:visible !important;}
	.shadow{ height:28px;}
	.home .shadow{ margin-top:-21px;}
	.content .alignright{ float:none;}
	.content-inside li.prod{ width:100%; margin-left:0px; margin-right:0px; float:none;}
	.content-inside li.prod{ background-size:cover;}
	.content-inside li.prod a{ width:100%; padding-top:5px; padding-bottom:5px; background-size:cover;}
	.content-inside li.prod .prod-5{ bottom:0px;}
}