body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border:0;
}

body {
background: URL('/images/background.png') repeat-x #EBEAE5;
font-family: petala-pro, sans-serif;
}

a {
text-decoration: none;
outline: none;
}

body {
background: URL('/images/background.png');
}

.centred {
width: 1145px;
margin: 0px auto;
position: relative;
}

.centredwide {
width: 1290px;
margin: 0px auto;
position: relative;
}

#logowrap {
width: 100%;
height: 127px;
position: fixed;
background: #fff;
z-index: 900;
opacity: 10;
}

#logo #phone {
position: absolute;
width: 103px;
top: 10px;
right: 0px;
line-height: 24px;
text-align: center;
font-size: 27px;
color: #EF662F;
font-family: petala-pro, sans-serif;
font-weight: 400;
text-align: center;
}

#logo #hours {
position: absolute;
width: 103px;
top: 60px;
right: 0px;
line-height: 16px;
text-align: center;
font-size: 16px;
color: #7F7F7F;
font-family: petala-pro, sans-serif;
font-weight: 400;
text-align: center;
}

#logo #social {
position: absolute;
width: 103px;
top: 98px;
right: 0px;
text-align: center;
}

#logo #social a {
display: inline-block;
background-size: contain;
background-position: center;
width: 16px;
height: 16px;
background-repeat: no-repeat;
}

#logo #fblink {
background-image: URL('/images/Facebook-f-icon.png');
}

#logo #twitlink {
background-image: URL('/images/twitter_icon.png');
margin-left: 5px;
margin-right: 7px;
}

#logo #linkedin {
background-image: URL('/images/linkedin-icon.png');
}

#logolink {
position: absolute;
top: 15px;
left: 0px;
width: 454px;
height: 90px;
background: URL('/images/cropmech-logo.png') no-repeat;
background-size: contain;
}

#nav {
position: absolute;
top: 0px;
left: 440px;
list-style:none;
position:relative;
z-index:999;
text-transform: uppercase;
font-size: 16px;
line-height: 18px;
font-family: petala-pro, sans-serif;
font-weight: 400;
}

#nav li {
float:left;
position:relative;
margin-right: 2px;
}

.menulink {
display:block;
text-decoration: none;
height: 30px;
font-size: 15px;
font-weight: 400;
color: #EF662F;
height: 127px;
}

.menulink:hover, .homepage #homelink {
background: #416E43;
color: #fff;
}

.menulink span {
display: block;
padding: 90px 10px 0px 10px;
}

#nav ul {
background:#fff;
background:rgba(255,255,255,0);
/* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */ list-style:none;
position:absolute;
left:-9999px;
}

#nav ul li {
float:none;
background: #416E43;
color: #fff;
}

#nav ul li:hover {
float:none;
background: #EF662F;
padding: none;
}

#nav ul a {
white-space:nowrap;
display: block;
padding: 8px 40px 9px 10px;
color: #4c483d;
text-transform: uppercase;
font-size: 15px;
line-height: 15px;
}

#nav ul a:hover {
color: #fff;
}

#nav li:hover ul {
left:0;
}

#nav li:hover a {
/* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ background: #416E43;
color: #fff;
}

#nav li:hover ul a {
/* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */< text-decoration:none;
}

#nav ul li a:hover {
/* Here we define the most explicit hover states--what happens when you hover each individual link. */ background:#EF662F;
color: #fff;
*/;
}

#navtrigger {
position: absolute;
top: 12px;
left: 0px;
background: URL('/images/navtrigger.png') no-repeat;
width: 40px;
height: 29px;
z-index: 100;
display: none;
}

#mobilenav {
display: none;
position: absolute;
left: 0px;
top: 55px;
width: 100%;
z-index: 3000;
background: #fff;
}

#mobilenav ul {
list-style:none;
}

#mobilenav li {
border-top: 1px solid;
}

#mobilenav a {
display: block;
font-size: 18px;
padding: 4px 0px;
color: #000;
text-align: center;
}

#mobilenav a:hover {
color: #fff;
background: #000;
}

.homepage #logowrap {
background: URL('/images/logo-background.png');
}

#homebiglinks {
margin-top: -140px;
z-index: 800;
padding-bottom: 20px;
}

