@charset "utf-8";

/* -------------------------------Site Container Structure----------------------------------- */

#container {
background-image:url(images/headergap.png);
background-repeat:repeat-x;
}

#header {
height: 158px;
width:1019px;
margin:auto;
background-image:url(images/header.png);
background-repeat:no-repeat;
}

#ilotuslink {
float:left;
height:80px;
width:350px;
}

.sitenav {
float:right;
margin-top: 13px;
margin-right: 120px;
}

.sitenav li {
float:left;
display:inline;
font-size:11px;
color:#999999;
}

.sitenav a:hover {
text-decoration:none;
}

.pagenav {
position:absolute;
margin-top: 110px;
margin-left: 30px;
}

.pagenav li {
float:left;
display:inline;
font-size:14px;
color:#999999;
}

.pagenav a:hover {
text-decoration:none;
}

body#home a#homnav,
body#about a#abonav,
body#contact a#connav,
body#faq a#faqnav,
body#sitemap a#sitnav,
body#viewdemo a#vienav,
body#hardware a#harnav,
body#solution a#solnav,
body#support a#supnav {
color:#FFFFFF;
text-decoration:underline;
}

#maincontent {
width:1024px;
margin:auto;
}

#maincontent a{
color:#0033FF;
}

#title {
float:left;
padding-top:15px;
}

#footer {
height: 63px;
margin:auto;
color:#CCCCCC;
background-image:url(images/footer.png);
background-repeat:repeat-x;
clear:both;
}

.copyright {
width:500px;
position:relative;
top:25px;
left: 300px;
list-style:none;
font-size: 11px;
}

.crumbs li{
position:relative;
display:inline;
top: 10px;
left: 1024px;
list-style:none;
font-size: 11px;
}

#foot {
text-decoration:underline;
}

/* ---------------- END Site Container Structure ------------------ */

/* ----------------------- Global Settings------------------------- */

* {
margin: 0px;
padding: 0px;
}

html, body {
height:100%;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
color:#333333;
background: #ffffff;
}

p {
font-family:Arial, Helvetica, sans-serif;
}

.red {
color:#DF0000;
}

a:link {
color:#CCCCCC;
text-decoration:none;
}

a:visited {
color:#CCCCCC;
text-decoration:none;
}

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

a:active {
color:#CCCCCC;
text-decoration:none;
}

.hidden {
display: none;
}

h1 {
margin: 0px;
padding: 0px;
}

h2 {
clear:both;
margin: 0px;
padding: 0px;
}

.content {
clear:both;
width:577px;
float:left;
padding: 15px;
line-height:1.5em;
}

.contentcenter {
padding: 15px;
line-height:1.5em;
}

.highlighted {
color:#DF0000;
font-size:14px;
font-style:italic;
}

.bhighlighted {
color:#DF0000;
font-size:15px;
font-style:italic;
font-weight:bold;
}

/* -------------------------------------------END Global Settings----------------------------- */

/* -------------------------------------------Index.html---------------------------------------*/

a#signup {
    display: block;
    width: 156px;
    height: 60px;
    background-image:url(images/signup1.png);
	margin-top: 80px;
	margin-left: 700px;
}

a:hover#signup {
    background-image:url(images/signup1.png);
	background-position:-156px;
}

a .alt { 
display: none; 
}

#evaltoday {
float:left;
clear:both;
width: 904px;
height: 257px;
background-image:url(images/evaltoday.png);
}

#top_imgs {
width: 1024px;
height: 313px;
}

#imgcar {
float:left;
clear:both;
width: 417px;
height:265px;
background-image:url(images/truck.png);
}

a.img_monitor {
float:right;
display: block;
width: 606px;
height: 313px;
background-image:url(images/monitor_hover.png);
}

a.img_monitor:hover {
background-image:url(images/monitor_hover.png);
background-position:-627px;
}

/* -------------------------------------------END Index.html---------------------------------------*/

/* --------------------------------------------------About Us-------------------------------------------------------- */

.aboutus {
clear:both;
text-align:justify;
padding-left: 100px;
padding-right: 200px;
padding-top: 30px;
padding-bottom: 50px;
line-height: 3em;
}

.aboutusmain {
position:relative;
margin-bottom:10px;
font-size:13px;
text-align:justify;
width:1024px;
line-height: 2.5em;
}

#roadahead {
float:left;
margin-top:10px;
width:320px;
height:89px;
margin-left: 170px;
background-image:url(images/road.png)
}

/* --------------------------------------------------END About Us-------------------------------------------------------- */

/* --------------------------------------------------Contact Map Canvas-------------------------------------------------------- */

#address {
clear:both;
float:left;
margin-top:20px;
margin-left:100px;
font-size:12px;
line-height:2em;
}

#crest {
float:left;
clear:left;
width:128px;
height:104px;
background-image:url(images/crest.png);
margin-left:140px;
}

#map_canvas {
float:left;
width:500px;
height:300px;
clear:both;
color:#CC0000;
margin-top:-300px;
margin-left:370px;
margin-bottom: 30px;
overflow:hidden;
}

/*---------------------------------------------------END Contact Map---------------------------------------------*/

/*---------------------FAQ--------------------*/

