* {
	font-family: Tahoma, Verdana, Arial, san-serif;
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	margin: 10px 0 0 0;
	font-size: 12px;
	color: #000066;
	line-height: 14px;
}

a.content {
	color: #000066;
	text-decoration: underline;
}

a:hover.content {
	color: #800000;
	text-decoration: underline;
}

a.main {
	text-align: center;
	color: #fff;
	font-weight: bold;
}

a:hover.main {
	text-align: center;
	color: #000;
}

/* CONTAINER */

div#wrapper {
margin: 0 auto; border: 1px solid #000066; width: 800px;}

div#container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 772px;
	height: 1800px;
	border: 10px solid #800000;
	border-bottom: 0px;
}

div#containercs {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 772px;
	
	border: 10px solid #800000;
	border-bottom: 0px;
}

/* HEADER */



#header {
	background-color: #800000;
	height: 174px;
	left: 0;
	position: absolute;
	top: 0;
	width: 772px;
}

#header img {
	display: block;
}

#subheader {
	background-image: url("../images/subheader.jpg");
	background-repeat: no-repeat;
	background-color: #800000;
	height: 119px;
	left: 0;
	position: absolute;
	top: 0;
	width: 772px;
}

#subheader img {
	display: block;
}

#crumbs {
	position: absolute;
	top: 133px;
	left: 0px;
	background-image: url("../images/breadcrumb.gif");
	background-repeat: no-repeat;
	color: white;
	font: bold 11px Verdana;
	height: 40px;
	width: 772px;
	padding: 0 0 0 15px;
}

#crumbsub {
	position: absolute;
	top: 79px;
	left: 0px;
	background-image: url("../images/breadcrumb.gif");
	background-repeat: no-repeat;
	color: white;
	font: bold 11px Verdana;
	height: 40px;
	width: 772px;
	padding: 0 0 0 15px;
}

#crumbs a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#crumbs a:hover {
	text-decoration: underline;
}

#crumbsub a {
	color: white;
	font-weight: normal;
	text-decoration: none;
}

#crumbsub a:hover {
	text-decoration: underline;
}


/*NAVIGATION*/

#navbar {
position: absolute;
top: 148px;
left: 0px;
}

#navbarsubpage {
position: absolute;
top: 93px;
left: 0px;
}

 ul#navlist
 {
 padding: 0;
 margin: 0;
 list-style-type: none;
 float: left;
 width: 772px;
 color: #fff;
 background-color: #800000;
 }

 ul#navlist li { display: inline; }

 ul#navlist li a
 {
 float: left;
 width: 151px;
 background-image: url("../images/nav.gif");
 background-repeat: no-repeat;
 color: #fff;
 background-color: #800000;
 text-align: center;
 padding: ;
 text-decoration: none;
 border-right: 3px solid #000;
 height: 20px;
 margin: 0 0 0 0;
 padding: 3px 0 0 0;
 font-weight: bold;
 font-size: 12px;
 
 }

 ul#navlist li a:hover
 {
 float: left;
 width: 151px;
 background-image: url("../images/navover.jpg");
 background-repeat: no-repeat;
 color: #fff;
 background-color: #FF0000;
 text-align: center;
 text-decoration: none;
 border-top: 2px solid #FFB03A;
 border-right: 3px solid #000;
 border-bottom: 2px solid #000;
 height: 18px;
 margin: 0 0 0 0;
 padding: 1px 0 0 0;
 font-weight: bold;
 font-size: 12px;
}
 
 ul#navlist li a.right
 {
 float: left;
 width: 154px;
 background-image: url("../images/navfix.gif");
 background-repeat: no-repeat;
 color: #fff;
 background-color: #800000;
 text-align: center;
 padding: ;
 text-decoration: none;
 border-right: 2px solid #000;
 height: 20px;
 margin: 0 0 0 0;
 padding: 3 0 0 0;
 font-weight: bold;
 font-size: 12px;
}