#homebiglinks a {
display: block;
float: left;
width: 205px;
height: 288px;
text-align: center;
position: relative;
margin-right: 12px;
background-color: #fff;
background-repeat: no-repeat;
color: #474747;
font-weight: 300;
}

#homebiglinks #homehaulagelink {
background-image: URL('/images/haulage-icon.png');
background-size: 55%;
background-position: center 25px;
}

#homebiglinks #hometelelink {
background-image: URL('/images/telehandler-hire-icon.png');
background-size: 40%;
background-position: center 25px;
}

#homebiglinks #homegrainlink {
background-image: URL('/images/grain-storage-icon.png');
background-size: 25%;
background-position: center 25px;
}

#homebiglinks #homecontractinglink {
background-image: URL('/images/agricultural-contracting-icon.png');
background-size: 35%;
background-position: center 25px;
}

#homebiglinks #homelimelink {
background-image: URL('/images/agricultural-lime-icon.png');
background-size: 65%;
background-position: center 25px;
}

#homebiglinks #homefarminglink {
background-image: URL('/images/farming-icon.png');
background-size: 38%;
background-position: center 29px;
}

#homebiglinks .colmod6_0 {
float: right;
margin-right: 0px;
}

#homebiglinks a .moreinfo {
position: absolute;
top: 226px;
left: 56px;
width: 92px;
background: #416E43;
color: #fff;
border-radius: 3px;
text-transform: uppercase;
padding: 6px 0px;
font-size: 14px;
}

#homebiglinks a:hover .moreinfo {
background: #EF662F;
}

#homebiglinks h3 {
position: absolute;
width: 100%;
top: 97px;
left: 0px;
text-transform: uppercase;
font-size: 22px;
line-height: 20px;
color: #EF662F;
font-family: petala-pro, sans-serif;
font-weight: 400;
}

#homebiglinks .singleline {
top: 105px;
}

#homebiglinks p {
position: absolute;
width: 194px;
top: 150px;
position: absolute;
left: 5px;
letter-spacing: 0px;
font-size: 14px;
line-height: 17px;
}

#homebiglinks #homecontractinglink p {
left: 0px;
width: 204px;
}

#footerlogo {
display: block;
}

#scrollup {
position: absolute;
top: 0px;
right: -60px;
width: 30px;
padding-top: 33px;
background: URL('/images/back-to-top-arrow.png') center top no-repeat;
text-transform: uppercase;
text-align: center;
font-size: 12px;
line-height: 14px;
color: #EF662F;
font-family: petala-pro, sans-serif;
font-weight: 400;
}

#logospacer {
height: 127px;
}

#footerwrap {
background: #fff;
padding-top: 20px;
padding-bottom: 20px;
}

#footerlogo {
position: absolute;
top: 1-px;
left: 0px;
background: URL('/images/cropmech-logo.png') no-repeat;
width: 236px;
height: 66px;
background-size: cover;
}

#footerlinks {
position: absolute;
top: 70px;
left: 0px;
text-transform: uppercase;
line-height: 14px;
color: #474747;
font-size: 12px;
font-family: petala-pro, sans-serif;
font-weight: 400;
}

#footerlinks a {
color: #474747;
}

#footerlinks a:hover {
color: #ef662f;
}

#footerlinks span {
color: #EF662F;
padding-left: 5px;
padding-right: 5px;
}

#footerwebsiteby {
position: absolute;
top: 190px;
left: 0px;
text-transform: none;
line-height: 14px;
color: #474747;
font-size: 12px;
font-family: petala-pro, sans-serif;
font-weight: 400;
}

#footerwebsiteby a {
color: #474747;
}

#footerwebsiteby a:hover {
color: #ef662f;
}

#footercontact {
float: left;
margin-left: 405px;
font-size: 15px;
line-height: 21px;
font-family: petala-pro, sans-serif;
font-weight: 400;
}

#footercontact a {
color: #474747;
}

#footercontact a:hover {
color: #ef662f;
}

#footercontact span {
display: inline-block;
color: #EF662F;
width: 70px;
}

#footercontact h3 {
font-size: 18px;
line-height: 16px;
padding-bottom: 4px;
color: #474747;
}

