/***********************************
	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, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	background-repeat: no-repeat;
}
ol, ul { list-style: none; }
html { overflow-y: scroll; }

/***********************************
	Universals
***********************************/

.clearall { clear: both; }
.floatright { float: right; margin-left: 16px; margin-top: 8px; }
.floatleft { float: left; margin-right: 16px; }

/***********************************
	Essentials
***********************************/

body {
	font-family: "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
	font-size: 13px;
	color: #ddd;
	background-color: #222;
}
a {
	color: #fff;
	cursor: pointer;
}
a:hover { text-decoration: underline; }
input,select,textarea {
	font-family: arial, sans-serif;
}
textarea {
	overflow: auto;
}

/***********************************
	Wrapper
***********************************/

#outerWrapper {
	padding-bottom: 40px;
	background-image: url(../images/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #636363;
}
#outerWrapper.home {
	padding-bottom: 24px;
}
#innerWrapper {
	margin: 0 auto;
	width: 902px;
}

/***********************************
	Header
***********************************/

#header {
	
}
#header #topbar {
	height: 25px;
	line-height: 22px;
	text-align: right;
	color: #999;
	font-size: 11px;
}
#header #topbar a { color: #ffc53d; text-decoration: none; }
#header #logo {
	width: 159px;
	height: 144px;
	float: left;
	position: relative;
	top: -7px;
	background-image: url('../images/logo.png');
	background-repeat: no-repeat;
}
#header #tagline {
	margin-right: 20px;
	width: 418px;
	height: 28px;
	background-image: url('../images/tagline.png');
	background-repeat: no-repeat;
	float: right;
	position: relative;
	top: 20px;
}
#headertags{
	font-size:11px;
	display:inline;
	color:#999999;
	font-weight:normal;
	}
#header #viewCommercials{
	float:right;
	margin-top:25px;
	padding-right:50px;
	height:18px;
	width:165px;
	/*background:url(../images/view-commercials.png) no-repeat;*/
}
/***********************************
	Footer
***********************************/

#footerWrapper {
	background-color: #222;
	background-image: url('../images/nav/footer_nav_bg.jpg');
	background-repeat: repeat-x;
	min-height: 10px;
}
#footer {
	margin: 0 auto;
	padding: 16px 0;
	width: 964px;
	font-size: 11px;
}
#footer #footerNav ul {
	overflow: hidden;
}
#footer #footerNav ul li {
	padding: 0 9px;
	float: left;
	border-right: #444 1px solid;
}
#footer #footerNav ul li.last {
	border: 0;
	padding-right: 0;
}
#footer #footerNav ul li a {
	color: #999;
	text-decoration: none;
	display: inline-block;
	border-bottom: #333 1px solid;
}
#footer #footerNav ul li a:hover {
	color: #fff;
	border-bottom: #e7b236 1px solid;
}
#copyright {
	margin: 0 auto;
	padding: 14px 0 18px;
	width: 902px;
	color: #999;
	font-size: 11px;
	text-align: center;
}
#copyright a {
	text-decoration: none;
	color: #fff;
	border-bottom: #e7b236 1px solid;
	display: inline-block;
}
#social-icons a{
	border-bottom: none;
}
#footer-logos{
	margin-bottom:10px;
}
#footer-logos a{
	border-bottom:none;
}
/***********************************
	Nav
***********************************/

#nav {
	width: 696px;
	height: 79px;
	float: right;
}
#nav ul {
	width: 696px;
	height: 79px;
}
#nav ul li {
	width: 116px;
	height: 79px;
	float: left;
}
#nav ul li a {
	display: block;
	height: 79px;
}

/* NAV BTNS */

#nav ul li.nav01 { background-image: url('../images/nav/btn_one.png'); }
#nav ul li.nav01 a:hover { background-image: url('../images/nav/btn_one_sel.png'); }

#nav ul li.nav02 { background-image: url('../images/nav/btn_two.png'); }
#nav ul li.nav02 a:hover { background-image: url('../images/nav/btn_two_sel.png'); }

#nav ul li.nav03 { background-image: url('../images/nav/btn_three.png'); }
#nav ul li.nav03 a:hover { background-image: url('../images/nav/btn_three_sel.png'); }

#nav ul li.nav04 { background-image: url('../images/nav/btn_four.png'); }
#nav ul li.nav04 a:hover { background-image: url('../images/nav/btn_four_sel.png'); }

