﻿body{
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  background: transparent;
  background-image: url(Pics/shadowbackground.gif);
  background-repeat: no-repeat;
  background-position: top center;}

#logotop {
  position: relative;
  width: 880px;
  height: 125px;
  background-image: url(Pics/logonav.jpg);}

#mainbox {
  position: relative;
  width: 880px;
  height: 871px;
  margin-top: -8px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(Pics/background.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  }

#contenttop {
  position: relative;
  width: 880px;
  height: 144px;
  background-image: url(Pics/backgroundcontenttop.jpg);
  background-repeat: repeat;
  margin: 0 0 5px 0;
  border-style: ridge;
  border-color: #fff;
  border-width: 4px 0 4px 0;
  padding: 4px 0 0 0 }

#imagebox {
  float: middle;
  width: auto;
  height: 90px;
  text-align: center;}

#contentbox {
  float: left;
  width: 310px;
  height: auto;
  margin: 0 0 5px 0;
  text-align: center}

#contentbox3 {
  float: left;
  width: 310px;
  height: auto;
  margin: 0 0 5px 0;
  text-align: center }

#contentbox2 {
  float: left;
  width: 260px;
  height: auto;
  margin: 0 0 5px 0;
  text-align: center}  

#contentbottom {
  float: left;
  clear: both;
  width: 880px;
  height: 71px;
  background-image: url(Pics/contentdevider.png);
  background-repeat: no-repeat;
  background-position: top center;
  margin: 0 0 20px 0;
  border-style: solid;
  border-color: #000;
  border-width: 0 0 0 0}
 
  
.content {
  width: 310px;
  height: auto;
  padding: 4px 0 4px 0;
  margin: 0 auto 5px auto;
  text-align: center;
  border-style: solid;
  border-color: #000;
  border-width: 0 0 0 0;
  }






.contentleftpicture {
  width: 260px;
  height: 250px;
  padding: 8px 0 8px 0;
  margin: 10px auto 0 auto;
  text-align: center;}



.contentleftpicture input, .contentleftpicture textarea {

  padding: 2px;

  width: 135px;

 font-family: Helvetica;


  margin: 0px 0px 3px 0px;

  border: 2px solid #2886cc;
  
}



.contentleftpicture textarea {

  height: 50px;
  }



.contentleftpicture textarea:focus, .contentleftpicture input:focus {

  border: 2px solid #900;
  
}



.contentleftpicture input.submit-button {

  width: 100px;

  float: left;
  margin: 2px 0 0 103px
  
}

label {
	


  float: left;
  width: 25px;

  margin: 0 15px 0 15px;
  padding-top: 1px;


  }





.slideshowtop {
  float: left;
  width: 420px;
  height: 140px;
  background-image: url(Pics/cardswipe.jpg);
  margin: 0 0 0 9px;
  background-color: #fff; }

.slideshowtop2 {
  float: right;
  width: 420px;
  height: 140px;
  background-image: url(Pics/surveillance.jpg);
  margin: 0 9px 0 0;
  background-color: #fff; }

h1 {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #000;
  margin: 0 10px 5px 10px;
  text-align: center; }

h2 {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-style: italic;
  font-size: 16px;
  color: #000;
  margin: 5PX 10px 0 10px;
  text-align: left;
  background-image: url(Pics/contenttop.png);
  background-repeat: no-repeat;
  background-position: bottom center
  }

h3 {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: red;
  margin: 0 10px 5px 10px;
  text-align: center;}

p.top {
  float: right;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  margin: 45px 15px 0 15px;
  color: #4c4c4c;
  text-align: right;
  position:absolute;
  left: 643px;
  top: -34px;
  }

p {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-size: 14px;
  color: #4c4c4c;
  text-align: left;
  margin: 2px 10px 5px 10px;}

p.bottom {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-size: 14px;
  color: #4c4c4c;
  text-align: center;
  margin: 2px 10px 5px 10px;}


p.side {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-size: 14px;
  color: #000;
  font-style: italic;
  text-align: center;
  margin: 2px 10px 5px 10px}

a {
  color: red;
  background: transparent;
  border: none }

a:visited {
  color: red;
  background: transparent;
  border: none }

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

a:active { 
  color: red;
  background: transparent;
  border: none }

img{
border: none;}