ul#navlist li a:hover.right
 {
 float: left;
 width: 152px;
 background-image: url("../images/navover.jpg");
 background-repeat: no-repeat;
 color: #fff;
 background-color: #FF0000;
 text-align: center;
 text-decoration: none;
 border-top: 2px solid #FFB03A;
 border-right: 3px solid #000;
 border-bottom: 2px solid #000;
 height: 18px;
 margin: 0 0 0 1px;
 padding: 1px 0 0 0;
 font-weight: bold;
 font-size: 12px;
}
 
  ul#navlist li a.active
 {
 float: left;
 width: 151px;
 background-image: url("../images/navover.jpg");
 background-repeat: no-repeat;
 color: #fff;
 background-color: #FF0000;
 text-align: center;
 text-decoration: none;
 border-top: 2px solid #FFB03A;
 border-right: 3px solid #000;
 border-bottom: 2px solid #000;
 height: 18px;
 margin: 0 0 0 0;
 padding: 1px 0 0 0;
 font-weight: bold;
 font-size: 12px;
}

  ul#navlist li a.activeright
 {
 float: left;
 width: 152px;
 background-image: url("../images/navover.jpg");
 background-repeat: no-repeat;
 color: #fff;
 background-color: #FF0000;
 text-align: center;
 text-decoration: none;
 border-top: 2px solid #FFB03A;
 border-right: 3px solid #000;
 border-bottom: 2px solid #000;
 height: 18px;
 margin: 0 0 0 1px;
 padding: 1px 0 0 0;
 font-weight: bold;
 font-size: 12px;
}

 ul#navlist li a:hover.activeright
 {
 float: left;
 width: 152px;
 background-image: url("../images/navover.jpg");
 background-repeat: no-repeat;
 color: #fff;
 background-color: #FF0000;
 text-align: center;
 text-decoration: none;
 border-top: 2px solid #FFB03A;
 border-right: 3px solid #000;
 border-bottom: 2px solid #000;
 height: 18px;
 margin: 0 0 0 1px;
 padding: 1px 0 0 0;
 font-weight: bold;
 font-size: 12px;
}




/*LEFT COLUMN */



#left {
position: absolute;
top: 174px;
left: 0px;
width: 154px;
height: 700px;
border-right: 0px solid #000;
}

#subleft {
position: absolute;
top: 119px;
left: 0px;
width: 154px;
height: 700px;
border-right: 0px solid #000;
}

a.leftlink {
display: block;
padding: 4px 0 2px 4px;
background-color: #ccc;
height: 18px;
color: #000066;
text-decoration: none;
font-size: 10px;
font-weight: bold;
border-bottom: 3px solid #fff;
}

a:hover.leftlink {
color: #800000;
text-decoration: underline;
}

/*.vspacer {
height: 3px;
}*/

#picleft {
padding: 12px 0 0 0;
}

.contentleft {
font-size: 10px;
padding: 0 0 0 10px;
color: #000;
}

.subleft {
	padding: 10px 0 5px 0;
}

.lefttitle {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding: 15px 0 0 0;
}

.line {
margin: 10px 0 10px 10px;
width: 142px;
border-top: 1px solid #000066;
}

.line2 {
margin: 5px 0 10px 20px;
width: 113px;
border-top: 1px solid #000066;
}

.logo2 {
padding: 15px 0 0px 10px;
}

.dyna {
padding: 15px 0 10px 10px;
}

.dblack {
font-size: 10px;
color: #000066;
padding: 0 0 10px 20px;
}

a#dblack {
font-size: 10px;
font-weight: normal;
color: #000066;
padding: 0 0 10px 0px;
text-decoration: none;
}

a:hover#dblack {
font-size: 10px;
color: #800000;
padding: 0 0 10px 0;
text-decoration: underline;
}

.copy {
font-size: 11px;
color: #000066;
padding: 0 0 10px 5px;
}




/*SUBNAV*/





#subnav {
position: absolute;
top: 174px;
left: 154px;
height: 24px;
width: 618px;
background-color: #000066;
}