#nav ul li.nav05 { background-image: url('../images/nav/btn_five.png'); }
#nav ul li.nav05 a:hover { background-image: url('../images/nav/btn_five_sel.png'); }

#nav ul li.nav06 { background-image: url('../images/nav/btn_six.png'); }
#nav ul li.nav06 a:hover { background-image: url('../images/nav/btn_six_sel.png'); }

#nav #navLoad {
	display: none;
}

/***********************************
	Content (generic)
***********************************/

#content {
	clear: both;
}
h1 {
	font-size: 22px;
	margin-bottom: 16px;
	color: #fff;
}
h2 {
	font-size: 18px;
	font-style: italic;
	margin: 0 0 14px;
	color: #fff;
}
p {
	margin-bottom: 16px;
	color: #ccc;
	display: block;
}
#pageContent {
	padding: 20px 24px 16px;
	background-image: url('../images/bg_darken.png');
	background-repeat: repeat-x;
	overflow: hidden;
	position: relative;
}
#pageContent p a, #pageContent .blockquote a {
	text-decoration: none;
	color: #fff;
	border-bottom: #e7b236 1px solid;
	display: inline-block;
}
#pageContent p span, #pageContent h1 span {
	color: #ffc53d;
}
#pageContent p span.em {
	font-style: italic;
}
#pageContent p em {
	color: #fff;
}
#pageContent .blockquote {
	margin-left: 24px;
	padding: 16px;
	width: 155px;
	color: #ffc53d;
	float: right;
	border: #666 4px solid;
	font-style: italic;
}
#pageContent .blockquote span {
	font-size: 16px;
	color: #fff;
}
#pageContent span.phoneNumeric {
	margin-top: 16px;
	position: absolute;
	left: 117px;
}

/***********************************
	Lists
***********************************/

/*** Feature lists ***/ 
ul.featureList {
	margin: 0 0 16px 24px;
	color: #fff;
	zoom: 1;
}
ul.featureList li {
	margin-top: 3px;
	padding: 0px 2px 0px 36px;
	background-image: url('../images/icons/check.png');
	background-repeat: no-repeat;
}
ul.featureList li a {
	border-bottom: #e7b236 1px solid;
	display: inline-block;
	text-decoration: none;
}
ul.bulletList li {
	background-image: url('../images/icons/bullet_blue.png');
	padding: 0px 2px 0px 24px;
	font-size: 12px;
}
/*** User Manuals ***/
fieldset.userManuals {
	border: #666 1px solid;
	padding: 0 0 16px 16px;
}
fieldset.userManuals legend {
	margin: 0 0 4px 8px;
	padding: 0 7px;
	color: #ffc53d;
}
fieldset.userManuals ul{
	margin: 0 0 16px;
	color: #fff;
}
fieldset.userManuals ul li {
	margin-top: 6px;
	padding: 0px 2px 0px 21px;
	width: 180px;
	float: left;
	background-image: url('../images/icons/pdf.png');
	background-repeat: no-repeat;
}
fieldset.userManuals ul li a {
	text-decoration: none;
}
fieldset.userManuals ul li a:hover { text-decoration: underline; color: #fff; }
/*** Products ***/
fieldset.products {
	border: #666 1px solid;
	padding: 0 0 0 16px;
	overflow: hidden;
}
fieldset.products legend {
	margin: 0 0 4px 8px;
	padding: 0 7px;
	color: #ffc53d;
}
fieldset.products ul{
	color: #fff;
	padding-bottom: 16px;
	overflow: hidden;
}
fieldset.products ul li {
	margin-top: 6px;
	padding: 0px 2px 0px 21px;
	width: 250px;
	float: left;
	background-image: url('../images/icons/magnifier.png');
	background-repeat: no-repeat;
}
fieldset.products ul li a {
	text-decoration: none;
}
fieldset.products ul li a:hover { text-decoration: underline; color: #fff; }
/*** Choosing an alarm company ***/
ul.choosing li {
	background-image: url('../images/icons/check_circle.png');
}
/* commercials */
ul.commercials{
	
}
ul.commercials li{
	float:left;
	margin:20px 20px 20px 0px;
}
/***********************************
	Banners (sub)
***********************************/

.sideBanner {
	margin-left: 48px;
	margin-right: 16px;
	float: right;
}
.sidePhoto {
	margin-left: 32px;
	width: 300px;
	height: 200px;
	background-image: url(../images/photos/station_ext.jpg);
	background-repeat: no-repeat;
	float: right;
	text-align: center;
}

/***********************************
	Contact
***********************************/

#pageContent div.blockContact {
	width: 170px;
	position: absolute;
	top: 32px;
	right: 24px;
}
#contact .formField {
	margin-bottom: 6px;
	width: 315px;
	float: left;
	height: 30px;
}
#contact label {
	padding: 7px 0 0 0;
	width: 85px;
	display: block;
	float: left;
	font-size: 10px;
}
#contact label span {
	color: #ffc53d;
	font-weight: bold;
}
#contact input,textarea {
	padding: 6px;
	width: 190px;
	background-color: #252525 !important;
	border: #555 1px solid;
	border-right: #777 1px solid;
	border-bottom: #777 1px solid;
	color: #fff !important;
	font-size: 12px;
}
#contact select {
	padding: 6px;
	width: 204px;
	background-color: #252525 !important;
	border: #555 1px solid;
	border-right: #777 1px solid;
	border-bottom: #777 1px solid;
	color: #fff !important;
	font-size: 12px;
}
#contact .selected {
	border: #ffc53d 1px solid;
}
#contact input.btn {
	width: 75px;
}
#contact input.btn:hover {
	border: #aaa 1px solid;
}
/*** Textareas ***/
#contact .fieldWide {
	width: auto;
	height: auto;
}
#contact textarea {
	width: 505px;
	height: 125px;
}

