@charset "UTF-8";
/* CSS Document */

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }

body {
	margin: 0;
	padding: 0;
	background: url(/images/body-background-edited.jpg) fixed #579ac3 no-repeat;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #484848;
}

/*************** Template Header Area ***************/

#header {
	width: 960px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
}

#header img {
	float: left;
}

#header #nav {
	margin: 0;
	padding: 0;
}

#header #nav ul {
	list-style-type: none;
	float: right;
	width: 650px;
	margin-top: 55px;
}

#header #nav ul li {
	float: left;
	display: block;
	font-size: 16px;
	color: #8bb3e0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	overflow: hidden;

}

#header #nav ul li a {
	color: #5a5a5a;
	text-decoration: none;
}

#header #nav ul li a:hover {
	color: #579ac3;
	text-decoration: none;
}

/**************** Template Container ****************/

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#container p {
	line-height: 16px;
}

#container .phone {
	font-size: 24px;
	color: #14498b;
	font-weight: normal;
	padding-top: 8px;
	float: right;
	margin-right: 41px;
	font-family: Arial, Helvetica, sans-serif;
}

#container #videobg {
	background: url(/images/video-background.png) no-repeat;
	width: 652px;
	height: 403px;
	float: left;
	margin-top: 3px;
	padding-left: 15px;
	padding-top: 7px;
}

#container #videosidebg {
	background: url(/images/video-side-background2.png) no-repeat;
	width: 273px;
	height: 307px;
	float: left;
	font-size: 11px;
	padding: 9px 10px 10px 10px;
	color: #484848;
	margin-top: 12px;
}

#container #videosidebg h1 {
	font-weight: bold;
	color: #195c9d;
	font-size: 14px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#container #videosidebg p {
	margin-bottom: 10px;
}

#container #videosidebg #getstarted {
	margin-top: 21px;
}

#container #videosidebg #getstarted p {
	padding-top: 30px;
	margin-left: 188px;
}

#container #videosidebg #getstarted a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #484848;
	font-size: 16px;
	font-weight: bold;
}

#container #videosidebg #getstarted a:hover {
	text-decoration: none;
	color: #195c9d;
}


#container #videosidebg #getstarted img {
	float: left;
	margin-right: 15px;
	padding-top: 4px;
}

#container #testimonialbg {
	background: url(/images/testimonial-background.png) no-repeat;
	float: left;
	width: 350px;
	height: 114px;
	margin-top: 12px;
	padding: 10px 10px 5px 10px;
}

#container #testimonialbg h1 {
	font-size: 18px;
	color: #195c9d;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 5px;
	padding-bottom: 0;
}

#container #testimonialbg p {
	margin: 0;
	padding: 0;
}

#container #testimonialbg p.readmore {
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#container #testimonialbg a {
	font-weight: bold;
	color: #5a5a5a;
	text-decoration: none;
}
	
#container #testimonialbg a:hover {
	color: #195c9d;
	text-decoration: none;
}

#container #toomuchbg {
	background: url(/images/toomuch-background.png) no-repeat;
	float: left;
	width: 533px;
	height: 115px;
	margin-top: 12px;
	margin-left: 37px;
	padding: 10px 10px 5px 10px;
}

#container #toomuchbg h1 {
	font-size: 18px;
	color: #195c9d;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 5px;
	padding-bottom: 0;
}	

#container #toomuchbg p {
	margin: 0;
	padding: 0;
}

#container #toomuchbg p.learnmore {
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#container #toomuchbg a {
	font-weight: bold;
	color: #5a5a5a;
	text-decoration: none;
}
	
#container #toomuchbg a:hover {
	color: #195c9d;
	text-decoration: none;
}

/*************** Template Footer *****************/

#footer {
	width: 960px;
	font-size: 11px;
	color: #ffffff;
	overflow: hidden;
	clear: both;
	float: none;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #98cbea;
}

#footer ul {
	float: left;
	margin-left: 5px;
	padding: 0;
	margin-top: 10px;
}

#footer ul li {
	list-style-type: none;
	margin-right: 20px;
	margin-bottom: 10px;
}

#footer ul li a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#footer ul li a:hover {
	color: #98cbea;
	text-decoration: none;
}

#footer #copyright {
	float: right;
	text-align: right;
	width: 425px;
	margin-bottom: 20px;
}
#footer #copyright .copyright {font-size: 10px;margin-top: 8px;}
#footer #copyright .website {font-size: 10px;color: #bfd2e4;}
#footer #copyright .website a {color: #bfd2e4;text-decoration: none;}
#footer #copyright .website a:hover {color: #FFF;}

