/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.                  */
/* http://creativecommons.org/licenses/by/2.0                     */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none}

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */


/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf{clear:both;}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/************ basic styling************************/

body{
font:13px/1.5 Helvetica, Arial,Verdana, san-serif; 
background: #ce001d url(../images/footerbg.png); background-repeat:repeat-x; background-position:bottom;}
	


a{font-size:18px; color:#fff;}
a:hover{color:#000;}

.wrapper{
width:960px; 
margin:auto; 
background:url(../images/wrapperbackground.jpg);
  -moz-box-shadow:    3px 3px 15px 2px #000;
  -webkit-box-shadow: 3px 3px 15px 2px #000;
  box-shadow:         3px 3px 15px 2px #000;
}

.header{

width:960px; 
height:300px;
background:url(../images/redconcrete.jpg);
display:block;
}
/************ menu for home page **********/
.menubackground{
width:960px;
height:30px;
display:block; 
margin-top:20px;
background:url(../images/menubackground.jpg);
}

.menulayer{width:960px; height:30px; display:block; position:absolute; z-index:100; top:320px;}
/**** insert styling for menu layer here ***/


/*************menu for rest of site here **********/



.menu{

width:960px; height:30px; background:url(../images/menubackground.jpg); display:block; float:left; margin-top:20px;  padding-left:0px; }

.menulist{margin-left:80px; margin-top:2px;}
.menulist li{list-style-type:none; float:left;}

.menuspacer{font-size:18px; color:#fff; margin-left:8px; margin-right:8px;}
/************************************************/


.content{
width:960px;
min-height:550px;
height:auto !important;
height:550px;
}

.colcont{width:960px; min-height:500px; height: auto !important; height:500px;}

.column1{float:left;}
.column2{float:left;}

.gear{ margin-left:80px; margin-top:21px; width:822px; height:156px; margin-bottom:30px;}

.gearthumb1{width:190px; height:110px; background:url(../images/gear1.jpg); display:block; float:left;}
.gearthumb2{width:190px; height:110px; background:url(../images/gear2.jpg); margin-left:20px;  display:block; float:left;}
.gearthumb3{width:190px; height:110px; background:url(../images/gear3.jpg);  margin-left:20px; display:block; float:left;}
.gearthumb4{width:190px; height:110px; background:url(../images/gear4.jpg); margin-left:20px;  display:block; float:left;}
.footer{width:960px; height:250px; margin:auto;}

.footercontent{width:350px; height:auto; margin-left:80px; margin-top:30px; float:left; font-size:11px; color:#FFFFFF;}
.footerlogo{width:123px; height:38px; background:url(../images/footerlogo.png); display:block;}
.footercontactlink{font-size:11px;}
.footercontactlist{list-style-type:none; margin-left:0; margin-top:21px;}

.footnote{margin-top:21px;}




.redbackgroundfooter{width:100%; height:45%; background: #900014 url(../images/footerbg.png); background-repeat:repeat-x; position:absolute; z-index:-5; left:0px; top:855px;}	
.dirtbackground{width:100%; height:900px; background:url(../images/dirt_background.jpg); background-position:top; background-size:100%; position:absolute; z-index:-5; top:0;}

.contactbox{ width:510px; height:auto; 
margin:21px 35px 0px 80px;}
.maincontactlist{float:left;}
.maincontactlist2{float:left; margin-left:21px;}

.mapholder{width:320px;height:400px; margin-top:41px; margin-left:51px;}

/******** typographic styling******/


p{line-height:21px; margin-bottom:21px;}

h1{ font-size:28px; 
line-height:42px;
margin-bottom:21px;

}

h2{ font-size:21px;
line-height:21px;
margin-bottom:21px;

}

h3{ font-size:14px;
line-height:21px;

}


.textbox{ width:510px; height:auto; 
margin:21px 35px 80px 80px;}

.textbox2{ width:510px; height:auto; 
margin:10px 35px 80px 80px;}

.formholder{width:400px; height:auto; margin:21px 35px 80px 80px;}
.gridoverlay{width:960px; height:100%; z-index:10; position:absolute; background:url(../images/grids/grid14_21_horizontal_12_grid.png); display:block;}



.contact-icon{ margin-left:80px; float:left; margin-bottom:21px;}
.bodycontact{margin-left:5px; margin-top:20px; font-size:21px; color:#000000;}
.bodycontact:hover{margin-left:5px; margin-top:20px; font-size:21px; color:#ce001d;}
.homebodycontact{margin-left:5px; margin-top:20px; font-size:21px; color:#000000;float:left;}
.homebodycontact:hover{margin-left:5px; margin-top:20px; font-size:21px; color:#ce001d;float:left;}
.logolayer{width:366px; height:130px; position:absolute; z-index:150; top:30px; }

.mailink{font-size:13px; color:#000000;}
.mailink:hover{color:#ce001d;}

.headerlogo{width:366px; height:130px; background:url(../images/logo.png); display:block;}




.header-about{width:960px; height:300px; background:url(../images/header-about.jpg); display:block;}

.header-long-reach{width:960px; height:300px; background:url(../images/long-reach/header-long-reach.jpg); display:block;}

.header-airman{width:960px; height:300px; background:url(../images/2008-airman/header-airman.jpg); display:block;}

.header-cat312{width:960px; height:300px; background:url(../images/cat312/header-cat312.jpg); display:block;}
.header-services{width:960px; height:300px; background:url(../images/header-services.jpg); display:block;}
.header-2axel{width:960px; height:300px; background:url(../images/2axle/header-2axel.jpg); display:block;}
.header-hino{width:960px; height:300px; background:url(../images/2003-hino/header-hino.jpg); display:block;}
.header-compaction{width:960px; height:300px; background:url(../images/compaction/header-compaction.jpg); display:block;}
.header-johndeere{width:960px; height:300px; background:url(../images/john-deere/header-john-deere.jpg); display:block;}
.header-hitachilx{width:960px; height:300px; background:url(../images/hitachilx/header-hitachi.jpg); display:block;}
.header-hamm4t{width:960px; height:300px; background:url(../images/hamm-4t/header-hamm4t.jpg); display:block;}
.header-contact{width:960px; height:300px; background:url(../images/header-contact.jpg); display:block;}


.contactlistlink{font-size:13px; color:#000000;}

.quicklinks{width:335px; height:auto; background:url(../images/side-note-background.jpg); display:block; margin-top:30px;}
.quicklinksheader{width:335px; height:42px; background:url(../images/side-note-header.jpg); display:block; }
.quick{color:#FFF; margin-top:10px; margin-left:19px; float:left;}
.quicklistholder{width:280px; height:auto; margin:5px 0px 30px 5px;}
.quicklist{list-style-type:disc; color:#FFFFFF; line-height:1.8; margin-left:25px;}
.qlink{font-size:14px;}





.gearnav{width:590px; height:25px;  margin-top:41px;margin-left:15px;}
.prevnav{float:left;}
.prev{width:35px; height:20px; background:url(../images/button-back-off.png); display:block;}
.prev:hover{width:35px; height:20px; background:url(../images/button-back-on.png); display:block;}

.gearnavlist{float:left;}
.gearnavlink{font-size:15px; color:#000000;}
.gearnavlink:hover{color:#ce001d;}
.next{width:35px; height:20px; background:url(../images/button-forward-off.png); display:block;}
.next:hover{width:35px; height:20px; background:url(../images/button-forward-on.png); display:block;}
.nextnav{float:right;}