@charset "UTF-8";
/* CSS Document */

body {
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#FFFFFF;
}

h1 {
font-size:1.0em;
font-weight:bold;
color:#999999;
margin:0;
padding:4px 0 0 0;
}

h2 {
font-size:1.5em;
color:#ffffff;
margin:0 0 10px 0;
padding:15px 0 0 0;
}
table {
font-size:0.8em;
margin:0 10px;
}
p {
color:#ffffff;
margin:0;
padding:10px 0;
}

h3 {
font-size:0.9em;
color:#ffffff;
margin:0;
padding:0;
}

h4 {
font-size:0.9em;
color:#ffffff;
margin:0;
padding:10px 10px 4px 10px;
}
p.smaller {
font-size:0.9em;
}

a {
color:#FFFFFF;
text-decoration:none;
}

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

#wrapper {
margin:0 auto;
width:900px;
}

#header {
width:900px;
float:left;
}

#header img{
border:0;
}

#roadcraft {
float:right;
}

.contactus a {
color:#FFFFFF;
text-decoration:underline;
}

.contactus {
color:#FFFFFF;
text-decoration:underline;
}

/*-------------------------------------------------------------- NAV -----------------------------------------------------------------*/

#nav {
float:left;
width:476px;
height:32px;
padding:0 0 0 424px;
margin:15px 0 0 0;
}

#homebutton {
width:67px;
float:left;
height:32px;
}
#homelink a {
float:left;
display:block;
width:67px;
height:32px;
text-decoration:none;
background: url(images/home.gif) top left no-repeat;
}
#homelink a:hover {
background-position:-67px 0;
}

#homeon a {
float:left;
display:block;
width:67px;
height:32px;
text-decoration:none;
background: url(images/home.gif) top left no-repeat;
background-position:-67px 0;
}

#hotbutton {
width:104px;
float:left;
height:32px;
}
#hotlink a {
float:left;
display:block;
width:104px;
height:32px;
text-decoration:none;
background: url(images/hotline-in-use.gif) top left no-repeat;
}
#hotlink a:hover {
background-position:-104px 0;
}
#hoton a {
float:left;
display:block;
width:104px;
height:32px;
text-decoration:none;
background: url(images/hotline-in-use.gif) top left no-repeat;
background-position:-104px 0;
}
#productbutton {
width:130px;
float:left;
height:32px;
}
#productlink a {
float:left;
display:block;
width:130px;
height:32px;
text-decoration:none;
background: url(images/customer-support.gif) top left no-repeat;
}
#productlink a:hover {
background-position:-130px 0;
}

#producton a {
float:left;
display:block;
width:130px;
height:32px;
text-decoration:none;
background: url(images/customer-support.gif) top left no-repeat;
background-position:-130px 0;
}

#aboutbutton {
width:74px;
float:left;
height:32px;
}

#aboutlink a {
float:left;
display:block;
width:74px;
height:32px;
text-decoration:none;
background: url(images/about-us.gif) top left no-repeat;
}
#aboutlink a:hover {
background-position:-74px 0;
}
#abouton a {
float:left;
display:block;
width:74px;
height:32px;
text-decoration:none;
background: url(images/about-us.gif) top left no-repeat;
background-position:-74px 0;
}
#contactbutton {
width:101px;
float:left;
height:32px;
}
#contactlink a {
float:left;
display:block;
width:101px;
height:32px;
text-decoration:none;
background: url(images/contact-us.gif) top left no-repeat;
}
#contactlink a:hover {
background-position:-101px 0;
}
#contacton a {
float:left;
display:block;
width:101px;
height:32px;
text-decoration:none;
background: url(images/contact-us.gif) top left no-repeat;
background-position:-101px 0;
}

/*-------------------------------------------------------------- CONTENT -----------------------------------------------------------------*/

#content {
width:900px;
float:left;
background:url(images/content-back.gif) top left repeat-y;
}

#contenttop {
width:900px;
float:left;
clear:both;
}

#red {
width:226px;
float:left;
padding:15px 0;
}

#red p{
padding:4px 10px;
}

#red img{
border:none;
}

#red h2{
padding:2px 10px;
}

#orange h2{
padding:2px 10px;
}
#orange h5{
font-size:1.2em;
padding:0 10px;
margin:0;
}
#red h5{
font-size:1.2em;
padding:0 10px;
margin:0;
}

#orange a{
text-decoration:underline;
}

#orange {
width:224px;
float:left;
padding:15px 0;
}

#orange img{
float:right;
border:none;
}

#orange p{
padding:4px 10px;
}

#road {
width:450px;
float:left;
}

#contentbot {
width:900px;
float:left;
}

.jobtitle {
padding-top:0;
padding-bottom:0;
margin:15px 0 0 0;
}

.job {
padding:0;
margin:0;
font-style:italic;
}
/*-------------------------------------------------------------- BLOCKS -----------------------------------------------------------------*/


#blocks {
float:left;
width:206px;
margin:10px 0;
padding:0 10px;
}

.orblockon {
width:200px;
height:34px;
background:#FFFFFF url(images/on-or-arrow.gif) bottom right no-repeat;
padding:3px;
margin:0 0 1px 0;
}

.orblockon a{
color:#e55e26;
}
.orblockon a:hover{
color:#e55e26;
text-decoration:underline;
}

.redblockon {
width:200px;
height:34px;
background:#FFFFFF url(images/on-red-arrow.gif) bottom right no-repeat;
padding:3px;
margin:0 0 1px 0;
}

.redblockon a{
color:#ED3D15;
text-decoration:none;
}
.redblockon a:hover{
color:#ED3D15;
text-decoration:underline;
}

.orblock {
width:200px;
height:34px;
background:#F35611 url(images/or-arrow.gif) bottom right no-repeat;
padding:3px;
margin:0 0 1px 0;
}

.orblock p{
padding:0;
margin:0;
font-weight:bold;
font-size:0.7em;
width:178px;
}

.redblock {
width:200px;
height:34px;
background:#ED3D15 url(images/red-arrow.gif) bottom right no-repeat;
padding:3px;
margin:0 0 1px 0;
}

.redblock p{
padding:0;
margin:0;
font-weight:bold;
font-size:0.7em;
width:178px;
}

/*-------------------------------------------------------------- SLIDESHOW -----------------------------------------------------------------*/

#slideshow {
clear:both;
height: 435px;  
width: 450px;
background-color:#FF8905;
overflow:hidden;
}
#slideshow img {  
padding: 0;  
border:  0;  
width:  450px; 
height: 435px;
top:  0; 
left: 0; 
}

/*-------------------------------------------------------------- FORM -----------------------------------------------------------------*/

form {
padding:0 10px;
margin:0;
width:206px;
}

fieldset {
border:0;
padding:0;
margin:0;
}

input {
width:200px;
}

.submit {
width:80px;
}

/*-------------------------------------------------------------- FOOTER -----------------------------------------------------------------*/

#footer {
width:900px;
clear:both;
float:left;
text-align:center;
font-size:0.8em;
padding:20px 0 0 0;
}

#footer ul, li{
color:#999999;
list-style:none;
display:inline;
margin:0;
padding:0;
}

#footer li{
padding:0 0 0 10px;
}

#footer p{
color:#999999;
}

#footer img{
border:0;
}

#footer a{
color:#999999;
text-decoration:none;
}

#footer a:hover{
color:#999999;
text-decoration:underline;
}