@charset "utf-8";

/* ---------- Layout CSS ---------- */

#page-wrap {
margin: 0 auto;
text-align: left;
width: 980px; }

#body-top {
background-image: url(/img/bg/body-top.png);
font-size: 0;
height: 5px;
line-height: 0; }

#body-wrap {
background-image: url(/img/bg/body-wrap.png);
background-repeat: repeat-y;
padding: 0 5px; }

#body-wrap-wide {
background-image: url(/img/bg/body-wrap-wide.png);
background-repeat: repeat-y;
padding: 0 5px; }

#body-btm {
background-image: url(/img/bg/body-btm.png);
font-size: 0;
height: 5px;
line-height: 0; }

/* ---------- Masthead CSS ---------- */

#masthead {
height: 165px;
margin: 0 auto;
text-align: left;
width: 970px; }

#logo {
background-image: url(/img/bg/logo.png);
color: #194477;
display: block;
float: left;
height: 150px;
margin-left: 5px;
margin-top: 10px;
width: 150px; }

#logo:hover {
background-image: url(/img/bg/logo-hover.png); }

#tagline {
background-image: url(/img/bg/tagline.png);
float: left;
height: 37px;
margin-left: 7px;
margin-top: 70px;
width: 365px; }

#medtag {
background-image: url(/img/bg/medalert.png);
float: left;
height: 60px;
margin-left: 7px;
margin-top: 58px;
width: 270px; }

#button {
background-image: url(/img/bg/head-btn.png);
float: right;
height: 145px;
margin-top: 13px;
margin-right: 10px;
width: 270px; }

#bbbphone {
background-image: url(/img/bg/bbbphone.png);
float: right;
height: 90px;
margin-top: 68px;
margin-right: 10px;
width: 170px; }

#bbbphone a {
color: #225ca1;
display: block;
height: 90px;
width: 170px; }

#button-ppc {
background-image: url(/img/bg/head-btn-lp.png);
float: right;
height: 145px;
margin-top: 13px;
margin-right: 10px;
width: 270px; }

#button a, #button-ppc a {
color: #225ca1;
display: block;
height: 145px;
width: 270px; }

/* ---------- Menu CSS ---------- */

#menu {
background-image: url(/img/bg/menu.png);
background-repeat: repeat-x;
height: 40px; }

#residential {
background-image: url(/img/menu/residential.png);
float: left;
height: 40px;
width: 145px; }

#residential:hover {
background-image: url(/img/menu/residential-hover.png); }

#residential a {
color: #013474;
display: block;
height: 40px;
width: 145px; }

#commercial {
background-image: url(/img/menu/commercial.png);
float: left;
height: 40px;
width: 147px; }

#commercial:hover {
background-image: url(/img/menu/commercial-hover.png); }

#commercial a {
color: #013474;
display: block;
height: 40px;
width: 147px; }

#medalert {
background-image: url(/img/menu/medalert.png);
float: left;
height: 40px;
width: 163px; }

#medalert:hover {
background-image: url(/img/menu/medalert-hover.png); }

#medalert a {
color: #013474;
display: block;
height: 40px;
width: 163px; }

#monitoring {
background-image: url(/img/menu/monitoring.png);
float: left;
height: 40px;
width: 146px; }

#monitoring:hover {
background-image: url(/img/menu/monitoring-hover.png); }

#monitoring a {
color: #013474;
display: block;
height: 40px;
width: 146px; }

#company {
background-image: url(/img/menu/company.png);
float: left;
height: 40px;
width: 123px; }

#company:hover {
background-image: url(/img/menu/company-hover.png); }

#company a {
color: #013474;
display: block;
height: 40px;
width: 123px; }

#blog {
background-image: url(/img/menu/blog.png);
float: left;
height: 40px;
width: 125px; }

#blog:hover {
background-image: url(/img/menu/blog-hover.png); }

#blog a {
color: #013474;
display: block;
height: 40px;
width: 125px; }

#contact {
background-image: url(/img/menu/contact.png);
float: left;
height: 40px;
width: 121px; }

#contact:hover {
background-image: url(/img/menu/contact-hover.png); }

#contact a {
color: #013474;
display: block;
height: 40px;
width: 121px; }

/* ---------- Heading CSS ---------- */

#heading {
background-color: #0a1b2f;
height: 200px; }

#heading-community {
background-color: #0a1b2f;
background-image: url(/img/home/community.jpg);
height: 200px; }

#heading-residential {
background-color: #0a1b2f;
background-image: url(/img/home/residential.jpg);
height: 200px; }

#heading-commercial {
background-color: #0a1b2f;
background-image: url(/img/home/commercial.jpg);
height: 200px; }

#heading-firefighters {
background-color: #0a1b2f;
background-image: url(/img/home/firefighters.jpg);
height: 200px; }

#heading-service {
background-color: #0a1b2f;
background-image: url(/img/home/service.jpg);
height: 200px; }

#heading-install {
background-color: #0a1b2f;
background-image: url(/img/home/install.jpg);
height: 200px; }

#heading-medalert {
background-color: #0a1b2f;
background-image: url(/img/home/medalert.jpg);
height: 200px; }

#heading-house {
background-color: #0a1b2f;
background-image: url(/img/home/house.jpg);
height: 200px; }

