/* header stuff */
.headlogo
{
margin: 0px 49px;
}

h1 a
{
display: block;
width: 190px;
height: 90px;
margin: 0px;
text-indent: -1000em;
background: url('./img/layout/logo.gif');
}

#contactnum
{
position: absolute;
top: 40px;
right: 110px;
text-align: right;
margin: 0px;
padding: 0px;
font-family: verdana;
font-size: 14pt;
color: #039;
}
/*end header stuff*/

/* nav bar */
#navlinks
{
margin: 0px 0px 0px 10px;
width: 200px;
list-style-type: none;
padding: 0px;
font-family: verdana, sans-serif;
}

#navlinks li
{
height: 30px;
weight: 200px;
margin: 0px;
text-align: right;
font-size: 10pt;
}

a.top_link
{
display: block;

/*firefox size*/
height: 23px !important;
width: 180px !important;
padding: 7px 20px 0px 0px !important;
/*IE size */
height: 30px;
width: 200px;
padding: 7px 20px 0px 0px;

margin: 0px;
background: url('./img/layout/navbutton.gif');
text-decoration: none;
color: #039;
}

a.top_link:hover
{
background: url('./img/layout/navbutton.gif');
background-position: -200px;
text-decoration: none;
color: #FFF;
}

ul.sublink
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

a.sub_link
{
margin: 0px;
display: block;
/*firefox size*/
height: 26px !important;
width: 170px !important;
padding: 4px 30px 0px 0px !important;
/*IE size */
height: 30px;
width: 200px;
padding: 4px 30px 0px 0px;
text-align: right;
font-size: 7pt;
line-height: 20px;
text-decoration: none;
background: #FFC url('./img/layout/subnavbutton.gif');
color: #039;
}

a.sub_link:hover
{
background: #FFC url('./img/layout/subnavbutton.gif');
background-position: -200px;
text-decoration: none;
}

a.sub_link_dd
{
margin: 0px;
display: block;
/*firefox size*/
height: 26px !important;
width: 170px !important;
padding: 4px 30px 0px 0px !important;
/*IE size */
height: 30px;
width: 200px;
padding: 4px 30px 0px 0px;
text-align: right;
font-size: 7pt;
line-height: 20px;
text-decoration: none;
background: #FFC url('./img/layout/subnavbutton_dd.gif');
color: #039;
}

a.sub_link_dd:hover
{
background: #FFC url('./img/layout/subnavbutton_dd.gif');
background-position: -200px;
text-decoration: none;
}

#catalogue
{
margin: 20px 0px 0px 10px;
width: 190px;
height: 130px;
background: url('./img/layout/catalogue.gif') no-repeat;
border-top: 1px solid #FDE700;
}

#catalogue p
{
font-size: 8pt;
font-family: verdana;
font-weight: normal;
margin: 30px 10px 0px 20px;
color: #666;
}

#catalogue p a
{
font-size: 8pt;
font-family: verdana;
font-weight: normal;
color: #039;
text-decoration: none;
}

#catalogue p a:hover
{
color: #F03;
text-decoration: underline;
}

#catalogue p#smalltext
{
margin: 10px 10px 0px 20px;
color: #999;
}

/* drop-down layer */
.floaty
{
position: absolute; 
left: 210px; 
display: none; 
z-index: 10;
width: 200px;
border-top: 1px solid #FDE700;
border-right: 1px solid #FDE700;
border-bottom: 1px solid #FDE700;
}

#paver
{
top: 210px;
width: 280px;
}

#vacuum
{
width: 350px;
top: 239px;
}

#landscape
{
width: 280px;
top: 269px;
}

#manhole
{
width: 260px;
top: 299px;
}

#cranes
{
width: 180px;
top: 329px;
}

#literature
{
top: 240px;
}

.floatyList
{
margin: 0px;
padding: 0px;
width: 100%;
list-style-type: none;
}

ul.floatyList li
{
display: block;
height: 20px;
}

ul.floatyList li a
{
display: block;
width: 100%;
height: 20px;
background: blue;
text-decoration: none;
background: #FFC;
font-size: 10px;
padding: 3px 10px 3px 10px;
font-family: verdana, sans-serif;
color: #039;
line-height: 20px;
}

ul.floatyList li a:hover
{
background: #039;
color: #FFF;
}

dt
{
font-weight: bold;
margin: 5px 0px 5px 0px;
}

dd
{
font-weight: 300;
padding: 0px;
margin: 0px;
}
/*end*/


/* end nav bar */

/* content stuff */

div.welcome_note
{
width: 460px;
margin: 0;
font-family: verdana;
color: #999;
}

div.welcome_note h2
{
font-size: 20px;
margin-top: 0;
font-weight: normal;
}

div.welcome_note h3
{
font-size: 16px;
font-weight: normal;
text-align: justify;
line-height: 2em;
}

strong.welcome
{
color: #039;
}

em.welcome
{
color: #F03;
font-style: normal;
text-transform: uppercase;
}

.content_holder
{
background: url('./img/layout/conthold_bg.gif');
width: 460px;
margin: 0px;
font-family: verdana;
color: #999;
}

