@charset "utf-8";
/* CSS Document */
#page-banner-wrapper {position:relative; margin:0 auto; overflow:hidden; padding-bottom:20px; }
#page-banner {float:right; right:50%; max-height:418px; }
#page-banner img {right:-50%; max-width:100%; height:auto; width: auto\9; }

a.divLink {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-decoration:none;	
}

#blog-wrapper {
	background-color:#fff;
	width:100%;
	margin-bottom:25px;
	position:relative;
}
#blog {
	margin:0 auto;
	width:70%;
	overflow:hidden;
}
#blog-image {font-family:"Comic Sans MS", cursive; float:left; width:100%; overflow:hidden; font-size:3em; }
#blog-image img {padding:10px 20px; vertical-align:middle; }
#blog-text {float:left; width:50%;  }

#page-head-wrapper {
	background-color:#fff;
	width:100%;
	border-top: 2px black solid;
	border-bottom: 2px black solid;
}
#page-head {
	margin:0 auto;
	width:70%;
	padding:20px;
	margin-bottom:20px;
}
#page-head h2 {font-size:2em; padding-top:30px; }
#page-head a {font-weight:bold; color:#000; }

.tracker-text {
	width:95%;
	margin:0 auto;;
	color:#000;
}

.read-more {color:#999; font-style:italic; }

.product_row_wrapper {width:100%; padding:0; font-size:1.4em; }
.product_row_3 {
	float:left; 
	width:24%;
	padding:20px;
	margin:2% 2%;
	background-color:#fff;
}
.product_row_2 {
	float:left; 
	width:35%;
	padding:20px;
	margin:2% 0 2% 7%;
	background-color:#fff;
}
.product_row_1 {
	margin:2% auto; 
	width:70%;
	padding:20px;
	background-color:#fff;
}
.product_last_row_1 {
	width:24%; 
	margin:2% auto; 
	padding:20px;
	background-color:#fff;
}
.product_last_row_2 {
	float:left;
	width:24%; 
	margin: 2% 0 2% 14%;
	padding:20px;
	background-color:#fff;
}

#tracking {
	background-size:100%;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover;
	width:100%;
	margin:0 auto;
	border:1px solid #fff;
}
a.trackingLink {
	text-decoration:none; 
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	color:#fff;
}

#personal-tracking {
	background-image:url(/img/personal-tracking-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	height:500px;
	border-top:2px black solid;
	border-bottom:2px black solid;
	margin-bottom:30px;
}
#personal-data {position:absolute; top:10%; left:20%; width:60%; font-size:1.5em; line-height:2; }
#asset-tracking {
	background-image:url(/img/asset-tracking-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	height:500px;
	border-top:2px black solid;
	border-bottom:2px black solid;
	margin-bottom:30px;
}
#asset-data {position:absolute; top:10%; left:20%; width:60%; font-size:1.5em; line-height:2; }
#fleet-tracking {
	background-image:url(/img/fleet-tracking-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	height:500px;
	border-top:2px black solid;
	border-bottom:2px black solid;
	margin-bottom:30px;
}
#fleet-data {position:absolute; top:10%; left:20%; width:60%; font-size:1.5em; line-height:2; }
/*
.trackingTypes {width:60%; margin:0 auto; border-radius:0 0 10px 10px; text-align:center; font-size:22px; color:#F00; }
	.personal-wrapper {float:left; width:33%; }
		.personal {width:100%; border-radius:inherit; border:1px solid #fff; padding:10px 0; border-bottom-left-radius:10px; background-color:#000; }
	.asset-wrapper {float:left; width:33%; }
		.asset {width:100%; border-radius:inherit;  border:1px solid #fff; padding:10px 0; background-color:#000;  }
	.fleet-wrapper {float:left; width:33%; }
		.fleet {width:100%; border-radius:inherit; border:1px solid #fff; padding:10px 0; border-bottom-right-radius:10px; background-color:#000;  }
*/
@media (max-width:1130px) {
	#demo {width:72%; }
}

@media (max-width:1004px) {
	.product_row_3 { width:70%; margin:2% auto; float:none; }
	.product_row_2 { width:70%; margin:2% auto; float:none; }	
	.product_last_row_1 { width:70%; margin:2% auto; }
	.product_last_row_2 { width:70%; margin:2% auto; float:none; }
	#tracking_page {display:none; }
	#tracking_login {width:50%; }
	.liveDemo {width:50%; }
	#demo {width:50%; }
}

@media (max-width:680px) {
	#tracking_login {display:none; }
	.liveDemo {width:100%; font-size:.8em; padding-top:0; }
	#demo {min-height:112px; width:30%; }
}

@media (max-width:473px) {
	.trackingTypes {font-size:12px; }
	#demo {min-height:75px; }
}