/* CSS Document */

@import url('reset.css');

body {
	background:#efefef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

td {vertical-align:top;}

a:link, a:visited, a:active {text-decoration:underline; color:#6d9e31;}
a:hover {color:#367c17;}

p {display:block; margin:0 0 18px 0; line-height:18px;}
.clear {height:1px; clear:both;}
.center {text-align:center;}

h2 {
	font-size:24px;
	font-weight:bold;
	color:#367c17;
	display:block;
	margin:0 0 15px 0;
}


#wrap {
    box-sizing: border-box; max-width: 100%; width:974px; margin:20px auto; box-shadow:0 0 5px rgba(0,0,0,.35); -moz-box-shadow:0 0 5px rgba(0,0,0,.35); -webkit-box-shadow:0 0 5px rgba(0,0,0,.35); background:#FFF; padding:10px;}


/*----------------Header Section------------------*/

#header {/*height:135px;*/ min-height:115px; position:relative; display:flex; justify-content: space-between; gap: 10px; padding: 10px; box-sizing: border-box; flex-wrap: wrap;}

h1#logo{
	/*background:url('../siteart/landing-bar.jpg') no-repeat;
	height:82px;*/
	background:#458f30;
	height:20px;
color: #fff;
text-indent: unset !important;
	padding-left: 10px;
    line-height: 20px;
}

#machinefinder {
	display:block;
	width:248px;
	height:87px;
	background:url('../siteart/machinefinder-logo2.png') no-repeat left top;

}

#machinefinder a {display:block; width:248px; height:87px; text-indent:-9999px;}

#machinefinderauctions {
	display:block;
	width:382px;
	height:87px;
	background:url('../siteart/machinefinderauctions-logo.png') no-repeat left top;

	text-indent:-9999px;
}

#johndeere {
	display:block;
	width:262px;
	height:49px;
	background:url('../siteart/johndeere-logo-sm.png') no-repeat left top;
	position:absolute;
	left:10px;
	top:30px;
}

#johndeere a {display:block; width:321px; height:63px; text-indent:-9999px;}

#johndeere-con {
	display:block;
	width:262px;
	height:49px;
	background:url('../siteart/johndeere-con-logo-sm.png') no-repeat left top;
	position:absolute;
	right:30px;
	top:30px;
}

#johndeere-con a {display:block; width:332px; height:62px; text-indent:-9999px;}


/*----------------Nav Section------------------*/

.at {z-index:999; position:absolute; margin:0; top: 0; right: 0;}
ul.layer {z-index:9; position:relative; display: flex; gap: 1px;}

#categories{
	position: relative;
	padding:2px 0px;
}

#categories li{
	display:block;
	margin:0px; padding:0px;
	width:214px;
	flex-grow: 1;
}

#categories li a {
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	padding:355px 0px 0px;
	width: 100%;
	border-right:2px solid #fff;
	transition: none !important;
}

#categories li a:hover {background-position:0px -355px !important;}

#categories li a div{
	background:#4f922e; 
	border-top:1px solid #fff;
	padding:10px 0px;
}

#categories li a:hover div, #categories li a#con div{
	background:#fedb00;
	color:#000; 
}

#categories a#ag {background:url('../siteart/landing-ag-roll.jpg') top center no-repeat;}
#categories a#con {background:#fedb00 url('../siteart/landing-con-roll.jpg') top center no-repeat;}
#categories a#turf {background:#4f922e url('../siteart/landing-turf-roll.jpg') top center no-repeat;}
#categories a#attach {background:#4f922e url('../siteart/landing-attach-roll.jpg') top center no-repeat; border-right:0px;}

@media only screen and (max-width: 767px){
	#machinefinder {
	display:block;
	width:208px;
	height:87px;
	background:url('../siteart/machinefinder-logo2.png') no-repeat left top;
		background-size: 100% auto;

}

#machinefinder a {display:block; width:208px; height:87px; text-indent:-9999px;}

#machinefinderauctions {
	display:block;
	width:282px;
	height:87px;
	background:url('../siteart/machinefinderauctions-logo.png') no-repeat left top;
	background-size: 100% auto;
	text-indent:-9999px;
}

ul.layer {flex-wrap: wrap;}
	
	
#categories li a {
	padding:0;
}
.at {display: none;}

}