#subnav2 {
position: absolute;
top: 119px;
left: 154px;
height: 24px;
width: 618px;
background-color: #000066;
}

 ul#subnavlist
 {
 padding: 0;
 margin: 0;
 list-style-type: none;
 float: left;
 width: 618px;
 color: #fff;
 background-color: #000066;
 }

 ul#subnavlist li { display: inline; }

 ul#subnavlist li a
 {
 float: left;
 background-image: url("");
 background-repeat: no-repeat;
 color: #fff;
 background-color: #000066;
 text-align: center;
 text-decoration: none;
 border-right: 1px solid #fff;
 height: 20px;
 padding: 4px 20px 0 20px;
 margin: 0 0 0 0;
 font-weight: bold;
 font-size: 9px;
  }

ul#subnavlist li a.noborder, ul#subnavlist li a:hover.noborder {
	border: 0px;}

 ul#subnavlist li a:hover
 {
 float: left;
 background-image: url("");
 background-repeat: no-repeat;
 color: #ff0000;
 background-color: #000066;
 text-align: center;
 text-decoration: none;
 border-right: 1px solid #fff;
 height: 20px;
 padding: 4px 20px 0 20px;
 margin: 0 0 0 0;
 font-weight: bold;
 font-size: 9px;
}
ul#subnavlist li a.right
 {
 border-right: 0px solid #fff;
 }

ul#subnavlist li a:hover.right
 {
 border-right: 0px solid #000;
}
 
 ul#subnavlist li a.active
 {
 float: left;
 width: 102px;
 background-image: url("");
 background-repeat: no-repeat;
 color: #fff;
 background-color: #ff0000;
 text-align: center;
 text-decoration: none;
 height: 20px;
 margin: 0 0 0 0;
 padding: 4px 0 0 0;
 font-weight: bold;
 font-size: 9px;
 }
 
 ul#subnavlist li a.activeright
 {
 float: left;
 width: 103px;
 background-image: url("");
 background-repeat: no-repeat;
 color: #fff;
 background-color: #ff0000;
 text-align: center;
 text-decoration: none;
 height: 20px;
 margin: 0 0 0 0;
 padding: 4px 0 0 0;
 font-weight: bold;
 font-size: 9px;
 border-right: 0px;
 }
 
  ul#subnavlist li a:hover.activeright
 {
 float: left;
 width: 103px;
 background-image: url("");
 background-repeat: no-repeat;
 color: #fff;
 background-color: #ff0000;
 text-align: center;
 text-decoration: none;
 height: 20px;
 margin: 0 0 0 0;
 padding: 4px 0 0 0;
 font-weight: bold;
 font-size: 9px;
 border-right: 0px;
 }
 
 

/*CONTENTS*/




.contenttitle {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 10px;
}

#home {
	position: absolute;
	top: 205px;
	left: 160px;
	width: 610px;
	height: auto;
	background-image: url("../images/home.jpg");
	background-repeat: no-repeat;
}

#solutions {
	position: absolute;
	top: 168px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/solutions.gif");
	background-repeat: no-repeat;
}

#communication {
	position: absolute;
	top: 168px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/communication.gif");
	background-repeat: no-repeat;
}

#driverlogs {
	position: absolute;
	top: 168px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/driverlogs.gif");
	background-repeat: no-repeat;
}

#mapping {
	position: absolute;
	top: 168px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/mapping.gif");
	background-repeat: no-repeat;
}

#safety {
	position: absolute;
	top: 168px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/safety.gif");
	background-repeat: no-repeat;
}

#fuelmanagement {
	position: absolute;
	top: 168px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/fuelmanagement.gif");
	background-repeat: no-repeat;
}

#customization {
	position: absolute;
	top: 168px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/customization.gif");
	background-repeat: no-repeat;
}

#customerstories {
	position: absolute;
	top: 145px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/customerstories.gif");
	background-repeat: no-repeat;}

#leftcolumn {
position: absolute;
top: 70px;
left: 2px;
width: 300px;
border-right: 1px solid #ccc;
height: auto;
padding: 0px;
}