#contactform {
margin-top: 15px;
}

#homesamplers {
height: 193px;
background: URL('/images/sampler-background.jpg') no-repeat;
display: block;
}

#homesamplersleft {
float: left;
margin-left: 300px;
width: 570px;
}

#homesamplersleft h2 {
padding-top: 30px;
padding-bottom: 10px;
text-transform: uppercase;
text-align: left;
font-size: 38px;
line-height: 23px;
color: #FFFFFF;
font-family: petala-pro, sans-serif;
font-weight: 400;
}

#homesamplersleft p {
line-height: 21px;
color: #FFFFFF;
font-size: 17px;
font-family: petala-pro, sans-serif;
font-weight: 400;
}

#homesamplersright {
width: 300px;
float: right;
position: relative;
padding-top: 50px;
}

#homesamplersright span {
width: 92px;
background: #416E43;
color: #fff;
border-radius: 3px;
text-transform: uppercase;
padding: 6px 0px;
font-size: 14px;
display: block;
text-align: center;
}

#homesamplersright:hover span {
background: #EF662F;
}

#homesamplersright p {
padding-top: 5px;
padding-bottom: 5px;
line-height: 17px;
color: #000000;
font-size: 17px;
font-family: petala-pro, sans-serif;
font-weight: 400;
width: 150px;
}

#homesamplerslogo {
position: absolute;
top: 120px;
left: 0px;
background: URL('/images/cropmech-logo.png') no-repeat;
width: 236px;
height: 66px;
background-size: cover;
}

#homesamplerarm {
position: absolute;
top: 5px;
right: 5px;
background: URL('/images/grain-sampler-stork-440.png') no-repeat;
width: 183px;
height: 183px;
background-size: cover;
}

#homeintro {
padding-top: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #ccc;
width: 1040px;
}

#homeintro p {
line-height: 24px;
text-align: center;
font-size: 18px;
color: #474747;
font-family: petala-pro, sans-serif;
font-weight: 300;
padding-bottom: 5px;
}

#homeintro h4 {
color: #ef662f;
line-height: 25px;
text-align: center;
font-size: 19px;
font-family: petala-pro, sans-serif;
font-weight: 400;
padding-bottom: 5px;
}

#homecontent {
padding-top: 20px;
padding-bottom: 20px;
}

#hometestimonials {
width: 330px;
float: left;
}

#hometestimonials h2 {
line-height: 29px;
color: #474747;
font-size: 24px;
font-family: petala-pro, sans-serif;
font-weight: 400;
padding-bottom: 20px;
}

#hometestimonials .testimonial {
background: URL('/images/speechmarks-open.png') no-repeat;
padding-bottom: 20px;
}

#hometestimonials  .testimonial p {
line-height: 18px;
color: #474747;
font-size: 13px;
padding: 0px 0px 0px 40px;
}

#hometestimonials  .testimonial p:last-child {
font-weight: 400;
color: #EF662F;
padding-top: 8px;
}

#homecms {
width: 740px;
float: right;
}

#homecms h1 {
line-height: 29px;
color: #474747;
font-size: 24px;
font-family: petala-pro, sans-serif;
font-weight: 400;
padding-bottom: 10px;
}

#homecms p {
line-height: 20px;
color: #474747;
font-size: 15px;
font-family: petala-pro, sans-serif;
font-weight: 300;
margin-top: 8px;
}

#cmswrap {
padding-top: 20px;
padding-bottom: 20px;
}

#cmsleft {
width: 845px;
float: left;
max-width: 100%;
}

#cmsleft h1 {
line-height: 29px;
color: #416E43;
font-size: 28px;
font-family: petala-pro, sans-serif;
font-weight: 400;
padding-bottom: 10px;
}

#cmsleft p {
line-height: 20px;
color: #474747;
font-size: 15px;
font-family: petala-pro, sans-serif;
font-weight: 300;
padding-bottom: 5px;
}

#cmsleft a {
line-height: 20px;
color: #ef662f;
font-size: 15px;
font-family: petala-pro, sans-serif;
font-weight: 400;
padding-bottom: 5px;
}

#cmsleft a:hover {
color: #a4a4a4;
}

