@font-face {font-family: 'AsapCondensed-SemiBold';
	font-style: normal;
	font-weight: normal;
	src: local('AsapCondensed-SemiBold'), local('AsapCondensed-SemiBold'), url('fonts/AsapCondensed-SemiBold.ttf') format('otf'), url('fonts/AsapCondensed-SemiBold.ttf') format('truetype');
	}

@font-face {font-family: 'OpenSans-Regular';
	font-style: normal;
	font-weight: normal;
	src: local('OpenSans-Regular'), local('OpenSans-Regular'), url('fonts/OpenSans-Regular.ttf') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype');
	}

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

body {
    font-size: 16px;
    line-height: 20px;
    font-family: OpenSans-Regular, Arial, sans-serif;
    color: #404040;
    background-color: #fff;
}

a { color: #0055A5; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.content-divide {width: 978px; height: 20px; background:url(images/content-divide.png); clear: both; }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
p { padding: 0 0 11px 0; }
.left {float: left; padding: 5px 10px 0 0;}
.right {float: right; padding-left: 10px;}

#site-header {padding: 0 0 10px 0; margin: 0; width: 100%; line-height: 150%; background-color: #3B44C3; color: #fff; font-family: AsapCondensed-SemiBold, sans-serif;}
.phone-number {width: 480px; float: left; padding-top: 10px; text-align: left; font-size: 18px;}
.google-business {width: 480px; float: right; padding-left: 1px; padding-top: 10px; text-align: right; font-size: 18px;}
#site-header a {color: #fff;}

#miles-security-header {padding: 0; margin: 0; width: 100%; text-align: center;}
	.logo {width: 250px; float: left; padding-top: 30px;}
	.site-menu {width: 730px; float: left; padding-top: 48px;}

#splash {padding: 0; margin: 0; width: 100%; background: #C0C0C0 url(images/on-hold-messaging-splash.png) no-repeat top center; height: 400px;}

#footer-copyright {padding-top: 10px; padding-bottom: 10px; margin: 0; width: 100%; background-color: #404040; text-align: center; color: #fff; font-size: 14px;}
#footer-copyright a {color: #41B865;}
#navigation {padding: 0; margin: 0; width: 100%; background-color: #fff; text-align: center; solid #000; font-size: 30px;}
#wrapper { padding: 40px 0 20px 0; }

.shell { margin: 0 auto; width: 980px; }
.container {}

h1 {font-family: AsapCondensed-SemiBold, arial, sans-serif; font-size: 28px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h2 {font-family: AsapCondensed-SemiBold, arial, sans-serif; font-size: 24px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h3 {font-family: AsapCondensed-SemiBold, arial, sans-serif; font-size: 24px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h4 {font-family: AsapCondensed-SemiBold, arial, sans-serif; font-size: 24px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h5 {font-family: AsapCondensed-SemiBold, arial, sans-serif; font-size: 24px; padding-bottom: 5px; font-weight: normal; line-height: 110%; color: #fff;}
h6 {font-family: AsapCondensed-SemiBold, arial, sans-serif; font-size: 24px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h7 {font-family: AsapCondensed-SemiBold, arial, sans-serif; font-size: 32px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}
h8 {font-family: AsapCondensed-SemiBold, arial, sans-serif; font-size: 32px; padding-bottom: 5px; font-weight: normal; line-height: 110%;}

a.button {font-family: AsapCondensed-SemiBold, arial, sans-serif; font-size:20px; background-color: #3B44C3; color:#fff; display:inline-block; padding: 3px 23px 5px 23px;border: 1px solid #000;}
a.button:hover {background:#131313;}

a.button-dark {font-family: AsapCondensed-SemiBold, arial, sans-serif; font-size:20px; background-color: #0055A5; color:#fff; display:inline-block; padding: 3px 23px 5px 23px;border: 1px solid #fff;}
a.button-dark:hover {background:#131313;}

.graphic-center {width: 100%; text-align: center;}

#product-selection a {color: #000;}
#product-selection {padding: 40px 0 40px 0; margin: 0; width: 100%; line-height: 170%; background-color: #f1f1f1;}
	.residential {width: 485px; height: 330px; float: left; padding-right: 1px; padding-top: 15px; text-align: center; background: #fff url(images/residential-security-systems.png) no-repeat top center;}
	.commercial {width: 485px; height: 330px; float: right; padding-top: 15px; text-align: center; background: #fff url(images/business-security-systems.png) no-repeat top center;}


#about-us {padding: 40px 0 40px 0; margin: 0; width: 100%; line-height: 170%; color: #0055A4; text-align: center; font-size: 22px; background: #fff url(images/about-us-bg.png) no-repeat top center;}

#getting-started {padding: 40px 0 40px 0; margin: 0; width: 100%; line-height: 150%; text-align: center;}
	.step-one {width: 305px; float: left; margin-right: 30px;}
	.step-two {width: 305px; float: left; margin-right: 30px;}
	.step-three {width: 305px; float: left;}
	.steps {font-family: AsapCondensed-SemiBold, arial, sans-serif; font-size: 20px;}

#miles-security-solutions {padding: 40px 0 40px 0; margin: 0; width: 100%; line-height: 170%; background-color: #f1f1f1;}
	.who-we-are {width: 600px; float: left; padding-right: 1px; padding-top: 10px;}
	.services {width: 360px; float: right; padding-top: 10px; text-align: center;}
	ul#voice-quality-list {list-style-type: square; margin: 0; padding: 0 0 0 40px;}

#reseller-logos {padding: 40px 0 40px 0; margin: 0; width: 100%; line-height: 170%; color: #0055A4; text-align: center; font-size: 22px;}

#social-media {padding: 20px 0 0 0; margin: 0; width: 100%; line-height: 170%; text-align: center;}

#footer-contact-info {padding-top: 30px; padding-bottom: 0; margin: 0; width: 100%; text-align: center; background-color: #3B44C3; font-family: AsapCondensed-SemiBold, Arial, sans-serif; line-height: 170%;}
#footer-contact-info a {color: #fff;}

.footer-address {
	float: left;
	width: 325px;
	position: relative;
	padding: 0px 20px 10px 0px;
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 18px;
	}

.footer-phone {
	float: left;
	width: 325px;
	position: relative;
	padding: 0px 20px 10px 0px;
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	}

.footer-hours {
	float: left;
	width: 325px;
	position: relative;
	padding: 0px 0px 10px 0px;
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	}

#copyright-info {padding-top: 20px; padding-bottom: 20px; margin: 0; width: 100%; text-align: center; background-color: #fff; line-height: 170%;}
#copyright-info a {color: #3B44C3;}

.copyright-miles {
	float: left;
	width: 486px;
	position: relative;
	padding: 10px 0px 10px 0px;
	margin: 0;
	text-align: center;
	color: #202020;
	font-size: 14px;
	}

.web-design {
	float: left;
	width: 486px;
	position: relative;
	padding: 10px 0 10px 0;
	margin: 0;
	text-align: center;
	color: #202020;
	font-size: 14px;
	}