@import url("reset.css");
body{ background:#d4d4d4 url("../img/bggradient.png") repeat-x; font-family:"Arial",sans-serif; font-size:14px}
#bgwrapper{ width:999px; background:url("../img/bgshadow.png") no-repeat; margin:0px auto}
#wrapper{ width:949px; margin:0px auto; background:#fff}
#header{ width:949px; height:95px; float:left; margin-right:1px; background:#000 url("../img/header.jpg") no-repeat;}
#header{ width:949px; height:95px; float:left; margin-right:1px; background:#000 url("../img/header.jpg") no-repeat;}
h1, h2{ text-indent:-9999px; overflow:hidden}
h5.header{ width:950px; height:77px; text-indent:-9999px; overflow:hidden; position:relative; background:url("../img/headers.png") no-repeat; top:-40px; left:-63px; margin-bottom:-10px}
#h1{background-position:0px 0px}
#h2{background-position:0px -77px}
#h3{background-position:0px -154px}
#h4{background-position:0px -231px}
#h5{background-position:0px -308px}
#h6{background-position:0px -385px}
#h7{background-position:0px -462px}
#h8{background-position:0px -539px}
#h9{background-position:0px -616px}
#h10{background-position:0px -693px}
#h11{background-position:0px -770px}
#h12{background-position:0px -847px}
#h13{background-position:0px -924px}
#h14{background-position:0px -1001px}
#h15{background-position:0px -1078px}
#h16{background-position:0px -1155px}
#h17{background-position:0px -1232px}
#h18{background-position:0px -1309px}
#h19{background-position:0px -1386px}
#h20{background-position:0px -1463px}
#navigation{ width:949px; clear:both; height:30px; background:url("../img/navbg.png") repeat-x;}
#navigation ul{ margin:0px auto}
#navigation ul li{ float:left; position:relative; z-index:2}
#navigation ul li:hover, #navigation ul li.current{ background:url("../img/rollover.png") repeat-x}
#navigation ul li.nb{ background:0}
#navigation ul li a{ line-height:30px; padding:0px 25px; height:30px; display:block; font-size:15px; text-decoration:none; color:#ccc; font-weight:normal; word-spacing:3px; position:relative; z-index:9}
#navigation ul li a:hover{ color:#fff}
#navigation ul li ul{ position:absolute; display:none}
#navigation ul li:hover ul{ display:block; width:15em; float:left; z-index:3}
#navigation ul li:hover ul li a{ font-size:12px}
#navigation ul li:hover ul li ul{ position:absolute; display:none}
#navigation ul li:hover ul li:hover ul{ float:left; display:block; margin-left:100%; top:0; z-index:5}
#navigation ul li:hover ul li:hover ul li{ display:block; width:18em}
#navigation ul li ul li{ display:block; height:30px; background:url("../img/navbg.png") repeat-x; width:16em; position:relative; z-index:6}
#navigation ul li ul:hover{ display:block}
#navigation ul.sf-js-enabled li. a{ position:relative; z-index:88}
#ac{ clear:both; float:right; width:949px; height:129px; border-bottom:3px solid #fd7900; background:#fff; position:relative; z-index:1}
#ac_alpha{ width:50%; float:left; height:129px; background:url("../img/ac_alphabg.png") no-repeat}
#ac_beta{ width:49%; float:left; height:113px}
#ac_beta img{ width:462px; height:113px; position:relative; z-index:-999}
#ac_beta img.hide{ display:none}
h3{ font-size:35px; margin-left:50px; margin-top:30px}
h4{ margin-left:50px; font-size:18px; margin-top:5px; line-height:22px; letter-spacing:-0.5px}
em{ font-style:normal; color:#328807}
#ac2{ clear:both; float:right; width:949px; height:30px; border-bottom:3px solid #fd7900; background:#f8f8f8; margin-bottom:40px}
#ac2 a:hover{ color:#000}
#ac2_alpha{ width:49%; float:left}
#ac2_beta{ width:49%; float:right}
#ac2_alpha a{ margin-left:10px}
#ac2_beta a{ float:right; margin-right:10px}
#ac2_alpha a, #ac2_beta a{ line-height:30px; text-decoration:none; color:#777; font-size:12px}
#bc{ clear:both; float:right; width:949px; height:30px; border-top:3px solid #fd7900; background:#f8f8f8; margin-top:40px}
#bc a:hover{ color:#000}
#bc_alpha{ width:49%; float:left}
#bc_beta{ width:49%; float:right}
#bc_alpha a{ margin-left:10px}
#bc_beta a{ float:right; margin-right:10px}
#bc_alpha a, #bc_beta a{ line-height:30px; text-decoration:none; color:#777; font-size:12px}
#content{ width:850px; margin:0px auto; clear:both; text-align:justify}
a{ color:#39c; text-decoration:none}
a:hover{ text-decoration:underline}
#content.indexbg{ background:url("../img/index_bg.jpg") no-repeat; background-position:bottom right; width:100%}
#content.indexbg ul.bullets{ width:88%; margin:0px auto}
#content.indexbg ul li{ width:90%; margin-top:5px}
.alpha{ width:49%; float:left; margin-left:2%}
p.p100{ height:70px}
.beta{ width:49%; float:left}
.beta p, .alpha p, .beta h5, .alpha h5{ width:85%}
.m3p{ margin-left:3%}
.m4p{ margin-left:4%}
h5{ margin-left:14px; font-size:18px; margin-top:10px; margin-bottom:10px; clear:both}
p{ margin-left:14px; margin-bottom:20px; line-height:18px; color:#666; margin-top:5px; width:85%; margin-left:3%}
.full{ width:91%}
ul{ margin-left:14px}
p.center{ text-align:center; width:100%; margin-left:0%}
.bold{ font-weight:bold; color:#000}
p.f_right{ float:right; margin-right:70px}
.f_left{ float:left}
.m_left{ margin-left:50px}
.clear{ clear:both}
.upper{ text-transform:uppercase}
p.high{ margin-top:-20px}
div.bar{ height:1px; width:800px; margin:0px auto; background:url("../img/bar.png") no-repeat; margin-top:30px; margin-bottom:30px}
#content li{ background:url("../img/tick.png") no-repeat; background-position:left; padding-left:50px; padding-bottom:10px; padding-top:10px; border-bottom:1px solid #ccc; color:#666}
#content ul.bullets{ background:url("../img/clipboard.png") no-repeat; background-position:95% 100%; min-height:144px; margin-top:5px; margin-left:22px}
div.security_locks{ background:url("../img/securitylocks.png") no-repeat; background-position:95% 0%; min-height:144px; margin-top:5px; margin-left:22px}
div.keypad{ background:url("../img/keypad.png") no-repeat; background-position:95% 0%; min-height:144px; margin-top:5px; margin-left:22px}
div.temphumidity{ background:url("../img/temp_humidity.png") no-repeat; background-position:95% 0%; min-height:144px; margin-top:5px; margin-left:22px}
div.pantones{ background:url("../img/pantone.png") no-repeat; background-position:95% 0%; min-height:144px; margin-top:5px; margin-left:22px}
div.swipecard{ background:url("../img/swipecard.png") no-repeat; background-position:95% 0%; min-height:144px; margin-top:5px; margin-left:22px}
div.security_locks p, div.keypad p, div.temphumidity p, div.pantones p, div.swipecard p{ width:50%}
#content ul.tick{ background:url("../img/tick.png") no-repeat; background-position:95% 100%}
#content ul.nobg, #content ol.nobg{ background:0}
#content div.alpha ul.bullets li, #content div.beta ul.bullets li{ width:85%}
#content ul.bullets li{ background:url("../img/bullet.png") no-repeat; background-position:0% 50%; padding-left:20px; padding-bottom:10px; padding-top:10px; border-bottom:0; height:15px; width:50%; margin-bottom:10px}
#content ul.bullets ul{ padding-bottom:20px}
#content ul.bullets li.nb{ background:0; color:#777}
#content ol{ margin-left:22px; margin-top:-10px; background:url("../img/clipboard.png") no-repeat; background-position:95% 100%}
#content ol li{ width:800px; height:15px; padding-left:30px; border-bottom:0; color:#666}
#content ol li.n1{background:url("../img/1.png") no-repeat; background-position:0px 5px}
#content ol li.n2{background:url("../img/2.png") no-repeat; background-position:0px 5px}
#content ol li.n3{background:url("../img/3.png") no-repeat; background-position:0px 5px}
#content ol li.n4{background:url("../img/4.png") no-repeat; background-position:0px 5px}
#content ol li.n5{background:url("../img/5.png") no-repeat; background-position:0px 5px}
#content ol li.n6{background:url("../img/6.png") no-repeat; background-position:0px 5px}
#content ol li.n7{background:url("../img/7.png") no-repeat; background-position:0px 5px}
#content ol li.n8{background:url("../img/8.png") no-repeat; background-position:0px 5px}
#content ol li.n9{background:url("../img/9.png") no-repeat; background-position:0px 5px}
#content ol li.n10{background:url("../img/10.png") no-repeat; background-position:0px 5px}
.grey{ font-weight:bold; color:#777}
div.pad{ padding-top:20px; padding-bottom:100px}
div.pad h5, div.pad p{ margin-left:50px; margin-top:20px}
p.pad{ padding-top:20px}
span.job_title{ font-weight:normal; font-size:15px}
div.line{ width:850px; height:1px; clear:both; padding:0; background:url("../img/line.png") no-repeat; float:left}
#footer{ clear:both; height:45px; background:#000 url("../img/footerlogo.png") no-repeat; background-position:left; border-bottom:1px solid #8C8B8B}
h6{ color:#676767; font-size:11px; margin-left:50px; font-weight:normal; line-height:45px}
form#contactform fieldset{ width:80%; margin-left:20px; background:#e8f1f8; margin-bottom:20px; border:1px solid #ccc; padding-top:10px; padding-bottom:10px; font-size:14px}
form#contactform label{ float:left; clear:right; width:220px; margin-left:20px; margin-top:12px; margin-bottom:8px; text-align:left}
form#contactform select{ width:280px; float:left; margin-top:8px; margin-bottom:8px}
form#contactform input{ width:280px; clear:right; float:left; margin-top:8px; margin-bottom:8px}
form#contactform textarea{ width:92%; margin-left:4%; margin-bottom:20px; text-align:left; height:200px; clear:left; float:left}
form#contactform input[type="submit"]{ width:80px}
form#contactform input[type="checkbox"]{ width:10px; clear:left; margin-top:12px; margin-left:20px}
form#contactform label.clickbox{ width:500px; margin-left:5px}
form#contactform label.submit{ margin-top:11px; text-align:left; margin-left:20px; width:110px; font-size:16px}
form#contactform label.comments{ text-align:left; margin-left:10px; font-size:16px; padding:10px; margin-top:0px}
.clear_l{ clear:left}