/*----- ESSENTIALS -----*/
html {height:101%}
body { margin:0; /* make anything a hover in IE with this code >> */ behavior:url("/css/csshover.htc"); background:url(/images/bg.jpg) repeat-x #9e9e9e; font-family:Arial, Helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Sans", "Lucida Fax"; font-size:11px; color:#585757; }
table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top }
img { border:0 }
ul, li { list-style-type:none; padding:0; margin:0 }
form, input { padding:0; margin:0 }
h1, h2, h3 { padding:0; margin:0 }
h1 {}
h2 { }
h3 { }
a {color:#d01e1e; }
a:hover { color:#000000; }
/*----- ESSENTIALS -----*/

/*----- WRAPPER -----*/
#picBgWrap {background:url(/images/bg-pic.jpg) no-repeat; width:1128px; height:485px; margin:0 auto;}
#mainWrap { margin:0 0 0 180px; width:760px; }
/*----- WRAPPER -----*/

/*----- HEADER -----*/
#hdr { height:115px; width:760px; }
/*----- HEADER -----*/

/*----- SPLASH -----*/
/* homepage splash */
#hpSplash { background:url(/images/hp-splash-bg.jpg) no-repeat; width:310px; height:229px; color:#FFFFFF; padding:0 450px 0 15px; font-family:Arial, Helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Sans", "Lucida Fax"; font-size:12px }
#hpSplash h1 { font-size:21px; font-weight:normal; padding:25px 0 20px 0; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif}
#hpSplash .button { text-transform:uppercase; padding:25px 0 0 12px;}
#hpSplash .button a { text-decoration:none; color:#FFFFFF;}
#hpSplash .button a:hover { color:#000000;}
/* internal splash */
#inSplash { background:url(/images/inSplash-bg.jpg) no-repeat; width:280px; height:137px; color:#FFFFFF; padding:0 480px 0 15px;  }
#inSplash h1 { font-size:21px; font-weight:normal; padding:17px 0 20px 0; font-family:Georgia, "Times New Roman", Times, serif}
/*----- SPLASH -----*/

/*----- NAVIGATION -----*/
/* top navigation */
#navTop { height:20px; text-align:right; color:#FFFFFF; font:Georgia, "Times New Roman", Times, serif; font-size:11px; padding-top:4px; }
#navTop a {color:#FFFFFF;}
#navTop a:hover {color:#810b0b;}

.contactToday {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Sans", "Lucida Fax"; text-align:right;}
.contactToday h1 {font-size:12px; text-transform:uppercase; margin:0; padding:0; font-weight:normal; line-height:12px;}
.contactToday h2 {font-size:24px; margin:0; padding:0; font-weight:normal; line-height:24px;}

#mainNav { background:url(/images/nav-bg.jpg) repeat-x; color:#FFFFFF; width:542px; height:42px; margin-left:219px; margin-top:13px; font-family:Arial, Helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Sans", "Lucida Fax";}
#mainNav a {color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-size:12px; }
#mainNav li:hover { background:url(/images/nav-bg-hover.jpg) repeat-x;}
#mainNav ul { }
#mainNav li { float:left; border-right:solid #FFFFFF 1px; display:block; height:17px; padding:12px 15px; margin-top:1px; }
#mainNav li.end {border:none;}
/*----- NAVIGATION -----*/

/*----- BODY HOMEPAGE -----*/
#hpBody { background:url(/images/hp-body-bg.jpg) no-repeat; height:204px; width:740px; padding:10px; font-family:Arial, Helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Sans", "Lucida Fax";  }
#hpBody h1 { font-size:14px; color:#000000; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:5px;}
#hpBody a {color:#d01e1e; text-decoration:none;}
#hpBody a:hover {color:#000000;}
#hpBody ul {list-style:url(/images/li-arrow.jpg);}
#hpBody li {margin:10px 10px 10px 25px;}
#drivers {float:left; background:url(/images/drivers-bg.jpg) no-repeat; width:151px; height:158px; padding:40px 85px 0 10px;}
#carriers {float:left; background:url(/images/carriers-bg.jpg) no-repeat; width:152px; height:158px; padding:40px 85px 0 10px;}
#customers {float:left; background:url(/images/customers-bg.jpg) no-repeat; width:147px; height:158px; padding:40px 90px 0 10px;}
/*----- BODY HOMEPAGE -----*/

/*----- BODY INTERNAL -----*/
#inBody { background:url(/images/inbody-bg.jpg) no-repeat; width:740px; padding:10px; }
#content {background:#FFFFFF; width:515px;}
#inBody #pageHeader {background:url(/images/hdr-bg.jpg) no-repeat; width:367px; height:31px; color:#FFFFFF; font-size:20px; font-family:Arial, Helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Sans", "Lucida Fax"; padding:7px 0 0 10px;}
#inBody img {border:solid 1px #999999; padding:5px; margin:10px;}
#body {padding: 0 15px 20px 15px;}
#body h1 { color:#000000; font-size:18px; margin-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif }
#body h2 { color:#000000; font-size:14px; margin-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif }
#body ul {list-style:url(/images/li-arrow.jpg); margin:10px 10px 10px 25px;}
#body li {}

#subnav {width:225px; background:#e6e6e6}
#subnav .top {background:url(/images/subnav-hdr-bg.jpg) no-repeat; width:210px; height:22px; color:#d01e1e; font-size:18px; font-family:"Myriad Pro", "Myriad Pro Black", Arial, Interstate, "Interstate Regular"; text-transform:uppercase; padding:8px}
#subnav ul {margin:0px 15px 10px 15px;}
#subnav li { list-style:none; display:block; border-bottom:solid 1px #cccaca; padding:10px 0;}
#subnav a { color:#545454; text-decoration:none;}
#subnav a:hover { background:url(/images/subnav-li-active.jpg) no-repeat; padding-left:15px;}
#subnav a.current { color:#d01e1e; background:url(/images/subnav-li-open.jpg) no-repeat; padding-left:15px;}

#rightSide {background:url(/images/right-bg.jpg) repeat-y; width:205px; padding:10px;}
#rightSide ul {list-style:url(/images/li-arrow.jpg);}
#rightSide li {margin:5px 10px 10px 25px;}
#rightSide h1 { font-size:14px; color:#000000; margin-bottom:5px; font-family:Georgia, "Times New Roman", Times, serif}
#CarriersCallAction { background:url(/images/carriers-calltoaction.jpg) no-repeat; width:187px; height:103px; margin-top:5px; padding:120px 10px 0 10px; font-family:Arial, Helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Sans", "Lucida Fax";}
#CustomerCallAction { background:url(/images/customers-calltoaction.jpg) no-repeat; width:187px; height:103px; margin-top:5px; padding:120px 10px 0 10px;font-family:Arial, Helvetica, sans-serif, "Lucida Sans Unicode", "Lucida Sans", "Lucida Fax";}
/*----- BODY INTERNAL -----*/

/*----- FOOTER -----*/
#ftr { text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#FFFFFF; margin:10px 0; }
#ftr a {color:#FFFFFF; text-decoration:none;}
/*----- FOOTER -----*/

/*----- CONTACT FORM -----*/
table#cx { margin:10px 0 0 }
table#cx td{ text-align:left; padding:0 }
table#cx td.space { width: 15px }
table#cx th { text-align:left; font-size:12px; font-weight: bold; color:#333333; padding:6px 0 3px; text-transform:uppercase }
td#label { }
table#cx input.cxBtn { margin:10px 0 0 }
div.req { padding:0; border:0 solid white; border-left: 5px solid #d11f1f; float:left }
input.cx { margin:0; font-size:11px; height:18px; width:200px; border:1px solid #cccccc; background-color:#f6f6f6 }
input#x_state { width:40px; margin-right:10px }
input#x_zip { width:105px }
textarea#x_comments { width:419px; height:125px; border:1px solid #cccccc; background-color:#f6f6f6 }		

/*OnSubmit required fields will change to this class by js*/
input.error { border:2px solid #ff6622; background-color:#fff6f6 }
/*----- CONTACT FORM -----*/

#testimonial {width:480px;}