#contactform label {
line-height: 15px;
color: #474747;
font-size: 15px;
font-family: petala-pro, sans-serif;
font-weight: 300;
padding-bottom: 5px;
width: 75px;
margin: 5px 0px 0px 0px;
float: left;
}

#cmsright a {
line-height: 20px;
color: #ef662f;
font-size: 15px;
font-family: petala-pro, sans-serif;
font-weight: 400;
padding-bottom: 5px;
}

#cmsright a:hover {
color: #a4a4a4;
}

#cmsright {
width: 260px;
float: right;
background: #e8e6e3;
padding: 13px;
}

#cmsright h2 {
line-height: 29px;
color: #416E43;
font-size: 28px;
font-family: petala-pro, sans-serif;
font-weight: 400;
padding-bottom: 10px;
}

#cmsright p {
font-size: 15px;
padding-bottom: 5px;
color: #474747;
font-family: petala-pro, sans-serif;
font-weight: 300;
}

#gallerypics {
width: 366px;
float: left;
}

#gallerypics h2 {
line-height: 22px;
color: #474747;
font-size: 25px;
font-family: petala-pro, sans-serif;
font-weight: 400;
padding-bottom: 25px;
}

#gallerycms {
width: 740px;
float: right;
}

#gallerycms img {
max-width: 100%;
}

#gallerycms h1 {
line-height: 32px;
color: #ef662f;
font-size: 30px;
font-family: petala-pro, sans-serif;
font-weight: 400;
padding-bottom: 10px;
}

#gallerycms h3 {
line-height: 20px;
color: #474747;
font-size: 18px;
font-family: petala-pro, sans-serif;
font-weight: 400;
padding-bottom: 3px;
}

#gallerycms h2 {
line-height: 24px;
color: #416E43;
font-size: 22px;
font-family: petala-pro, sans-serif;
font-weight: 400;
padding-bottom: 3px;
padding-top: 5px;
}

#gallerycms p {
line-height: 20px;
color: #474747;
font-size: 15px;
font-family: petala-pro, sans-serif;
font-weight: 300;
padding-bottom: 8px;
}

#gallerycms ul li {
fqfqefe;
}

.highslide {
float: left;
margin-right: 16px;
margin-bottom: 16px;
}

.staff {
padding-top: 25px;
max-width: 100%;
}

.staff h2 {
line-height: 29px;
color: #474747;
font-size: 24px;
font-family: petala-pro, sans-serif;
font-weight: 400;
padding-bottom: 5px;
}

.staffmember {
width: 199px;
height: 363px;
float: left;
margin-right: 12px;
}

.staffphoto {
height: 199px;
background: #ddd;
}

.staffname {
padding-top: 10px;
font-size: 16px;
line-height: 20px;
color: #EF662F;
font-family: petala-pro, sans-serif;
font-weight: 400;
}

.staffprofile {
font-size: 13px;
line-height: 17px;
padding-top: 5px;
color: #474747;
font-family: petala-pro, sans-serif;
font-weight: 300;
}

.background {
height: 420px;
overflow: hidden;
}

div.fadeShow-container {
position:relative;
width:100%;
height:420px;
background:#fff;
overflow:hidden;
}

div.fadeShow-container div.image {
position:absolute;
width:100%;
height:420px;
background-position:center center;
background-size:100% auto;
background-repeat:no-repeat;
transition:opacity 1.5s ease-in-out;
-moz-transition:opacity 1.5s ease-in-out;
-webkit-transition:opacity 1.5s ease-in-out;
opacity:0;
}

.homepage .background, .homepage div.fadeShow-container, .homepage div.fadeShow-container div.image {
height: 533px;
}

div.fadeShow-container div.image.fillHeight {
background-size:auto 100%;
}

div.fadeShow-container div.image.active {
z-index:3;
opacity:1;
}

div.fadeShow-container div.image.inactive {
z-index:2;
opacity:0;
}

div.fadeShow-container div.image img {
width:100px;
display:none;
}

#pageheadingwrap {
position: absolute;
width: 100%;
}

#pageheadinginner {
z-index: 800;
}

#pageheading {
width: 314px;
background: #fff;
text-align: center;
margin-top: 85px;
background-repeat: no-repeat;
}