#footer #copyright ul {
	float: right;
}

#footer #copyright p {
	clear: right;
}

#footer #copyright ul li {
	display: block;
	list-style-type: none;
	height: 20px;
	padding-top: 5px;
	float: left;
	margin-right: 1px;
	margin-left: 10px;
}

#footer #copyright ul li.home {
	background: url(/images/home.png) no-repeat;
	height: 20px;
	padding-left: 25px;
}

#footer #copyright ul li.contact {
	background: url(/images/contact.png) no-repeat;
	height: 20px;
	padding-left: 25px;
}

/******************** content area *****************/

#container #contenttop {
	width: 960px;
	height: 13px;
	background: url(/images/content-background-top.png) no-repeat;
	display: block;
	margin-top: 3px;
	overflow: hidden;
}

#container #content {
	width: 960px;
	background: url(/images/content-background.png) repeat-y;
	overflow: hidden;
}

#container #content #maintext {
	float: left;
	width: 640px;
	margin: 15px 0 0 15px;
}

#container #content #maintext .breadcrumb {
	font-size: 10px;
	margin-bottom: 20px;
}

#container #content #maintext h1 {
	font-size: 19px;
	font-family: Arial, Helvetica, sans-serif;
	color: #195c9d;
	font-weight: normal;
	margin-bottom: 10px;
}

#container #content #maintext h2 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #195c9d;
	font-weight: normal;
	margin-bottom: 25px;
}

#container #content #maintext h3 {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #484848;
	font-weight: normal;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 15px;
}

#container #content #maintext h4 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #66991c;
	font-weight: normal;
	font-weight: bold;
	margin-bottom: 40px;
}

#container #content #maintext h5 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: It's That Simple. It's That Smart
.;
	font-weight: normal;
	font-weight: bold;
	margin-bottom: 25px;
}

#container #content #maintext h6 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #195c9d;
	margin-bottom: 10px;
}

#container #content #maintext a {
	color: #195c9d;
}

#container #content #maintext a:hover {
	color: #66991c;
}

#container #content #maintext p {
	line-height: 19px;
	margin-bottom: 20px;
}

#container #content #maintext ul {
	margin-left: 20px;
	margin-bottom: 25px;
}

#container #content #maintext ul li {
	list-style-type: none;
	background: url(/images/waterdrop.jpg) 0 0 no-repeat;
	margin-bottom: 10px;
	padding: 0 0 0 25px;
	line-height: 19px;
}

#container #content #maintext .imgRight {
	float: right;
	margin-left: 15px;
}

#container #content #maintext .imgLeft {
	float: left;
	margin-right: 15px;
	margin-top: 0px;
}

#container #contentbottom {
	width: 960px;
	height: 13px;
	background: url(/images/content-background-bottom.png) no-repeat;
	display: block;
	margin-bottom: 15px;
}

#container #content #sidebar {
	float: right;
	width: 223px;
	margin-right: 17px;
	margin-top: 15px;
}

#container #content #sidebar a {
	color: #195c9d;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#container #content #sidebar a:hover {
	color: #3c76ae;
	text-decoration: none;
}

#container #content #sidebar #greenbox a {
	background: url(/images/video-rollover.jpg) 0 0 no-repeat;
	width: 237px;
	height: 211px;
	display:block;
}
#container #content #sidebar #greenbox a:hover {background: url(/images/video-rollover.jpg) 0 -211px no-repeat;}
#container #content #sidebar #greenbox p {
	margin-top: 27px;
	margin-left: 15px;
}

#container #content #sidebar #greenbox img {
	margin-top: 39px;
	margin-left: 25px;
}

#container #content #sidebar #greenbox2 a {
	width: 237px;
	height: 211px;
	margin-bottom: 30px;
	margin-top: 5px;
	display: block;
	background-image: url(/images/GPS-rollover.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#container #content #sidebar #greenbox2 a:hover {
	background-image: url(/images/GPS-rollover.jpg);
	background-repeat: no-repeat;
	background-position: 0 -211px;
}

#container #content #sidebar #greenbox2 p {
	margin-top: 3px;
	margin-left: 15px;
}

#container #content #sidebar #greenbox2 img {
	margin-top: 28px;
	margin-left: 47px;
}

/************** Site Map page *****************/

ul.sitemap {
	margin-top: 30px;
}

/******* Miscellaneous ************/

.center {
	text-align: center;
	margin-top: 50px;
}