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

#wrap {
margin: auto;
width: 951px; }

.top {
background-image: url(/images/bg/top.png);
height: 19px; }

.top2 {
background-image: url(/images/bg/hptop2.png);
height: 15px;
margin-top: 10px; }

.main {
background-image: url(/images/bg/body.png);
padding-left: 16px;
padding-right: 15px; }

#mainsub {
background-image: url(/images/bg/bodysub.png);
padding-left: 16px;
padding-right: 15px; }

.mainsub {
background-image: url(/images/bg/bodysub.png);
padding-left: 16px;
padding-right: 15px; }

.mainbtm {
background-image: url(/images/bg/mainbtm.png);
font-size: 0;
height: 4px;
line-height: 0;
width: 920px; }

.btm {
background-image: url(/images/bg/btm.png);
height: 19px; }

.btm2 {
background-image: url(/images/bg/hpbtm2.png);
height: 14px; }

.btmhp {
background-image: url(/images/bg/btmhp.png);
height: 15px; }

#rotator {
background-image: url(/images/bg/rotator.png);
float: left;
height: 322px;
margin-top: 10px;
padding: 4px;
position: relative;
width: 617px; }

#rotator ul {
list-style: none;
margin: 0;
padding: 0; }

#rotator ul li {
float: left;
margin: 0;
padding: 0;
position: absolute;
list-style: none; }

#rotator ul li.show {
z-index: 500; }

#formhp {
float: left;
height: 330px;
margin-top: 10px;
padding-left: 20px;
width: 275px; }

#btnmedalert {
background-image: url(/images/btnmedalert.jpg);
float: left;
height: 148px;
margin-top: 20px;
margin-right: 20px;
width: 293px; }

#btnmedalert:hover {
background-image: url(/images/btnmedalert-alt.jpg); }

#btnfire {
background-image: url(/images/btnfire.jpg);
float: left;
height: 148px;
margin-top: 20px;
margin-right: 20px;
width: 294px; }

#btnfire:hover {
background-image: url(/images/btnfire-alt.jpg); }

#btnsurveillance {
background-image: url(/images/btnsurveillance.jpg);
float: left;
height: 148px;
margin-top: 20px;
width: 293px; }

#btnsurveillance:hover {
background-image: url(/images/btnsurveillance-alt.jpg); }

#btnmedalert a, #btnfire a, #btnsurveillance a {
display: block;
height: 148px;
width: 293px; }

#hpcommercial {
float: left;
padding-left: 10px;
padding-right: 15px;
margin-top: 15px;
width: 275px; }

#hpresidential {
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
float: left;
padding-left: 15px;
padding-right: 15px;
margin-top: 15px;
padding-bottom: 40px;
width: 280px; }

#hpoptin {
float: left;
padding-left: 15px;
margin-top: 15px;
width: 285px; }

#hpoptin input {
background-color: #f2f2f2;
border: 1px solid #dedede;
color: #777;
font-size: 14px;
padding: 4px 1px;
width: 280px; }

#formhp input {
background-color: #f2f2f2;
border: 1px solid #dedede;
color: #777;
font-size: 14px;
padding: 4px 1px;
width: 250px; }

#contactform input {
background-color: #f2f2f2;
border: 1px solid #dedede;
color: #777;
font-size: 14px;
padding: 4px 1px;
width: 300px; }

#contactform textarea {
background-color: #f2f2f2;
border: 1px solid #dedede;
color: #777;
font-size: 14px;
height: 125px;
padding: 4px 1px;
width: 300px; }

#formhp label {
font-size: 14px;
font-weight: bold }

/* Header CSS */

#header {
height: 130px; }

#logo {
background-image: url(/images/bg/logo.png);
float: left;
height: 90px;
margin-left: 20px;
margin-top: 25px;
width: 470px; }

#logo a {
display: block;
height: 90px;
width: 355px; }

#get-started {
background-image: url(/images/bg/get-started.png);
float: right;
height: 90px;
margin-right: 20px;
margin-top: 25px;
width: 220px; }

#get-started a {
display: block;
height: 90px;
width: 220px; }

/* Nav CSS */

#nav {
background-image: url(/images/bg/nav.png);
height: 40px;
margin: 0 4px;
width: 912px; }

#home {
background-image: url(/images/nav/home.png);
float: left;
height: 40px;
width: 89px; }

#home:hover {
background-image: url(/images/nav/home-alt.png); }

#home a {
display: block;
height: 40px;
width: 89px; }

#residential {
background-image: url(/images/nav/residential.png);
float: left;
height: 40px;
width: 136px; }

#residential:hover {
background-image: url(/images/nav/residential-alt.png); }

#residential a {
display: block;
height: 40px;
width: 136px; }

#commercial {
background-image: url(/images/nav/commercial.png);
float: left;
height: 40px;
width: 138px; }

#commercial:hover {
background-image: url(/images/nav/commercial-alt.png); }

#commercial a {
display: block;
height: 40px;
width: 138px; }