/***********************************
	Testimonials
***********************************/

#pageContent .quoteCol {
	margin-right: 16px;
	width: 273px;
	float: left;
	font-size: 12px;
}
#pageContent .lastQuoteCol { margin: 0px; }
#pageContent .quoteCol .quote {
	margin-bottom: 16px;
	padding: 16px;
	border: #666 4px solid;
	font-style: italic;
	zoom: 1;
}
#pageContent .quoteCol .quote p {
	color: #ddd;
	margin-bottom: 8px;
}
#pageContent .quoteCol .quote .signature {
	text-align: right;
	font-style: normal;
	color: #ffc53d;
}
#pageContent .quoteCol .quote .quoteMark {
	float: left;
	width: 44px;
	height: 24px;
	line-height: 74px;
	font-size: 82px;
	font-family: "georgia", serif;
	color: #666;
}

/***********************************
	Products
***********************************/

#productVideo {
	margin: 0 auto;
	width: 600px;
}
#productsNav {
	margin: 0 auto;
	padding: 4px 0 0;
	width: 180px;
	clear: right;
}
#productsNav div {
	padding: 1px 0;
	margin: 0 16px;
	float: left;
}
#productsNav div a {
	text-decoration: none;
}
#productsNav div a img {
	position: relative;
	top: 3px;
}

/***********************************
	Home
***********************************/

#content #bannerContainer {
	clear: both;
	padding: 20px;
	width: 902px;
	position: relative;
	top: -16px;
	left: -20px;
	background-image: url('../images/home_banner_shadow.png');
	background-repeat: no-repeat;
}
#content #bannerContainer #banner {
	width: 902px;
	height: 245px;
	background-image: url('../images/home_banner_bg.png');	
	background-repeat: no-repeat;
}
#content #bannerContainer #banner #video {
	float: left;
	width: 366px;
	height: 205px;
	position: relative;
	top: 20px;
	left: 20px;
	/* background-image: url('../images/play_video.jpg');	
	background-repeat: no-repeat; */
	background-color: #222;
}
#content #bannerContainer #banner #bannerPromo {
	float: left;
	width: 204px;
	height: 191px;
	background-image: url('../images/home_banner_promo.png');	
	background-repeat: no-repeat;
	position: relative;
	top: 28px;
	left: 51px;
}
#content #bannerContainer #banner #bannerPromo a {
	display: block;
	height: 173px;
}
#content #bannerContainer #banner #bannerNav {
	padding: 7px 0 0;
	width: 250px;
	float: right;
	font-size: 11px;
}
#content #bannerContainer #banner #bannerNav ul li {
	margin-bottom: 2px;
}
#content #bannerContainer #banner #bannerNav ul li a {
	padding: 7px 55px 7px 7px;
	text-align: right;
	display: block;
	text-decoration: none;
	background-position: 95% center;
}
#content #bannerContainer #banner #bannerNav ul li:hover {
	background-image: url('../images/home_banner_nav_sel.png');	
	background-repeat: no-repeat;
	background-position: left;
}
#bannerNav ul li.station a { background-image: url(../images/icons/station.png); }
#bannerNav ul li.response a { background-image: url(../images/icons/hourglass.png); }
#bannerNav ul li.choosing a { background-image: url(../images/icons/chart_bar.png); }
#bannerNav ul li.discounts a { background-image: url(../images/icons/discounts.png); }
#bannerNav ul li.cellular a { background-image: url(../images/icons/cell.png); }
#bannerNav ul li.video a { background-image: url(../images/icons/video.png); }
#bannerNav ul li.twoway a { background-image: url(../images/icons/communication.png); }
#bannerNav ul li.support a { background-image: url(../images/icons/support.png); }