#rightcolumn {
position: absolute;
top: 70px;
left: 308px;
width: 302px;
border-right: 0px solid #ff0000;
height: auto;
padding: 0;
}

.arrow
{	padding: 2px 0 0 0;
}

#aboutus {
	position: absolute;
	top: 145px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/aboutus.gif");
	background-repeat: no-repeat;
}

#contactus {
	position: absolute;
	top: 145px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/contactus.gif");
	background-repeat: no-repeat;
}

#login {
	position: absolute;
	top: 145px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/login.gif");
	background-repeat: no-repeat;
}

#links {
	position: absolute;
	top: 145px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/links.gif");
	background-repeat: no-repeat;
}

#faq {
	position: absolute;
	top: 145px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/faq.gif");
	background-repeat: no-repeat;
}

#sitemap {
	position: absolute;
	top: 145px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/sitemap.gif");
	background-repeat: no-repeat;
}

#disclaimer {
	position: absolute;
	top: 145px;
	left: 160px;
	width: 600px;
	height: auto;
	background-image: url("../images/disclaimer.gif");
	background-repeat: no-repeat;
}

a.anchor {
	font-size: 9px;
	color: #000066;
	text-decoration: underline;
}
a:hover.anchor {
	color: #ff0000;
	text-decoration: underline;
}

.redline {
padding: 10px;
margin: 15px 6px 0 6px;
border-top: 2px solid #800000;
width: 265px;
}

.floatright {
	float: right;
}

li {
	color: #000;
}

.logo {
	position: absolute;
	top: 0px;
	left: 0px;
}

p.home {
	padding: 180px 40px 15px 10px;
}

p.story {
	padding: 5px 8px 5px 5px;
}

p.subpage {
	padding: 54px 40px 15px 10px;
}

p.solutions {
	padding: 75px 40px 15px 10px;
}

p.ul {
	padding: 0 0 0 10px;
}

p {padding: 0 40px 15px 10px}

.red {
	color: #800000;
	}
	
strong {
	color: #000066;
}

table#form {
	width: 450px;
	padding: 0 0 0 80px;
}
	
ul {padding: 0 0 15px 30px;
	color: #000066;
}


li {color: #000066;}
li.blue {
	color: #000066
}

.cstitle {
	background-image: url(../images/cstitlebck.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 5px 0px;
	height: 50px;
	width: 295px;
	margin-left: 0px;
	text-align: center;
	line-height: 20px;
}

.names1{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	color: #fff;
}	

.names{
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 10px 0px;
}


.nametitle1 {
	font-weight: normal;
	font-size: 10px;
	padding: 0;
	color: #fff;
}	


.nametitle {
	font-weight: normal;
	font-size: 9px;
	padding: 0 10px 10px 0;
}	


.storytitle1 {
	font-weight: bold;
	font-size: 14px;
	color: #800000;
	color: #fff;
}

.storytitle {
	font-weight: bold;
	font-size: 14px;
	color: #800000;
	padding: 0 0 2px 0;
}

p.sml1 {
	font-weight: bold;
	margin: 8px 0 0 48px;
	padding: 0;
}
p.sml2 {
	margin: 0 0 0 78px;
	padding: 0;
}
p.sml3 {
	margin: 0 0 0 108px;
	padding: 0;
}
	
	
td {}

/* FORM ELEMENTS */

.box {
    font-size: 12px;
    border: 1px solid #800000;

}
select.boxx {
	background: white;
    border: solid 1px #800000;
	color: black;
    font-size: 12px;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
}

.errmsg {
    font-size: 12px;
    font-weight: bolder;
    color: #800000;
}

#footer { clear: both;}


/* only IE mac/win sees these "* html" style fixes below */
/* note: first value is ie5/6win, optional escaped value is ie6win only */
/* make sure you don't put the escape slash before a-f */
	* html #crumbs { height: 16px }
	* html #content { width: 584px }
/* start hide from ie5 mac until next comment \*/
	* html #logohead { margin-right: 0 }
/* stop hide from ie5 mac */