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

html, body{padding: 0px; margin: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
html{ background:#CCCCCC;}

h1{ font-size:1.6em;}
h2{font-size:1.4em;}
h3{font-size:1.3em;}
p{ font-size:1.1em;line-height:1.2em;}
a{color:#333333;}
a:hover {color:#ff3333;}
em{position: absolute; top:-1000000px;}
.error_red{color:#FF0000}

#mainContainer{width:980px; margin: 0 auto 0 auto;}

#leftContainer{width:275px; float: left; position: relative;height: auto; min-height:600px; background:url(/library/images/leftNavBG.jpg) no-repeat bottom; z-index:100;}

.mainNav{ position: relative;width: 180px; margin:0 auto 50px auto; padding-top:170px;}
.mainNav ul{margin: 10px 0 10px 0;}
.mainNav ul li{ list-style-type:square;}
.mainNav h3 {margin: 10px 0 10px 0;}

.logoContainer{position: relative;height:201px; width:324px; left: 28px;}

#rightContainer{width: 670px; float: right; position: relative; z-index:200; background:#FFFFFF; color: #333333;}



#heroImage{height: 159px; width: 600px; margin:0 auto 0 auto; clear: both;}
#heroImage .heroCCTV{background:url(/library/images/heroCCTV.jpg) no-repeat top left; width: 600px; height:159px;}
#heroImage .heroGATES{background:url(/library/images/heroGATES.jpg) no-repeat top left; width: 600px; height:159px;}
#heroImage .heroINTRUDER{background:url(/library/images/heroINTRUDER.jpg) no-repeat top left; width: 600px; height:159px;}
#heroImage .heroFIRE{background:url(/library/images/heroFIRE.jpg) no-repeat top left; width: 600px; height:159px;}
#heroImage .heroACCESS{background:url(/library/images/heroACCESS.jpg) no-repeat top left; width: 600px; height:159px;}
#heroImage .heroPERIMETER{background:url(/library/images/heroPERIMETER.jpg) no-repeat top left; width: 600px; height:159px;}
#heroImage .heroHEALTH{background:url(/library/images/heroHEALTH.jpg) no-repeat top left; width: 600px; height:159px;}
#heroImage .heroINTERCOM{background:url(/library/images/heroINTERCOM.jpg) no-repeat top left; width: 600px; height:159px;}
#heroImage .heroCONTACT{background:url(/library/images/heroCONTACT.jpg) no-repeat top left; width: 600px; height:159px;}
#heroImage .heroHOME{background:url(/library/images/heroHOME.jpg) no-repeat top left; width: 600px; height:159px;}

#subjectContainer{margin-top:10px;}
#subjectContainer .Bblock{padding:0px 0 20px 0;}
#subjectContainer p{padding:5px 0 10px 0;}
#calloutContainer{padding: 5px 0 20px 0;min-height:100px;}
#pageBottom .Bblock{height:20px; background:#FFFFFF;}

.address{ float: right;}
.addresses{padding: 10px 10px 0 0; float:left; display:inline;}
form{padding-top:10px;}

.Bblock{width: 600px; margin: 5px auto 0 auto; clear: both;}
.block{width: 600px; height: auto; margin: 0 auto 0 auto; border-top: 2px solid #ccff33; padding-bottom:20px;}
.botBlock{width: 600px; height: auto; margin: 0 auto 0 auto; border-bottom: 2px solid #ccff33; padding-bottom:20px;}
.block h3, .block h1{ padding: 10px 0 0 0;}

.left{ float: left;}

.topNav{width: 600px; margin: 0 auto 5px auto; clear: both; display:block; height: 35px; position: relative; z-index:5000; background:#CCFF33; border-bottom: 1px solid #CCFF33;}
.topNav a{background: #CCFF33 url(/library/images/topNavBG.gif) repeat-y top right;padding: 10px; margin-bottom:1px; text-decoration:none;}		
.clickMe{ width: 100px;}
#dropDown{position: absolute; left:190px; top:38px; margin:0; width:100px; }
#dropDown a{ font-size: 0.8em; float: left; background:#CCCCCC; padding: 4px; width: 90px; display: block;}



#affiliateContainer{padding: 5px 0 20px 0; margin:0 auto 10px auto; clear:both; width: 600px; text-align:center;}
#affiliateContainer h3{ text-align:left;}
.spacer{padding: 5px 20px 5px 0;}