.content_holder h2
{
background: url('./img/layout/contholdtop_bg.gif') no-repeat;
padding: 10px 30px 0px 10px;
margin: 0px 0px 10px 0px;
font-size: 18px;
font-weight: 600;
color: #039;
letter-spacing: .2em
}

.content_holder h3
{
padding: 0px 10px 10px 10px;
margin: 0px;
font-size: 14px;
font-weight: 400;
color: #039;
letter-spacing: .1em
}

.headingbg
{
background: #FFF;
padding: 0 5px;
}

.content_holder p
{
padding: 0px 10px 10px 10px;
margin: 0px;
font-size: 10pt;
}

.content_holder p em
{
font-weight: 600;
font-style: normal;
}

.content_holder p.bottom
{
background: url('./img/layout/contholdbot_bg.gif') no-repeat bottom;
padding: 0px 10px 15px 10px;
}

.content_holder a
{
text-decoration: none;
color: #039;
}

.content_holder a:hover
{
text-decoration: none;
border-bottom: 1px dashed #F03;
color: #F03;
}

a img{border:0px;}

.content_holder a.img
{
border: 1px solid #666;
}

.content_holder a.img:hover
{
border: 1px solid red;
}

span.smalltext
{
font-size: 7pt;
}

div.horiz
{
position: relative;
width: 100%;
height: 120px;
background: url('./img/layout/contholdbot_bg.gif') no-repeat bottom;
}

div.newprod
{
position: absolute;
width: 100px;
height: 100px;
top: 0px;
text-align: center;
font-size: 10pt;
color: #039;
}

div#prod1
{
left: 40px;
}

div#prod2
{
left: 180px;
}

div#prod3
{
left: 320px;
}

.newprod a
{
width: 100px;
display: block;
padding: 0px;
margin: 0px;
border: 1px solid #666;
}

.newprod a:hover
{
border: 1px solid #F03;
}
/* end content stuff */

h6.breadcrumbs
{
position: absolute;
top: 103px;
left: 50px;
margin: 0px;
font-family: verdana;
font-weight: normal;
font-size: 8pt;
color: #FDE700;
width: 600px;
}

h6.breadcrumbs a
{
color: #FFF;
text-decoration: none;
}

h6.breadcrumbs a:hover
{
color: #FDE700;
text-decoration: none;
}

div.pageintro
{
font-family: verdana, sans-serif;
font-size: 10pt;
color: #666;
line-height: 1.5em;
margin: 0 20px 20px 0;
}

div.pageintro a
{
color: #039;
text-decoration: none;
}

div.pageintro a:hover
{
color: #F03;
text-decoration: underline;
}

/* Instructions page */
.instruction_box
{
position: relative;
width: 460px;
height: 40px;
margin: 10px 0;
font-family: verdana;
color: #999;
border: 1px solid #CCC;
background: #F2F5FA;
}

.instruction_box img
{
position: absolute;
top: 5px;
left: 5px;
}

.instruction_box h5
{
margin: 5px 10px 0px 60px;
font-size: 10pt;
}

h5 a
{
color: #039;
text-decoration: none;
}

h5 a:hover
{
color: #F03;
text-decoration: underline;
}

.instruction_box p.subtext
{
margin: 0px 10px 5px 60px;
font-size: 8pt;
}

/* end instructions page */

td
{
vertical-align: top;
}

/* footer */
#footer h5
{
position: absolute;
bottom: 20px;
right: 20px;
text-align: right;
font-size: 7pt;
margin:0px;
padding: 0px;
font-family: verdana, sans-serif;
color: #003399;
font-weight: normal;
}

#footer h5 a
{
text-decoration: none;
color: #660000;
}
/* end footer */

a.map
{
font-family: verdana;
font-size: 8pt;
text-decoration: none;
color: #039;
}

dl.dist
{
margin: 0 0 0 20px;
padding: 0px;
}

dl.dist dt
{
background: url('./img/layout/distbg.gif') top left no-repeat;
padding: 0 0 0 20px;
margin: 0px;
}

dl.dist dd
{
padding: 0 0 10px 20px;
margin: 0;
}

dl.linklist
{
padding: 0;
margin: 0;
list-style-type: none;
font-family: verdana, sans-serif;
font-size: 10pt;
}

dl.linklist dd
{
margin-left: 20px;
}

dl.linklist a
{
text-decoration: none;
color: #039;
}

dl.linklist a:hover
{
text-decoration: underline;
color: #F03;
}

div.contactinfo
{
font-family: verdana, sans-serif;
font-size: 10px;
color: #333;
width: 460px;
height: 122px;
background: #F2F5FA;
margin: 0 20px 20px 0px;
border: 1px solid #999;
line-height: 1.5em;
}

img.contactpic
{
float: left;
margin: 10px;
border: 1px solid #CCC;
}

div.contactinfo h6
{
margin: 10px 0 0 0;
font-size: 12px;
}

div.contactinfo a
{
text-decoration: none;
}

div.contactinfo a:hover
{
text-decoration: underline;
}

label
{
font-family: verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333;
}

.form_obj
{
display: block;
}

input.form_obj
{
width: 200px;
}

textarea.form_obj
{
width: 460px;
height: 160px;
}

#submit
{
width: 120px;
}

.red
{
color: red;
}