@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;display=swap');

body {
 /* font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
font-family: 'Inter', sans-serif;
 background-color: #FFF;
 margin: 0 auto;
 text-align: left;
 background-image:url(images/assured-telematics-bg.html);
 background-repeat: repeat-x;
}

body th,td, p {
 font-size: 15px;
 font-style: normal;
 line-height: normal;
 font-weight: normal;
 color: #777777;
 text-align: justify;
 /* font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
font-family: 'Inter', sans-serif;
}

ul, li {
 color: #777777;
 list-style: circle;
 font-size: 15px;
}
h1 {
 color: #000;
 /* font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
font-family: 'Inter', sans-serif;
 font-size: 28px;
 font-weight: normal;
 text-align: left;
 line-height: 38px;
 }

h2 {
 color: #000;
 /* font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
font-family: 'Inter', sans-serif;
 font-size: 24px;
 font-weight: normal;
 text-align: left;
 }

h3 {
 color: #000;
 /* font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
font-family: 'Inter', sans-serif;
 font-size: 20px;
 font-weight: normal;
 text-align: left;
 }
h4 {
 color: #000;
 /* font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
font-family: 'Inter', sans-serif;
 font-size: 18px;
 font-weight: normal;
 text-align: left;
 }
h5 {
 color: #000;
 /* font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
font-family: 'Inter', sans-serif;
 font-size: 16px;
 font-weight: normal;
 text-align: left;
 }

h6 {
 color: #000;
 /* font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
font-family: 'Inter', sans-serif;
 font-size: 14px;
 font-weight: bold;
 text-align: left;
 }

a:link {
 color: #0d75be;
 text-decoration: none;
 font-weight: bold;
}
a:visited {
 text-decoration: none;
 color: #0d75be;
  font-weight: bold;
}
a:hover {
 color: #777777;
 font-weight: bold;
}
a:active {
 text-decoration: underline;
 color: #0d75be;
  font-weight: bold;
}
.clear { clear: both; }
.testimonialText {
	color: #0d75be;
	/* font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	line-height: 22px;
}
.black {
	color: #000;
}
/* Styles**************************************/




/* Styles END**************************************/

/* TOP NAVIGATION STYLES **************************************/
div#topnavbg {
	width: 709px;
	height:30px;
}


	#topnavarea {
		width:709px;
		height: 30px;
		margin: auto;
	}

		.topnavlink {
			height:30px;
			line-height: 30px;
			float: left;
			margin:auto;
		}


			.topnavlink a {
				/* font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
font-family: 'Inter', sans-serif;
				font-size:17px;
				font-weight: normal;
				font-style: normal;
				color: #FFF;
				text-decoration:none;
				display: block;
				padding-left:14px;
				padding-right:14px;
			}

			.topnavlink a:hover {
				color: #FFF;
				background-image:url(images/hover.html);
				background-repeat:repeat;
			}



/* TOP NAV STYLES END **************************************/



/* Website Container **************************************/
div#website_container {
 width: 980px;
 margin-right: auto;
 margin-left: auto;
 margin-top: 0px;
 height: auto;
}

div#top-area-container {
	width: 980px;
	float: left;
	height: 148px;
}

div#logo {
	width: 282px;
	height: 137px;
	float: left;
	margin-top: 10px;
}

div#top-area-right-container {
	width: 610px;
	height: 148px;
	float: right;

}

div#very-top-container {
	width: 610px;
	height: 33px;
	float: left;
}

 div#very-top-info {
	 width: 246px;
	 height: 25px;
	 float: right;
	 background-image:url(images/assured-telematics-top-info.html);
	 background-repeat: no-repeat;
	 color: #FFF;
	 padding-left:27px;
	 padding-top: 8px;
 }

  div#myfleetapps-link {
	 float: left;
	 background-repeat: no-repeat;
	 color: #FFF;
	 padding-left:216px;
	 padding-top: 8px;
 }

  div#myfleetapps-link a {
	 font-weight: normal;
 }

   div#myfleetapps-link a:hover {
	 color: #FFF;
	 font-weight: normal;
 }


 div#very-top-info a {
	 color: #FFF;
	 font-weight: normal;
 }



div#links-container-area {
	margin-left: -45px !important;
	width: 610px;
	height: 31px;
	float: left;
	margin-top: 49px;
}

div#homepage-banner-container {
	width: 980px;
	height: 309px;
	float: left;
}


div#main-body-area {
	width: 980px;
	height: auto;
	float: left;
	padding-top: 25px;
}

.feature-image {
	width: 340px;
	height: auto;
	float: left;
}
.testimonial {
	margin-top: 20px;
	width: 630px;
	height: auto;
	float: left;
}
#ati-brief {
	width: 780px;
	height: auto;
	float: left;
	margin-left: 30px;
}
#ati-brief-image {
	width: 160px;
	height: auto;
	float: left;
}
div#footer {
	width: 980px;
	height: 55px;
	float: left;
	margin-top: 10px;
	border-top: 1px solid #CCC;
	padding-top: 10px;
	text-align: center;
	font-size: 12px;
	color: #777777;
}

div#footer p{
	text-align: center;
	font-size: 12px;
	color: #777777;
}

div#footer a{
	text-align: center;
	font-size: 12px;
	color: #777777;
	font-weight: normal;
}





/* Website Container END**************************************/
