/* ----------- page structure ----------- */

body {
  background-image: url("/img/background.gif");
  background-color: #000D37;
  font: small sans-serif;
  color: black;
  font-size: small;
  text-align: center;
} html>body { font-size: small; text-align: center; }

#mainContainer {
  background-color: #848C94;
  background-repeat: no-repeat;
  width: 800px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid white;
  text-align: left;
  padding: 0px 0px 0px 0px;
}

#header {
  background-image: url("/img/header.jpg");
  background-repeat: no-repeat;
  width: 800px;
  height: 94px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#header h1 { display: none; }

#body {
  position: relative;
  width: 800px;
  margin: 0px 0px 0px 0px;
}

#content {
  margin-left: 150px;
  background-color: white;
  background-repeat: repeat-y;
  background-image: url( "/img/contentBackground.jpg" );
  background-position: 50px 0px;
  width: 650px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  padding-bottom: 10px;
}

#contentText {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

#copyright {
  margin-top: 10px;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: white;
}

#footer {
  width: 800px;
  bottom: 0px;
  background-color: #405275;
  background-image: url( "/img/footerBackground.gif" );
  border-top: 1px solid black;
  text-align: center;
  color: white;
  font-size: .9em;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0px 0px 0px 0px;
}


/* ----------- main navigation ----------- */

#nav {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #9AD1FF;
  color: black;
  text-align: center;
  width: 150px;
}

#nav a {
  display: block;
  width: 150px;
  height: 25px;
}

#home {
  background-image: url( "/img/homeBtnOff.gif" );
}

#home:hover {
  background-image: url( "/img/homeBtnOn.gif" );
}

#home span {
  display: none;
}

#press {
  background-image: url( "/img/pressBtnOff.gif" );
}

#press:hover {
  background-image: url( "/img/pressBtnOn.gif" );
}

#press span {
  display: none;
}

#alarm {
  background-image: url( "/img/alarmBtnOff.gif" );
}

#alarm:hover {
  background-image: url( "/img/alarmBtnOn.gif" );
}

#alarm span {
  display: none;
}

#surveillance {
  background-image: url( "/img/surveillanceBtnOff.gif" );
}

#surveillance:hover {
  background-image: url( "/img/surveillanceBtnOn.gif" );
}

#surveillance span {
  display: none;
}

#monitoring {
  background-image: url( "/img/monitoringBtnOff.gif" );
}

#monitoring:hover {
  background-image: url( "/img/monitoringBtnOn.gif" );
}

#monitoring span {
  display: none;
}

#access {
  background-image: url( "/img/accessBtnOff.gif" );
}

#access:hover {
  background-image: url( "/img/accessBtnOn.gif" );
}

#access span {
  display: none;
}

#hardware {
  background-image: url( "/img/hardwareBtnOff.gif" );
}

#hardware:hover {
  background-image: url( "/img/hardwareBtnOn.gif" );
}

#hardware span {
  display: none;
}

#accessories {
  background-image: url( "/img/accessoriesBtnOff.gif" );
}

#accessories:hover {
  background-image: url( "/img/accessoriesBtnOn.gif" );
}

#accessories span {
  display: none;
}

#consulting {
  background-image: url( "/img/consultingBtnOff.gif" );
}

#consulting:hover {
  background-image: url( "/img/consultingBtnOn.gif" );
}

#consulting span {
  display: none;
}

#service {
  background-image: url( "/img/serviceBtnOff.gif" );
}

#service:hover {
  background-image: url( "/img/serviceBtnOn.gif" );
}

#service span {
  display: none;
}

#contact {
  background-image: url( "/img/contactBtnOff.gif" );
}

#contact:hover {
  background-image: url( "/img/contactBtnOn.gif" );
}

#contact span {
  display: none;
}


/* ----------- subheader styles ------------ */

#indexSubHeader {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url( "/img/indexHeader.gif" );
  background-repeat: none;
  width: 650px;
  height: 35px;
}

#indexSubHeader h2 {
  display: none;
}

#pressSubHeader {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url( "/img/pressHeader.gif" );
  background-repeat: none;
  width: 650px;
  height: 35px;
}

#pressSubHeader h2 {
  display: none;
}

#surveillanceSubHeader {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url( "/img/surveillanceHeader.gif" );
  background-repeat: none;
  width: 650px;
  height: 35px;
}

#surveillanceSubHeader h2 {
  display: none;
}

#alarmSubHeader {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url( "/img/alarmHeader.gif" );
  background-repeat: none;
  width: 650px;
  height: 35px;
}

#alarmSubHeader h2 {
  display: none;
}

#monitoringSubHeader {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url( "/img/monitoringHeader.gif" );
  background-repeat: none;
  width: 650px;
  height: 35px;
}

#monitoringSubHeader h2 {
  display: none;
}

#accessSubHeader {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url( "/img/accessHeader.gif" );
  background-repeat: none;
  width: 650px;
  height: 35px;
}

#accessSubHeader h2 {
  display: none;
}

#hardwareSubHeader {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url( "/img/hardwareHeader.gif" );
  background-repeat: none;
  width: 650px;
  height: 35px;
}

#hardwareSubHeader h2 {
  display: none;
}

#consultingSubHeader {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url( "/img/consultingHeader.gif" );
  background-repeat: none;
  width: 650px;
  height: 35px;
}

#consultingSubHeader h2 {
  display: none;
}

#serviceSubHeader {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url( "/img/serviceHeader.gif" );
  background-repeat: none;
  width: 650px;
  height: 35px;
}

#serviceSubHeader h2 {
  display: none;
}

#contactSubHeader {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url( "/img/contactHeader.gif" );
  background-repeat: none;
  width: 650px;
  height: 35px;
}

#contactSubHeader h2 {
  display: none;
}

/* ----------- common styles ----------- */
a:link {
  color: blue;
  text-decoration: underline;
}

a:visited {
  color: blue;
  text-decoration: underline;
}

a:hover {
  color: red;
  text-decoration: underline;
}

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

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

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

a:hover img {
  border: 1px solid red;
}

em {
  font-weight: bold;
  font-style: normal;
  color: #530000;
}

p {
  margin-top: 1em;
}

ul li {
  margin-left: 10px;
  margin-right: 10px;
}

img.contentImage {
  float: right;
  margin: 10px 10px 10px 10px;
  border: 1px solid black;
}

img.centeredImage {
  text-align: center;
  margin: 10px 10px 10px 10px;
  border: 1px solid black;
}

#content img {
  border: 1px solid black;
  margin: 5px 5px 5px 5px;
}