#medalert {
background-image: url(/images/nav/medalert.png);
float: left;
height: 40px;
width: 156px; }

#medalert:hover {
background-image: url(/images/nav/medalert-alt.png); }

#medalert a {
display: block;
height: 40px;
width: 156px; }

#videofied {
background-image: url(/images/nav/videofied.png);
float: left;
height: 40px;
width: 156px; }

#videofied:hover {
background-image: url(/images/nav/videofied-alt.png); }

#videofied a {
display: block;
height: 40px;
width: 156px; }

#company {
background-image: url(/images/nav/company.png);
float: left;
height: 40px;
width: 116px; }

#company:hover {
background-image: url(/images/nav/company-alt.png); }

#company a {
display: block;
height: 40px;
width: 116px; }

#blog {
background-image: url(/images/nav/blog.png);
float: left;
height: 40px;
width: 121px; }

#blog:hover {
background-image: url(/images/nav/blog-alt.png); }

#blog a {
display: block;
height: 40px;
width: 121px; }

.snarrow {
background-image: url(/images/bg/snarrow.png);
height: 30px;
margin-top: 22px;
wdth: 240px; }

.subnav {
background-image: url(/images/bg/subnav.png);
height: 30px;
width: 220px; }

.subnav:hover {
background-image: url(/images/bg/subnav-alt.png);
height: 30px;
width: 220px; }

.snarrow a, .subnav a {
color: #2d592e;
display: block;
left: 10px;
height: 30px;
position: relative;
top: 7px;
text-decoration: none;
width: 220px; }

.snarrow a {
color: #fff;
font-weight: bold;
width: 240px; }

/* Footer CSS */

#footer {
font-size: 11px;
padding: 8px 0 30px 0;
text-align: center; }

#footer a {
color: #666;
text-decoration: none; }

#footer a:hover {
color: #719872;
text-decoration: underline; }

#links {
font-size: 12px; }

#links a {
margin: 0 2px; }

#icons {
margin: auto; }

#icons a {
margin: 0 3px; }

/* Body CSS */

#bnr {
background-image: url(/images/bg/bnr.jpg);
height: 200px;
margin: 3px 4px 0 4px;
width: 912px; }

#bnr-res {
background-image: url(/images/bg/bnr-res.jpg);
height: 200px;
margin: 3px 4px 0 4px;
width: 912px; }

#bnr-burglar {
background-image: url(/images/bg/bnr-burglar.jpg);
height: 200px;
margin: 3px 4px 0 4px;
width: 912px; }

#bnr-burglarcom {
background-image: url(/images/bg/bnr-burglarcom.jpg);
height: 200px;
margin: 3px 4px 0 4px;
width: 912px; }

#bnr-medalert {
background-image: url(/images/bg/bnr-medalert.jpg);
height: 200px;
margin: 3px 4px 0 4px;
width: 912px; }

#bnr-com {
background-image: url(/images/bg/bnr-com.jpg);
height: 200px;
margin: 3px 4px 0 4px;
width: 912px; }

#bnr-firecom {
background-image: url(/images/bg/bnr-firecom.jpg);
height: 200px;
margin: 3px 4px 0 4px;
width: 912px; }

#bnr-law {
background-image: url(/images/bg/bnr-law.jpg);
height: 200px;
margin: 3px 4px 0 4px;
width: 912px; }

#bnr-fire {
background-image: url(/images/bg/bnr-fire.jpg);
height: 200px;
margin: 3px 4px 0 4px;
width: 912px; }

#bnr-sandiego {
background-image: url(/images/bg/bnr-sandiego.jpg);
height: 200px;
margin: 3px 4px 0 4px;
width: 912px; }

#bnr-video {
background-image: url(/images/bg/bnr-video.jpg);
height: 200px;
margin: 3px 4px 0 4px;
width: 912px; }

#bnr-contact {
background-image: url(/images/bg/bnr-contact.jpg);
height: 200px;
margin: 3px 4px 0 4px;
width: 912px; }

#subwrap {
background-image: url(/images/bg/subwrap.png);
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
margin: 3px 4px 0 4px;
width: 912px; }

#subwrapwide {
padding: 15px; }

#left {
float: left;
width: 240px; }

#right {
float: right;
padding: 22px 30px 25px 10px;
width: 632px; }

/* Misc CSS */

.dots {
background-image: url(/images/bg/dots.png);
font-size: 0;
height: 1px;
line-height: 0;
margin-bottom: 8px;
margin-top: 15px; }

.clear {
clear: both;
font-size: 0;
height: 0;
line-height: 0;
width: 0; }

.video {
text-align: center; }

#viewer {
height:75px;
padding-top: 20px;
width:630px;
overflow:hidden; }

#viewerframe {
width:630px;
padding:0;
overflow:hidden; }

#viewer img {
width:628px;
height:75px;
display:inline; }

#viewer a {
display:block;
float:left;
width:628px;
height:75px; }