@charset "utf-8";

/* reassign */
div {position: relative; height: 0px; margin: 0px; padding: 0px;}
body {background: #ffffff; padding: 10px 0px 10px 0px; margin: 0px;}
h1 {font: 24px Arial, Helvetica, sans-serif; color: #616161; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: 10px;}
h2 {font: 18px Arial, Helvetica, sans-serif; font-weight: bold; color: #616161; margin-bottom: 2px;}
h3 {font: 15px Arial, Helvetica, sans-serif; font-weight: bold; color: #971a2b; }
h4 {font: 13px Arial, Helvetica, sans-serif; color: #971a2b; margin: 0px; margin-bottom: 10px;}
ul, li {margin: 0px}
h3 + h4 {margin-top: -15px; margin-bottom: 10px;}
p {font: 12px Arial, Helvetica, sans-serif; color: #2e2e2e; padding: 0px; margin: 0px; margin-bottom: 10px}
p + p {margin-top: 15px;}
a img {border: 0px}
h3 a, h4 a {color: #971a2b;}
h4 a {text-decoration: none;}
h3 a:hover, h4 a:hover {color: #8b110f;}
small {font-size: 11px; line-height: 12px;}

/* layout */
.wrapper {width: 798px; min-height: 200px; height: auto; margin: 10px auto 0px auto;}

/* header */
#logobanner {width: 798px; height: 80px; margin-bottom: 10px; padding: 0px; text-align: left; background-color: white;}
#logobanner2 {width: 798px; height: 44px; margin-bottom: 10px; padding: 0px; background-image: url(images/theultimateinsitesecurity.gif); background-repeat: no-repeat; background-position: top right; text-align: left;}
#logobanner #logo {float: left; width: 313px;}
h1 i {visibility: hidden;}
#phone {text-align: right; float: left; top: 10px; left: 420px; width: 250px; padding: 0px;}
#phone h2 {font-size: 16px; font-weight: bold;}
#phone a {color: #c72221;}
#spanish {width: 110px; float: right;}

/* index page  */
#flashholder {width: 798px; height: 194px; background: #fff; margin: 0px; top: 7px;}
.indexcontentholder {width: 548px; height: auto; border: 1px solid #c4c1c1; top: 20px; padding: 0px; clear: none; float: left; -moz-border-radius:10px; -webkit-border-radius:10px; background: url(images/divbg.jpg) repeat-x; background-position: bottom; margin-bottom: 20px;}
.indexcontentholder div {height: auto; padding: 20px 20px 20px 20px;}
.indexcontentholder div img {float: right; margin-top: 10px;}
.rightcontentholder {width: 235px; height: auto; top: 20px; padding: 0px; float: right;}
.indexcontentholder h3 {margin-top: 25px; margin-bottom: 0px; font-size: 15px;}
.indexcontentholder h3 a, .indexcontentholder h3 a:visited {color: #971a2b; text-decoration: none;}
.indexcontentholder div p a {color: #971a2b; text-decoration: none;}
.indexcontentholder div p a:hover {text-decoration: underline;}
.indexcontentholder h3 a:hover, .indexcontentholder h3 a:active {color: #8b110f; text-decoration: underline;}
.indexcontentholder h4 {color: #2e2e2e; font-size: 12px; font-weight: bold; margin-top: 0px;}
.indexcontentholder strong {font-weight: bold; color: #80100f;}
.indexholder div hr {margin: -5px;}
.sidebar {width: 180px; min-height: 50px; height: auto; float: left; top: 10px; left: 0; padding: 0px; clear: none;  margin-bottom: 20px;}
div .sidebar div p {font: 12px Arial, Helvetica, sans-serif; font-weight: normal;}

/* right (index) sidebar and content */
#webinarholder {width: 235px; height: 138px; background-image: url(images/webinar.jpg) ; text-align: left; padding: 0px; vertical-align: top;}
#webinar {height: auto; padding: 10px 20px 0px 20px; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #8f8f8f;}
#webinar h3 {font: 15px Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; margin-top: 0px;}
#webinar a, #webinar a:active, #webinar a:hover, #webinar a:visited  {color: #870b02; text-decoration: none; margin-top: 10px;}
#news {width: 235px; height: auto; border: 1px solid #c4c1c1; margin-top: 20px; -moz-border-radius:10px; -webkit-border-radius:10px; background: url(images/divbg.jpg) repeat-x; background-position: bottom; padding: 0px;}
#news div {padding: 10px 20px 0px 20px; margin-bottom: 10px; min-height: 10; height: auto;}
#news h3 {font: 15px Arial, Helvetica, sans-serif; font-weight: bold; color: #616161; margin: 0px 0px 10px 0px;}
#news p {font-size: 11px; width: 120px; margin-bottom: 0px; clear: none; }
#news p .normal {width: 300px !important;}
#news a {color: #212121; text-decoration: none}
#news a:hover {text-decoration: underline;}
#news img {float: right; clear: none; border: 0px solid #616161; margin: 0px;}
#news img .border {border: 1px solid #616161;}

/* sidebar and content */
.sidebar .container {height: auto; width: 180px; border: 1px solid #c4c1c1; margin-bottom: 20px; -moz-border-radius:10px; -webkit-border-radius:10px; background: url(images/divbg.jpg) repeat-x; background-position: bottom;}
.sidebar .container div {height: auto; padding: 10px 15px 10px 15px;}
.sidebar .container2 {width: 180px; height: auto; border: 0px; margin-bottom: 10px;}
.sidebar .container2 div {height: auto; padding: 10px 15px 0px 15px;}
.sidebar div h3 {font: 15px Arial, Helvetica, sans-serif; font-weight: bold; color: #616161; margin-bottom: 10px;}
.sidebar div ul {display: list; font: 12px Arial, Helvetica, sans-serif; color: #313131; padding-left: 20px; padding-bottom: 15px; margin-top: 10px;}
.sidebar div li {list-style:disc;}
.sidebar div, .sidebar div p {font: 11px Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 5px; }
.sidebar img {margin-bottom: 0px}
.sidebar div #demo {width: 150px; url(images/divbg.jpg) repeat-x; background-position: bottom; padding: 0px 10px 0px 15px}
.sidebar div #demo p { font: 11px Arial, Helvetica, sans-serif; color: #313131; padding-left: 40px;}
.sidebar div #demo p+p {margin-top: 17px; margin-bottom: 0px;}
.sidebar div #demo img {float: left; padding: 0px; margin-left: -10px; margin-bottom: 0px;}
.sidebar div #demo p img {margin-top: -10px; float:none;}
.sidebar a, .sidebar a:active, .sidebar a:hover, .sidebar a:visited  {font: 12px Arial, Helvetica, sans-serif; color: #ae3735; text-decoration: none; margin-top: 10px; font-weight: bold;}
.sidebar #contact {padding-bottom: 0px;}
.sidebar #contact p {font: 12px Arial, Helvetica, sans-serif; font-weight: normal; padding-left: 5px;}
.sidebar .contact {padding-bottom: 0px;}
.sidebar .contact p {font: 12px Arial, Helvetica, sans-serif; font-weight: normal; padding-left: 5px;}
.sidebar .contact h2 {margin-top: 5px;}

#webinar2 {min-height: 289px;  background: url(images/webinar2.jpg) no-repeat; background-position: bottom; font: 12px Arial, Helvetica, sans-serif; }
#webinar2 div {padding-bottom: 160px}
#webinar2 div h3 {color: #971a2b; margin-top: 0px; margin-bottom: 10px;}
#guardiantestimonial {min-height: 270px; height: auto; background: url(images/guardiantestimonial.jpg) no-repeat;}
#sctestimonial {min-height: 270px; height: auto; background: url(images/smart-client-testimonial.jpg) no-repeat;}
#surveillancedemo {min-height: 259px; height: auto; background: url(images/surveillance.jpg) no-repeat; background-position: top; font: 12px Arial, Helvetica, sans-serif;}
#surveillancedemo h3 {margin-top: 120px; margin-botom: 10px;}
#ptz {height: 179px;  background: url(images/ptzvideo.jpg) no-repeat; background-position: top; font: 12px Arial, Helvetica, sans-serif;}
#ptz p {padding-top: 130px; margin-left: 20px;}
#webinar3 {min-height: 150px; height: auto; background: url(images/webinar3.jpg) no-repeat; background-position: top; font: 12px Arial, Helvetica, sans-serif; }
#webinar3 p{color: #e0dbd9;}

/* main content */
#productmain {width: 576px; min-height: 30px; height: auto; position: relative; top: 10px; left: 40px; border: 0px solid black; float: left; font: 11px Arial, Helvetica, sans-serif;}
#productmain p, #productmain ul, #productmain ol {font-size: 12px; line-height: 16px; color: #5c5c5c;}
#productmain a, #productmain a:visited {color: #971a2b; text-decoration: none;}
#productmain a:hover, #productmain a:active {color: #971a2b; text-decoration: underline;}

#intro, #intro3 {min-height: 100px; height: auto; background-color: #ebebeb; border: 1px solid #b2b2b2; margin-bottom: 20px;}
#intro p { width: 430px; font: 12px Arial, Helvetica, sans-serif; color: #2e2e2e; padding: 20px 20px 10px 20px;}
#intro img {position:absolute; right:0px; top:0px;}
#intro3 p {margin: 20px; font: 12px Arial, Helvetica, sans-serif; color: #2e2e2e; }

#intro a, #intro a:visited  {color: #971a2b; text-decoration: none;}
#intro a:hover, #intro a:active {color: #971a2b; text-decoration: underline;}
#intro2 {min-height: 50px; height: auto; margin-bottom: 10px; float: none; clear: both; padding-top: 10px;}
#intro2 h2 {margin-bottom: 5px; margin-top: 5px;}
#intro2 p, #intro2 ul {font: 12px Arial, Helvetica, sans-serif; color: #2e2e2e;}
#intro2 p {margin-bottom: 20px;}
#intro2 ul {margin-bottom: 10px;}
#intro2 h3 {font-size: 12px; margin-bottom: 0px; font-weight: bold;}
#intro2 a, #intro2 a:visited {color: #971a2b; text-decoration: none;}
#intro2 a:hover, #intro2 a:active {color: #971a2b;}

#productmain .article {min-height: 50px; height: auto; margin-bottom: 5px;}
#productmain .article p {font-size: 13px/18px; color: #2e2e2e;}
#productmain .article ol {font-size: 13px/18px; color: #2e2e2e; display: block;}

#productmain .article ul li {margin-left: 15px; margin-bottom: 7px; color: black; font-size: 12px; line-height: 15px; }
#productmain .article h1 {margin-top: 20px;}
#productmain .article h2 {font-size: 16px;}
#productmain .article strong {color: #971a2b; font-weight: bold;}
#productmain .article a {text-decoration: underline; color: #971a2b;}
#productmain .article h2 a {text-decoration: none; color: #971a2b;}


.features {height: auto; width: 260px; padding: 10px; border: 0px solid #b2b2b2; float: left; margin: 10px 0px -5px 0px;}
.features p, .features li { font-size: 13px; color: #5c5c5c; margin-bottom: 10px; margin-left: 50px;}
.features ul { padding: 0px;}
.features li {list-style-type: disc;}
.features h2 {margin: 0px; margin-bottom: 10px; clear: right; margin-left: 50px;}
.features img { float: left; }
.features a, features a:visited {color: #5c5c5c; text-decoration: none;}
.features a:active, features a:hover {text-decoration: underline; color: #5c5c5c;}

#footnote {width: 95%;}
#footnote a, #footnote p, #footnote ul {padding: 0px}
#footnote a, #footnote a:hover, #footnote a:visited, #footnote a:active {text-decoration: none; font-weight: bold;}

#intro2 + #productmain2holder {margin-top: 10px;}
#productmain2holder {min-height: 100px; padding-top: 10px; height: auto; background-color: #ebebeb; border: 1px solid #b2b2b2; }
#productmain2 {padding-top: 0px; padding-left: 15px; min-height: 70px; height: auto; margin-top: 0px;}
#productmain2 div {width: 171px; height: 100px; height: auto; float: left; margin-right: 15px; }
#productmain2 div #twocol {width: 200px; float: left;}
.twocol {width: 200px; float: left;}
.twocol2 {width: 220px; padding-left: 30px; margin: 0px 10px 0px 10px; float: left; height-min: 100; height: auto;}
.twocol2 h2 {margin-top: 0px;}
.twocol2 a, .twocol2 a:visited  {color: #616161; text-decoration: none;}
.twocol2 a:hover, .twocol2 a:active {text-decoration: underline; color: #ae3735;}
#productmain2 img {margin-bottom: 10px;}
#productmain2 h2 {font-size: 14px; margin: 0px 0px 5px 0px;}
#productmain2 p {font-size: 11px; line-height: 16px; color: #5c5c5c;}
#productmain2 a, #productmain2 a:visited  {color: #616161; text-decoration: none}
#productmain2 a:hover, #productmain2 a:active{text-decoration: underline; color: #ae3735;}
#productmain2 p a {padding-left: 20px; background: url(images/arrowsmall.gif) no-repeat;}
#productmain2 ul {font-size: 11px; margin: 15px; margin-top: 5px; padding: 0px;}
#productmain2 h4 {font-weight: bold; margin-bottom: 2px;}

.related {min-height: 20px; height: auto; margin-top: 20px; padding-bottom: 10px; color: #212121;}
.related div {min-height: 10px; height: auto;}
.related div a, .related div a:visited { font-size: 11px;height: auto; padding: 5px 0px 0px 5px; color: #971a2b; text-decoration: underline; font-weight: normal; }
.related div a:hover, .related div a:active { font-size: 11px; text-decoration: underline; font-weight: normal; color: #971a2b;}
.related ul{ margin: 0px; padding: 0px 0px 0px 25px; float: left; height: auto; font-size: 11px; display: block; list-style-type: none; list-style-image: url(images/arrowsmall.gif)}
.related li {min-height: 20px; height: auto; margin: 0px; padding: 0px; list-style-image: url(images/arrowsmall.gif)}
.related h1 a{font-size: 14px; font-weight: bold;}
.relatedbg {background-color: #e0e0e0; padding: 5px; height: auto; margin-bottom: 5px; font-weight: bold;}
.relatedbg a {font-weight: bold; text-decoration: none; color: #212121;}
.relatedbg a:hover, .related a:active {font-weight: bold; text-decoration: underline; color: #971a2b;}
.relatedbg a:visited {font-weight: bold; text-decoration: none; color: #5c5c5c;}

#summary {clear:both; min-height: 100px; height: auto;}
#summary img {float: left; margin-right: 15px; margin-bottom: 0px;}
#summary a, #summary a:visited {color: #971a2b; text-decoration: none; float: left; font-weight: bold;}
#summary a:hover, #summary a:active {color: #971a2b; text-decoration: underline; float: left;}
#summary h2 {font-size: 22px; width: 250px; margin-bottom: 10px; float: left; clear: right; display: block;}
#summary p {width: 240px; min-height: 20px; height: auto; float: left;}
#summary ul{ margin: 0px; padding: 0px 0px 0px 0px; float: left; font-size: 12px; display: list; list-style-type: none;  text-align: left;}
#summary li {min-height: 20px; height: auto; margin: 0px; padding: 0px; display: block; text-align: left; background-image: url(images/arrowsmall.gif); background-repeat: no-repeat; background-position: 0 0; padding-left: 2em;}
#summarycontent {width: 250px; min-height: 100px; height: auto; float: left;}
#summarycontent h2 {margin: 0}
#summarycontent h3 {color: #5c5c5c;}
#summarycontent ul {margin-top: 10px;}
#summarycontent h3, #summarycontent2 h3 {color: #5c5c5c; margin-top: 0px;}
#summarycontent2 {width: 230px; min-height: 100px; height: auto; float: left; margin-left: 75px; padding: 0px;}
#summarycontent3 {width: 320px; min-height: 100px; height: auto; float: left; padding: 0px;}

#wide {width: 300px;}
 
#next {text-align: right; }
#next ul {list-style-type: none;}
#next li {list-style-type: none; display: inline; padding: 10px;}
#next a {font-weight: bold; color: #971a2b; text-decoration: underline;}
#next a:hover, #next a:active {color: #971a2b }
#next a:visited {color: #971a2b;}


.preview p strong{font-weight: bold;  }
.preview {width: 100%; min-height: 50px; height: auto; clear: right; margin: 5px 0px 20px 0px;}
.preview img {float: left; margin-right: 15px; margin-bottom: 15px; border: 0px solid #8a8a8a}
.preview h1 {font-size: 15px; color: #616161; font-weight: bold; margin-bottom: 5px; }
.preview h3 {font-size: 15px; font-weight: bold; margin-top: 0px; margin-bottom: 10px; }
.preview h4 {font-size: 12px; font-weight: bold; margin-bottom: 0px;}
.leftpad {padding-left: 10px;}
.preview h2 {font-size: 12px; font-weight: bold; margin-top: 0px; margin-bottom: 5px; background-color: #e0e0e0; padding: 5px;}
.preview h2 a, .preview h2 a:hover, .preview h2 a:active, .preview h2 a:visited {text-decoration: none; color: #971a2b}
#productmain .preview h2 a, #productmain .preview h2 a:hover, #productmain .preview h2 a:active, #productmain .preview h2 a:visited {text-decoration: none; color: #971a2b}
.preview a:hover, .preview a:active {color: #971a2b; text-decoration: underline;}
.preview p {font: 12px; padding-left: 10px; line-height: 16px; margin: 0px; margin-bottom: 10px;}
 hr {margin: 10px 10px 0px 10px; width: 100%; color: #999999; background-color: #999999; border: 1px; height: 1px;}
.preview ul {color: #242323; font-size: 12px;  margin-bottom: 20px; margin-top: 5px; margin-left: -5px; width: 245px; padding-left: 2em; padding-right: 15px; float: left; font-weight: bold;}
.preview p .twocol {width: 200px; float: left;}
.preview ul li { margin-bottom: 2px; margin-left: 10px; font-weight: normal;}
.preview2 {width: 100%; min-height: 50px; height: auto; clear: right; margin: 10px 0px 25px 0px;}
.preview2 img {float: left; border: 0px solid #8a8a8a; margin-right: 15px; }
.preview2 h1 {font-size: 15px; color: #616161; font-weight: bold; margin-bottom: 0px;}
.preview2 ul {margin-left: 75px; }
.preview2 p, .preview2 h1 {margin-left: 85px;}
.preview2 p img {margin: 0px;}
.preview2 h2 {margin-top:0px;}
.preview2 h1 {margin: 0px;}
.preview2 h4 {margin-bottom: 5px;}

/* features update */
.update {width: 100%; border: 0px; margin-bottom: 25px; margin-top: 20px;}
.update p {margin:5px;}
.update th {text-align: left; font-size: 12px; background-color: #ae3735; color: white; padding: 5px;}


/* partners */
.partners {width: 100%; margin-bottom: 20px; margin-top: 0px;}
table.partners td {padding: 10px;}
.partners img {border: 0px solid #a2a2a2; margin-bottom: 5px;}
.partners a {text-underline: none;}
.partners p { padding-bottom: 0px; margin-bottom: 0px;}
.partners h2 {margin-bottom: 0px;}

/* videos */
#tutorials ul {margin-left: 100px;}
#tutorials li {font-size: 14px;  margin-top: 5px; margin-left: 0px; padding: 0px;}
#productmain h3 {margin-bottom: 5px; font-size: 16px; }


/* contact */
#contactpage {font-size: 11px;}
#contactpage img {margin-bottom: 10px;}
#contactpage h2 {margin: 5px 0px 0px 0px; font-weight: normal;  color: #ae3735; }
#contactpage p {font-size: 11px; line-height: 16px; color: #5c5c5c; font-weight: normal; margin-top: 0px;}
#contactpage a, #contactpage a:visited  {font-size: 11px; color: #616161; text-decoration: underline;}
#contactpage a:hover, #contactpage a:active {font-size: 11px; text-decoration: underline; color: #ae3735;}

/* software download */
.softwaremenu p {color #ff0000}
#softwaredownloadform {font: 12px Arial, Helvetica, sans-serif;}
#softwaredownloadform input {margin: 5px 0px 5px 0px;}

/*  footer */
#footer {width: 100%; height: 100px; background-color: #c6c6c6; margin-top: 20px; margin-bottom: 0px; position: relative; bottom: 0px; float: left;}
#footer .footwrapper {width: 798px; height: 50px; margin: 30px auto 0px auto;}
#footer ul {display: inline; vertical-align: text-middle;}
#footer li {display: inline-block; list-style: none; padding-left: 20px; font: 12px Arial, Helvetica, sans-serif; color: #0c0b0a; float: right; vertical-align: text-middle;}
#footer img {float: right;}
#footer a {color: #0c0b0a; text-decoration: none;}
#footer a:hover {color: #971a2b;}

/*  misc */
.description {font: 12px Arial, Helvetica, sans-serif; color: #2e2e2e; padding: 0; margin: 0; margin-bottom: 10px}
.feature {width: 375px; font: 12px Arial, Helvetica, sans-serif; color: #2e2e2e; padding: 0; margin: 0; margin-bottom: 10px}

#patg {width: 250px; height: auto; padding: 20px;}
#fotmwrapper a {color: #ae3735;}
#fotmwrapper a:hover, #fotwrapper a:active {color: #971a2b;}
.fotm {float: left; margin: 0px 20px 0px 0px;}

.help:hover {cursor: help; border: 0; text-decoration: none; font-weight: bold; color: #c33534;}
.help {cursor: help; border-bottom: 1px dashed; text-decoration: none; font-weight: bold; color: #c33534;}
.normal {padding:0px; margin: 0px; display:inline;}
.underline {text-decoration: underline;}
.center {text-align: center;}
.dark {color: #000;}
.red2 {color: #870b02 !important}
.features li .red {color: #FF0000;}
.red {color: #FF0000 !important}
.caps {text-transform: uppercase;}
.clear {clear: both; width: 20px; height: 1px; padding: 0px;}
p.clear {clear: both; height: 0px; margin:0px; padding: 0px;}
.clear:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}
#comment {visibility: hidden; height: 1px;}
.pad {padding-left: 20px; padding-right: 20px;}
p#bio {font-size: 11px; line-height: 16px; !important}
#testimonial { min-height: 50px; height: auto; border: 0px solid #7695a2; margin-top: 10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#testimonial p {line-height: 16px; margin: 0px; color: #626262; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#testimonial p+p {margin-top: 20px;}