#heading-team {
background-color: #0a1b2f;
background-image: url(/img/home/team.jpg);
height: 200px; }

#heading-company {
background-color: #0a1b2f;
background-image: url(/img/home/company.jpg);
height: 200px; }

#heading-building {
background-color: #0a1b2f;
background-image: url(/img/home/building.jpg);
height: 200px; }

#heading-monitoring {
background-color: #0a1b2f;
background-image: url(/img/home/central-station.jpg);
height: 200px; }

#heading-toledo {
background-color: #0a1b2f;
background-image: url(/img/home/toledo.jpg);
height: 200px; }

/* ---------- Sidebar CSS ---------- */

#sidebar {
background-image: url(/img/bg/sidebar.png);
background-repeat: no-repeat;
float: left;
padding-bottom: 20px;
width: 237px; }

#submenu {
background-image: url(/img/bg/submenu.png);
background-repeat: repeat-y;
margin-bottom: 20px; }

#sm-top {
background-image: url(/img/bg/sm-top.png);
background-repeat: no-repeat;
height: 25px; }

.sm-border {
border-bottom: 1px solid #ccd6e3; }

#submenu ul {
padding: 0; }

.sm-def {
border-bottom: 1px solid #ccd6e3;
height: 30px;
width: 220px; }

.sm-def:hover {
background-image: url(/img/menu/sub-hover.png); }

.sm-def a {
color: #013474;
display: block;
height: 25px;
padding-left: 10px;
padding-top: 5px;
text-decoration: none;
width: 210px; }

#sm-active {
background-image: url(/img/menu/sub-active.png);
border-bottom: 1px solid #ccd6e3;
height: 30px;
width: 220px; }

#sm-active a {
color: #013474;
display: block;
height: 25px;
padding-left: 10px;
padding-top: 5px;
text-decoration: none;
width: 210px; }

#sm-directory {
background-image: url(/img/menu/sub-directory.png);
height: 31px;
width: 237px; }

#sm-directory a {
color: #fff;
display: block;
font-size: 14px;
font-weight: bold;
height: 25px;
padding-left: 10px;
padding-top: 6px;
text-decoration: none;
width: 227px; }

#sm-shadow {
background-image: url(/img/menu/sub-shadow.png);
border-bottom: 1px solid #ccd6e3;
height: 30px;
width: 220px; }

#sm-shadow:hover {
background-image: url(/img/menu/sub-shadow-hover.png); }

#sm-shadow a {
color: #013474;
display: block;
height: 25px;
padding-left: 10px;
padding-top: 5px;
text-decoration: none;
width: 210px; }

#sm-shadow-active {
background-image: url(/img/menu/sub-shadow-active.png);
border-bottom: 1px solid #ccd6e3;
height: 30px;
width: 220px;}

#sm-shadow-active a {
color: #013474;
display: block;
height: 25px;
padding-left: 10px;
padding-top: 5px;
text-decoration: none;
width: 210px; }

#sidebar-elements {
text-align: center;
width: 220px; }

#bbb {
background-image: url(/img/home/bbb.png);
height: 50px;
margin: 0 auto;
width: 126px; }

#bbb a {
color: #dce8f3;
display: block;
height: 50px;
width: 126px; }

#bbb a:hover {
background-image: url(/img/home/bbb-hover.png); }

/* ---------- Content CSS ---------- */

#content {
background-image: url(/img/bg/content.png);
background-repeat: repeat-x;
float: left;
padding: 23px 30px 30px 13px;
width: 688px; /* 733px minus padding */ }

#content-wide {
background-image: url(/img/bg/content.png);
background-repeat: repeat-x;
padding: 23px 30px 30px 30px; }

/* ---------- Footer CSS ---------- */

#footer {
color: #fff;
font-size: 11px;
line-height: 150%;
padding: 5px 0 35px 0;
text-align:center; }

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

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

#foolinks a {
margin: 0 2px; }

.fooadd {
float: left;
text-align: center;
width: 33%; }

.fooadd address {
line-height: 150%;
padding: 0; }

.foopages {
float: left;
text-align: center;
width: 33%; }

/* ---------- Miscellaneous CSS ---------- */

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

#contact-btm {
border-top: 1px solid #e0e0e0;
margin-top: 10px;
padding-top: 10px; }

#icons {
float: right; }

#icons a {
color: #fff; }

.list li {
background-image: url(/img/home/check.png);
background-repeat: no-repeat;
line-height: 100%;
margin-bottom: 7px;
padding-left: 25px; }

.pdf-list a {
color: #000;
text-decoration: none; }

.pdf-list a:hover {
color: #0f478b; }

.pdf-list li {
background-image: url(/img/bg/pdf.gif);
background-repeat: no-repeat;
height: 20px;
font-size: 16px;
font-weight: bold;
margin-bottom: 7px;
padding-left: 28px; }

.tv-list a {
color: #000;
text-decoration: none; }

.tv-list a:hover {
color: #0f478b; }

.tv-list li {
background-image: url(/img/bg/tv.gif);
background-repeat: no-repeat;
background-position: 0 2px;
height: 20px;
font-size: 16px;
font-weight: bold;
margin-bottom: 7px;
padding-left: 28px; }