/* CSS Document 
*
*	@developer:		<name>
*	@designer:		<name>
*	@website:		<url>
*	@other:			IDs included are intended to start providing consistency and familiarity with styles across all websites
*/

/********************************************************************************
			RESETS
********************************************************************************/

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, label, p, strong, em, table, td { margin: 0; padding: 0;}
ul, ol {}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
img { border: 0;}
* { vertical-align: baseline;}
sup, sub { position: relative; height: 0; line-height: 1; vertical-align: baseline !important; vertical-align: bottom;}
sup { bottom: .75ex;}
sub { top: .5ex;}

/********************************************************************************
			GLOBAL STYLES
********************************************************************************/

body { background: url(/images/sc_bg.jpg) repeat-y center #edebd6; font-family: Arial, sans-serif; font-size: 12px; margin-top: 15px}

/* links */
a { color: #0060A7}
a:hover	{}

/* floats */
.float_left { float: left;}
.float_right { float: right;}
.clear { clear: both;}

/* typography */
.center { text-align: center}
.bold { font-weight: bold}

/* headers */
h1 { font-size: 24px; font-weight: bold; letter-spacing: -0.05em; margin-bottom: 10px}
h2 { font-size: 15px; color: #0060A9; font-weight: bold; margin: 30px 0 10px 0}
h3 { font-size: 15px; color: #0060A9; font-weight: bold; margin: 0 0 10px 0}
h4 { font-size: 12px; color: #0060A9; font-weight: bold; margin: 0 0 5px 0}

/* general */
.indent { padding: 5px 10px}
.grey { background: #efefef}
.displaynone { display: none}

/* CSS3 */

.round5 {-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.round5top {-moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}
.round5bot {-moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;}
.dshadow {-moz-box-shadow: 0px 0px 5px #79755B; -webkit-box-shadow: 0px 0px 5px #79755B}

/********************************************************************************
			FONTS
********************************************************************************/

@font-face {
    font-family: 'jrhandRegular';
    src: url('/fonts/jrhand.eot?') format('eot'),
         url('/fonts/jrhand.woff') format('woff'),
         url('/fonts/jrhand.ttf') format('truetype'),
         url('/fonts/jrhand.svg#webfontzEdRUHuk') format('svg');
    font-weight: normal;
    font-style: normal;

}

.jrhand {font: 18px 'jrhandRegular', Arial, sans-serif;letter-spacing: 0;}


@font-face {
    font-family: 'MetaRoman';
    src: url('/fonts/meta-bold_lf-webfont.eot');
    src: url('/fonts/meta-bold_lf-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/meta-bold_lf-webfont.woff') format('woff'),
         url('/fonts/meta-bold_lf-webfont.ttf') format('truetype'),
         url('/fonts/meta-bold_lf-webfont.svg#MetaRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MetaItalic';
    src: url('/fonts/meta-bold_lfitalic-webfont.eot');
    src: url('/fonts/meta-bold_lfitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/meta-bold_lfitalic-webfont.woff') format('woff'),
         url('/fonts/meta-bold_lfitalic-webfont.ttf') format('truetype'),
         url('/fonts/meta-bold_lfitalic-webfont.svg#MetaItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/********************************************************************************
			WRAPPERS
********************************************************************************/

#wrapper { width: 960px; margin: 0 auto; position: relative;}
#content { width: 950px; background: #fff; padding: 5px; margin-bottom: 10px;}
#full_column { padding: 20px}
#left_column { float: left; width: 614px; background: #fff;}
	#left-top { background: url(/images/left-bg.gif) top repeat-x; padding: 10px;}
	#left-content { padding: 10px 20px 10px 20px;}
#right_column { float:right; width: 330px; }
	#right-content { width: 330px; background: #edead5;}

/********************************************************************************
			HEADER CONTENT
********************************************************************************/

#header { margin-bottom: 15px }
#header-promo { float: left; width: 536px; text-align: center; color: #0060A9;}
#header-promo .call { color: #0060A9; font-size: 18px; font-weight: bold}
#header-promo .h-phone { font-size: 28px; font-weight: bold; color: #D92734; }
#header-promo .promo { background: #081C53; color: #fff; padding: 3px; font-weight: bold; width: 300px; margin: 5px auto}
#header-promo .promo .h-promo { color: #FFFE00; font-size: 16px}
.bbblogos { width: 90px;}
.bbblogos img { margin-bottom: 5px}

/********************************************************************************
			HERO IMAGES
********************************************************************************/

.hero_image { width: 950px; position: relative; margin-bottom: 5px; color: #fff}
.hero-offer { position: absolute; right: 10px; bottom: 30px}
.brinks-phone { position: absolute; bottom: 15px; right: 86px; font-size: 26px; text-shadow: 3px 3px 3px #101940;}

.social { position: absolute; background: #ffffff; border: #ccc6c6 solid 1px; border-style: solid solid solid none; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; padding: 10px; right: -76px; top: 155px;}
	.facebook-like-button iframe { width: 55px !important; overflow: hidden;}
		.fb_edge_comment_widget iframe { width: 401px !important;}
	#___plusone_0 { display: block !important; margin-top: 5px !important;}

/********************************************************************************
			URGENCY BANNER
********************************************************************************/

.time { padding: 3px; background:#fff; color:#CC0000; border: 1px solid #950202}
	.urgency {
		background-color:#D92734;
		padding:10px;
		text-align:center;
		color:#fff;
		font-weight:bold;
		font-size:40px;
		margin-bottom:5px;
		background-image: -webkit-gradient(
		    linear,
		    right top,
		    left top,
		    color-stop(0, rgb(150,0,0)),
		    color-stop(0.5, rgb(217,39,51)),
		    color-stop(1, rgb(150,0,0))
		);
		background-image: -moz-linear-gradient(
		    right center,
		    rgb(150,0,0) 0%,
		    rgb(217,39,51) 50%,
		    rgb(150,0,0) 100%
		);
	}

/********************************************************************************
			MAIN NAV
********************************************************************************/

#main_nav { width: 940px; height: 23px; background: #463826; margin: 0 auto; color: #fff; font-weight: bold; text-align: center; padding: 9px 0 0 0}
	#main_nav li { display: inline; padding: 0 7px 0 7px}
	#main_nav a { color: #fff; text-decoration: none}
	#main_nav a:hover, #main_nav #active { color: #efbe00}
	
/********************************************************************************
			LEFT COLUMN CONTENT
********************************************************************************/

#test-title { margin-bottom: 5px}

.testimonial { width: 190px; float: left}
.test-mid { margin: 0 10px 0 10px}

.test-header { padding: 5px; color: #fff}
.test-header p { font-size: 12px; font-weight: bold}
.test-content { padding: 5px; margin-bottom: 10px;}
.test-content p { margin-bottom: 5px; height: 115px; overflow: hidden}
.more-link a{ float: right; margin-bottom: 5px; font-weight: bold; text-decoration: none}

.orange1 { background: #fea837}
.orange2 { background: #fee0ba}

.blue1 { background: #5ea6cc}
.blue2 { background: #def4ff}

.purple1 { background: #6a7895}
.purple2 { background: #e1e9fe}

.gray { color: #666666}

.testimonial-sub .small {font-size: 10px}

.red { color: #D92734}
.orange { color: #FF6000}
.blue { color: #0C1C54}
.notice {margin: 30px 0 0 0; text-align: center; font-weight: bold; font-size: 16px; line-height: 1.5;}

#left-content img { margin: 10px 0}
#left-content label { float: left; width: 100px; margin-bottom: 15px}
#left-content label.wide { float: none}
#left-content p, #full_column p{ margin: 15px 0}
#left-content td {padding-bottom: 15px}
#left-content ul, #left-content ol {  padding-left: 45px; margin-bottom: 15px}
#left-content ul li, #left-content ol li { margin-bottom: 10px;}
#left-content .legal a, #left-content .standard a{ vertical-align: top !important}
#left-content .standard { margin-top: 10px}

#full_column img { margin: 0 5px 15px 0}

.infobox { float:right; background: #EDE9D5; width: 220px; padding: 5px 15px; margin: 15px 0 15px 25px; color:#4F3B3B;}
.quote { margin-bottom: 10px; padding-bottom: 10px; border-bottom:  1px solid #ccc}
.space { height: 20px; display: block}
.smallbiz { width: 100%}

.crimePreText { font-weight: bold; margin-bottom: 15px}
.crimeStatsTable { border: none; border: 1px solid #DEDEDE; width: 100%; margin: 10px 0 5px 0; text-align: center}
.crimeStatsTable th {background: #C6C6C6; font-size: 10px; padding: 5px;}
.crimeStatsTable td {background: #DEDEDE; padding:10px 0; font-size: 13px;}
.crimeStatsTable th.crimeTitle {background: #7E7C71; color: #fff; padding: 10px; font-size: 12px}
.crimeStatsTable input {margin: 0 10px 0 10px;}
.crimeStatsTable th.burglaryTh, .crimeStatsTable td.burglaryTd {background-color: #ffe88a;}

.italic { font-style: italic; font-size: 11px}

#compare { text-align: center; border: 1px solid #CCCCCC; border-bottom: 0px}
#compare .head { background: #336699; color: #fff; font-weight: bold; padding: 5px}
#compare td { padding: 3px 0px; border-bottom: 1px solid #CCCCCC;}
.details { width: 434px; float: right}

#order_column { background: url(/images/ordernow_bg.jpg) center no-repeat; height: 420px; padding: 20px 140px 20px 140px}
#order { padding: 18px 0 0 0}
#order .phone { color: #175B8A; font-size: 24px; font-weight: bold}
#order h2 { margin: 0 0 8px; font-size: 22px; color: #fff; letter-spacing: 0}
#order h2 span { font-size: 15px}
#order-left { float: left; width: 310px; padding: 15px 0 0 0; text-align: center; }
#order-left .offer-contact { padding: 40px 0 0 60px; font-weight: normal; }
#order-right { float: right; width: 326px; padding: 15px 0 0 0; text-align: center; }
#order .order-title { font-size: 24px; font-weight: bold;}
#order-form { margin-top: 60px; color: #fff;}
#order-form p { padding-bottom: 10px}
#order-form label {  }

blockquote { background: url("/images/quote-bg.jpg") no-repeat scroll left top #ECEAD3; padding: 20px 20px 20px 45px; font-size: 14px; color: #453D2B; line-height: 150%}
blockquote a { color: #965224 !important}
dl { margin-bottom: 0px}
dl dd { color: #B19B68; font-family: Georgia, serif; font-style: italic; margin: 5px 0 0}

/* equipment table */
#equipment td { vertical-align: middle;}

#unsubscribe { padding: 20px; background: #081C53; color: #fff;}
#unsubscribe td { padding-bottom: 0}

#geomanual { width: 100%}
#geomanual td { width: 25%; padding-bottom: 5px}
.a-z-select { letter-spacing: 5px}

/********************************************************************************
		 	MAIN COLUMN CONTENT
********************************************************************************/

#content-bottom { text-align: center; margin-bottom: 20px; font-weight: bold}
#content-bottom .promo-prompt {font-size: 12px;}
#content-bottom .h-promo {font-size: 16px;}
#content-bottom .h-phone {font-size: 22px; color: #D92734; }
.size1 { font-size: 16px;}
.size2 { font-size: 22px;}
.size3 { font-size: 12px;}
.size4 { font-size: 28px;}


/********************************************************************************
			WP BLOG
********************************************************************************/

.news_title { font-size: 15px; color: #0060A9; font-weight: bold; margin: 30px 0 10px 0}
.entry-title a{ text-decoration: none; color: #000; font-size: 25px}
.entry-utility, .entry-meta { display: none}
#nav-above { padding: 5px 0 20px 0; clear: both}
.nav-previous{ float: left}
.nav-next { float: right}


/********************************************************************************
			RIGHT COLUMN CONTENT
********************************************************************************/

#right_column .margin5 { margin: 5px 0}
#right_column .marginbot5 { margin-bottom: 5px}
#right-content img { padding: 12px}
#adtbadge { background: url(/images/adt_box.gif) no-repeat; width: 330px; height: 171px; display: block}

#right-keychainoffer { background: #ECEAD3; padding: 15px 0; margin-bottom: 5px}
#right-keychainoffer form { color: #000}
#right-keychainoffer p { color: #000}

#right-contact { background: #175b8a; padding: 15px 0}
	#right-contact .promo { background: #F1CA00; border: 1px solid #E06E00; margin-top: 15px; color: #5F130C; font-size: 12px; padding: 3px}
#contact-title { background: #fff; padding: 10px; margin: 0 auto; width: 260px; border: 1px solid #193255; font-weight: bold; text-align: center}
#keychain-title { margin: 0 auto; width: 296px; font-weight: bold; text-align: center}
#form-wrap { width: 260px; margin: 0 auto; color: #fff}
#form-wrap p{ margin: 20px 0}
#form-wrap label { width: 90px; float: left; padding-right: 10px; text-align: right; font-weight: bold; line-height: 20px; margin-bottom: 5px}
#form-wrap .submit { margin: 0 0 0 53px}
.errors { width: 90%; margin: 0 auto 15px !important; margin: 0 auto 10px; background: #fe0000; color: #ffffff; border: 1px solid #ffffff; padding: 5px; font-weight: bold; text-align: center;}
#form-wrap .submit { cursor: pointer; margin-top: 10px}

/* Call to Action */

#call_to_action { background: url(/images/redesign/bg-cta.jpg) no-repeat #CC6600 top center; padding: 30px; }
	#call_to_action .sidetitle {font-family: 'MetaRoman'; color: #660000; font-weight:normal; font-size: 16px; text-transform: uppercase; padding-right: 80px; }
	#call_to_action p {font-weight: bold; color: #FFC;}
		#cta_phone {}
			#cta_phone .h-phone { text-align: center; display: block; color: #FFF; font-size: 28px; font-weight: bold; }
			#cta_phone .call { font-size: 20px; font-style: italic; font-weight: bold;  color: #FFC; }
		#cta_promo { text-align: center; font-weight: bold; background-color: #993300; color: #fff; padding: 6px 3px; margin: 10px auto 0px auto; -moz-border-radius: 12px; -webkit-border-radius: 12px; width: 185px; text-transform: uppercase; }
		.cta_after_hours {}

/* Lead Form */

#lead_form {background-color: #003366; padding: 30px; color: #99CCFF; }
	#lead_form .sidetitle {font-family: 'MetaItalic'; font-size: 22px; color: #FFF; font-weight:normal;}
	#lead_form p, #lead_form .note {margin-bottom: 8px;}
	#lead_form .note {font-size: 10px; display:block; color: #FFF; }
	#lead_form form .textfield { color: #999; font-size: 15px; padding: 3px; margin-bottom: 8px; }
	#lead_form form label {font-size: 15px; color: #FFF; font-weight: bold; margin-top: 5px; margin-bottom: 8px; display:block;}
	#lead_form .submit {margin-top: 15px;}

#testimonialpost { width: 328px; height: 254px; background-repeat: no-repeat; display: block; margin: 10px 0}
.test01 {background: url(/images/testimonial_amanda.jpg)}
.test02 {background: url(/images/testimonial_brenda.jpg)}
.test03 {background: url(/images/testimonial_gary.jpg)}
.test04 {background: url(/images/testimonial_josh.jpg)}
.test05 {background: url(/images/testimonial_judy.jpg)}
.test06 {background: url(/images/testimonial_larry.jpg)}
.test07 {background: url(/images/testimonial_nannette.jpg)}
.test08 {background: url(/images/testimonial_sandy.jpg)}

/********************************************************************************
			GEO 2
********************************************************************************/

.alpha_nav_heading { text-align: center;}
.alpha_nav { text-align: center; margin-top: 10px;}
.geo2 table{ width: 100%;}
.geo2 table, .geo2 tr, .geo2 td {border: 0px;}
.geo2 td { width: 25%; text-align: left}
#geo_breadcrumbs { color: #79755B; font-size: 9px; padding-bottom: 15px}
#geoLinkListTable { border: white}

#geo_manual {width:100%; margin-top:15px;}
#geo_manual td {padding-left:10px; font-size: 11px;}

/********************************************************************************
			GEO 3
********************************************************************************/
.geo{}
.geo p{margin: 15px 0px;}
.geo table{width:100%;}
.geo table a{font-size: 9px;}
.geo table td{padding-bottom: 15px; width:25%;}
.geo table.localcities{width: 100%;}
.geo table.localcities td a { color: #473927; text-decoration: none; font-size: 12px;}

/********************************************************************************
			FOOTER
********************************************************************************/

#footer { width: 900px; margin: 0 auto; color: #79755B;}
#footer a { text-decoration: underline; color: #79755B; }
#footer ul { font-size: 11px; color: #79755B; text-align: center; margin-bottom: 15px}
#footer li { display: inline; padding-right: 5px; margin-right: 5px; border-right: 1px solid #79755B}
.legal { font-size: 9px; color: #79755B; padding-bottom: 15px}
#footer .badges { text-align: center; margin-bottom: 15px}
#footer img { padding: 0 5px 0 5px}

/********************************************************************************
			CLEARING ELEMENTS THAT CONTAIN FLOATED ELEMENTS
********************************************************************************/

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