.grainstoragepage #pageheading {
background-image: URL('/images/grain-storage-icon.png');
background-position: center 17px;
background-size: 25%;
}

.contractingpage #pageheading {
background-image: URL('/images/agricultural-contracting-icon.png');
background-position: center 27px;
background-size: 25%;
}

.haulagepage #pageheading {
background-image: URL('/images/haulage-icon.png');
background-position: center 25px;
background-size: 40%;
}

.telehandlerpage #pageheading {
background-image: URL('/images/telehandler-hire-icon.png');
background-position: center 22px;
background-size: 40%;
}

.limespreadingpage #pageheading {
background-image: URL('/images/agricultural-lime-icon.png');
background-position: center 38px;
background-size: 45%;
}

.limingpage #pageheading {
background-image: URL('/images/agricultural-lime-icon.png');
background-position: center 38px;
background-size: 45%;
}

.farmingpage #pageheading {
background-image: URL('/images/farming-icon.png');
background-position: center 22px;
background-size: 30%;
}

.grainsamplerpage #pageheading {
background-image: URL('/images/grain-sampler-icon.png');
background-position: center 17px;
background-size: 20%;
}

#pageheading h2 {
text-transform: uppercase;
text-align: center;
font-size: 28px;
line-height: 25px;
color: #EF662F;
font-family: petala-pro, sans-serif;
font-weight: 400;
padding-top: 113px;
}

#pageheading p {
padding: 10px 10px 20px 10px;
line-height: 20px;
font-size: 16px;
font-weight: 300;
color: #474747;
font-family: petala-pro, sans-serif;
}

#submenu {
padding-top: 1px;
padding-bottom: 15px;
}

#submenu a {
font-size: 16px;
line-height: 18px;
display: block;
color: #416e43;
text-transform: uppercase;
}

#submenu a:hover {
color: #ef662f;
}

 {
width: 150px;
float: left;
margin: 5px 0px 0px 0px;
}

#contactform .formtext {
width: 300px;
float: left;
margin-bottom: 3px;
}

#contactform #submitbutton {
float: left;
width: 123px;
background: #416E43;
color: #fff;
border: 0px;
border-radius: 3px;
text-transform: uppercase;
padding: 6px 0px;
font-size: 14px;
display: block;
text-align: center;
cursor: pointer;
}

#contactform #submitbutton:hover {
background: #EF662F;
}

#quicklinks {
margin-top: -34px;
z-index: 800;
}

#quicklinks a {
display: block;
float: left;
height: 68px;
text-align: center;
position: relative;
background-color: #fff;
background-repeat: no-repeat;
color: #474747;
font-weight: 300;
padding-right: 11px;
margin-right: 10px;
}

#quicklinks #quickhaulagelink {
background-image: URL('/images/haulage-icon.png');
background-size: 45%;
background-position: 10px center;
padding-left: 100px;
}

#quicklinks #quicktelelink {
background-image: URL('/images/telehandler-hire-icon.png');
background-size: 32%;
background-position: 10px center;
padding-left: 82px;
}

#quicklinks #quickgrainlink {
background-image: URL('/images/grain-storage-icon.png');
background-size: 34%;
background-position: 10px center;
padding-left: 63px;
}

#quicklinks #quickcontractinglink {
background-image: URL('/images/agricultural-contracting-icon.png');
background-size: 29%;
background-position: 10px center;
padding-left: 63px;
}

#quicklinks #quicklimelink {
background-image: URL('/images/agricultural-lime-icon.png');
background-size: 38%;
background-position: 10px center;
padding-left: 104px;
}

#quicklinks #quickfarminglink {
background-image: URL('/images/farming-icon.png');
background-size: 34%;
background-position: 10px center;
padding-left: 71px;
margin-right: 0px;
}

#quicklinks h3 {
text-transform: uppercase;
text-align: left;
font-size: 15px;
line-height: 15px;
color: #EF662F;
font-family: petala-pro, sans-serif;
font-weight: 400;
padding-top: 18px;
}

#quicklinks h3:hover {
color: #b1a393;
}

#quicklinks .singleline {
padding-top: 27px;
}