.Accordion {
float:left;
margin-top: 20px;
margin-left: 50px;
margin-bottom: 20px;
border-left: solid 1px gray;
border-right: solid 1px gray;
border-bottom: solid 1px gray;
overflow: hidden;
width: 900px;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab {
	background-color:#CCCCCC;
	font-weight:bold;
	border-top: solid 1px grey;
	border-bottom: solid 2px white;
	margin: 0px;
	padding: 5px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AccordionPanelContent {
	overflow: auto;
	margin-left: 15px;
	margin-right: 15px;
	line-height: 1.5em;
	padding: 0px;
	height: 100px;
	font-size: 12px;
}

.AccordionPanelOpen .AccordionPanelTab {
	background-color:#CCCCCC;
}

.AccordionPanelTabHover {
	color:#000000;
	background-color:#C0C0C0;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color:#000000;
	background-color:#C0C0C0;
}

.AccordionFocused .AccordionPanelTab {
	background-color:#CCCCCC;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color:#CCCCCC;
}

/*---------------------END FAQ--------------------*/

/*-------------------Sitemap-----------------------*/

#sitemapcontainer {
float:left;
clear:both;
width:700px;
height:320px;
margin-top: 30px;
margin-bottom: 30px;
border:dotted;
border-color:#999999;
background-color:#CCCCCC;
}

#sitemapbox {
float:left;
width: 150px;
height: 250px;
margin-top: 35px;
margin-left: 120px;
padding-left:20px;
line-height:4em;
}

#sitemapbox a:link {
color:#333333;
}

#sitemapbox a:visited {
color:#333333;
}

#sitemapbox a:hover {
color:#000000;
}

#sitemapbox a:active {
color:#333333;
}

/*----------------END Sitemap------------------*/


/* ------------Software Demonstration----------------*/

#videolist {
float:left;
clear:both;
margin-top: 100px;
width: 250px;
height: 100px;
}

#videoframe {
float:left;
margin-top:-5px;
margin-left:35px;
}

a#btn_livetracking {
    display: block;
    width: 230px;
    height: 35px;
    background-image:url(images/btn_livetracking.png);
}

a:hover#btn_livetracking {
    background-image:url(images/btn_livetracking.png);
	background-position:-231px;
}

a#btn_historicaltracking {
    display: block;
    width: 230px;
    height: 35px;
    background-image:url(images/btn_historicaltracking.png);
}

a:hover#btn_historicaltracking {
    background-image:url(images/btn_historicaltracking.png);
	background-position:-231px;
}

a#btn_geofencing {
    display: block;
    width: 230px;
    height: 35px;
    background-image:url(images/btn_geofencing.png);
}

a:hover#btn_geofencing {
    background-image:url(images/btn_geofencing.png);
	background-position:-231px;
}

a#btn_reports {
    display: block;
    width: 230px;
    height: 35px;
    background-image:url(images/btn_reports.png);
}

a:hover#btn_reports {
    background-image:url(images/btn_reports.png);
	background-position:-231px;
}

a#btn_viewall {
    display: block;
    width: 230px;
    height: 35px;
    background-image:url(images/btn_viewall.png);
}

a:hover#btn_viewall {
    background-image:url(images/btn_viewall.png);
	background-position:-231px;
}

/* ------------END Software Demonstration----------------*/

/* --------------Hardware----------------*/

#fxoncoretitan {
background-image:url(images/fxoncoretitan.png);
float:left;
clear:both;
width: 386px;
height: 338px;
}

#hardwarecontent {
float:right;
width:630px;
line-height: 3em;
}

#fxdownloads1 {
width: 230px;
margin-top: 50px;
height:35px;
}

#featuresbox {
clear:both;
}

#keyfeatures {
float:left;
clear:right;
width: 230px;
background-color:#E9E9E9;
margin-top: 30px;
margin-left: 55px;
padding:20px;
margin-bottom: 30px;
line-height: 2.5em;
border-style:dotted;
border-width:1px;
}

/* ------------End Hardware--------------*/

/* --------------Our Solution--------------*/

#oursolution {
float:left;
margin-top:20px;
padding-bottom:30px;
background-image:url(images/solutiondiagram.png);
background-repeat:no-repeat;
width:761px;
height:488px;
}

#assetdownloads {
float:left;
text-align:center;
margin-top:120px;
margin-left: 20px;
width: 230px;
height: 140px;
}

#fxdownloads2 {
float:left;
text-align:center;
margin-left: 20px;
width: 230px;
height: 140px;
}

a#btn_brochure1 {
	float:left;
    display: block;
    width: 230px;
    height: 35px;
    background-image:url(images/btn_broch1.png);
}

a:hover#btn_brochure1 {
    background-image:url(images/btn_broch1.png);
	background-position:-231px;
}

a#btn_brochure2 {
	float:left;
    display: block;
    width: 230px;
    height: 35px;
    background-image:url(images/btn_broch2.png);
}

a:hover#btn_brochure2 {
    background-image:url(images/btn_broch2.png);
	background-position:-231px;
}

a#btn_datasheet {
	float:left;
    display: block;
    width: 230px;
    height: 35px;
    background-image:url(images/btn_datasheet.png);
}

a:hover#btn_datasheet {
    background-image:url(images/btn_datasheet.png);
	background-position:-231px;
}

/* --------------END Our Solution--------------*/

/* -------------------Support--------------------- */

#supporttext .content {
float:left;
margin-top:10px;
margin-left:100px;
line-height:2em;
}

#techsupport {
float:left;
width:315px;
height:210px;
background-image:url(images/techsupport.jpg);
margin-left: 50px;
margin-bottom:10px;
}

#contactsupport {
float:left;
clear:left;
width:200px;
margin-top:40px;
margin-left:130px;
}

/* -------------END Support--------------- */