/***********************************
	Home Alexor Promo
***********************************/

#homeAlexor {
	height: 106px;
	background-image: url('../images/home_alexor.png');	
	background-repeat: no-repeat;
	position: relative;
	top: -16px;
}
#homeAlexor a {
	height: 106px;
	display: block;
}

/***********************************
	Home Features
***********************************/

#content #homeFeatures {
	margin-top: 0;
	padding-top: 36px;
	height: 189px;
	background-image: url('../images/home_features_bg.png');
	background-repeat: no-repeat;
	position: relative;
	top: -16px;
}
#content #homeFeatures .feat {
	margin-right: 20px;
	padding: 15px;
	width: 257px;
	height: 159px;
	float: left;
	position: relative;
}
#content #homeFeatures .feat a.largeLink {
	width: 287px;
	height: 220px;
	display: block;
	position: absolute;
	top: -36px;
	left: 0;
	z-index: 999;
}
#content #homeFeatures .feat a.largeLink:hover {
	background-image: url(../images/home_features_hover.png);
	background-repeat: no-repeat;
}
#content #homeFeatures .feat a.readMore {
	float: right;
	position: relative;
	top: -40px;
	font-size: 11px;
	text-decoration: none;
	border-bottom: #e7b236 1px solid;
}
/*** First ***/
#content #homeFeatures .first {
	background-image: url('../images/home_features_first_bg.png');
	background-repeat: no-repeat;
}
/*** Second ***/
#content #homeFeatures .second {
	background-image: url('../images/home_features_second_bg.png');
	background-repeat: no-repeat;
}
#content #homeFeatures .second a {
	margin: 0 auto;
	width: 180px;
	height: 16px;
	display: block;
	position: relative;
	top: 130px;
}
/*** Third ***/
#content #homeFeatures .third {
	margin: 0;
	min-height: 20px;
	position: relative;
}
a#customerTestimonials {
	display: block;
	width: 160px;
	height: 26px;
	position: absolute;
	top: -30px;
}
#content #homeFeatures .third #quotesContainer {
	min-height: 20px;
	width: 257px;
	height: 159px;
	position: relative;
	top: -14px;
}
#content #homeFeatures .feat .quote {
	width: 257px;
	font-size: 11px;
	color: #444;
	line-height: 17px;
	min-height: 20px;
	background-image: url(../images/home_quotes_bg.jpg);
	background-repeat: repeat-x;
}
#content #homeFeatures .feat .quote .sig {
	margin-top: 8px;
	text-align: right;
	font-weight: bold;
}
#content #homeFeatures .feat .quote .quoteMark {
	margin-right: 3px;
	float: left;
	height: 24px;
	line-height: 76px;
	font-size: 82px;
	font-family: "georgia", serif;
	color: #ccc;
}

/***********************************
	Sitemap
***********************************/

.sitemap {
	padding-bottom: 12px;
	width: 300px;
	overflow: hidden;
	float: left;
}
.sitemap li {
	margin: 3px 0 0 0;
	padding: 0px 2px 0px 22px;
	width: 250px;
	float: left;
	clear: left;
	background-image: url('../images/icons/bullet_yellow.png');
	background-repeat: no-repeat;
	background-position: 0 2px;
}
.sitemap li a {
	text-decoration: none;
	border-bottom: 1px solid #E7B236;
	font-weight: bold;
}
.sitemap ul li a {
	text-decoration: none;
	border: 0;
	font-weight: normal;
}