/*
home: #183D6A
cctv: #2966B1
contact: #A0C1E9 
isi: #2966B1
red: #E83939
*/
@charset "utf-8";
/* CSS Document */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strong,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section{margin:0;padding:0;border:0;vertical-align:baseline}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{display:block}
ol,ul{list-style:none}
@font-face {
    font-family: 'DroidSansRegular';
    src: url('../font/DroidSans-webfont.eot');
    src: url('../font/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DroidSans-webfont.woff') format('woff'),
         url('../font/DroidSans-webfont.ttf') format('truetype'),
         url('../font/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {font:100%/1.5 'DroidSansRegular', sans-serif;color:#777;background:#fff url(../images/bg1.gif) repeat-x}
#wrap{width:90%;max-width:1100px;margin:0 auto;position:relative;background:#fff;border:24px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.page{overflow:hidden;position:relative;background:#fff url(../images/bg2.jpg) repeat;padding:24px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
/* general */
h1, h2, p {font-weight:normal}
h1{font:1.625em/1.4 sans-serif;color:#2966B1;letter-spacing:.075em;margin-bottom:0.9230769230769231em}
h2{font:1.1875em/1.263157894736842 sans-serif;color:#A0C1E9;letter-spacing:.05em;margin-bottom:1.263157894736842em}
p{font-weight:0.9375em;margin-bottom:1.5em}
a {text-decoration:none;color:#E83939}
a:hover, a:active, a:focus {text-decoration:underline}
.fl{float:left}
.fr{float:right}
.clearb{width:100%;overflow:hidden}
.nowrap{white-space:nowrap}
/*header*/
#phone{max-width:100%;margin-left:-10px}
#titles{overflow:hidden;position:relative}
header {background:#fff}
header nav ul li {border-bottom:1px solid #fff;line-height:1em}
header nav ul li a{display:block;padding-left:32.29166666666667%;color:#fff;text-decoration:none;font-size:1.25em;padding-top:10px;padding-bottom:9px;letter-spacing:.075em;line-height:1em}
header nav ul li a:hover,header nav ul li a:active,header nav ul li a:focus {color:#fff;text-decoration:none}
li#home a {background:#183D6A}
li#cctv a {background:#2966B1}
li#contact a {background:#A0C1E9}
li#home a:hover {background:#466387}
li#cctv a:hover {background:#5384C0}
li#contact a:hover {background:#B3CDED}
header nav ul li a {-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-o-transition:all .15s ease-in;-ms-transition:all .15s ease-in;transition:all .15s ease-in}
#logo{position:absolute;right:71%;top:3px}
/* columns */
.col1{width:65%} /*624px*/
.col2{width:31.25%}/*300px*/
/* right nav  */
.col2 nav {font-size:.8125em;padding:12px;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.col2 nav ul{border-bottom:1px solid #fff}
.col2 nav ul ul{border-bottom:none}
.col2 nav ul li {border-top:1px solid #fff}
.col2 nav ul ul a{padding-left:24px;padding-right:24px}
.col2 nav ul a {padding:5px 0px;display:block;text-decoration:none;color:#fff;background:#2966B1;padding-left:12px}
.col2 nav ul ul a {background:#B3CDED;color:#2966B1}
.col2 nav ul a:hover, .col2 nav ul a:active, .col2 nav ul a:focus {background:#E5E5E5;color:#183D6A}
.col2 nav ul a.selected,.col2 nav ul ul a.selected {cursor:default;border-left:5px solid #E83939;padding-left:19px;background:#B3CDED}
.col2 nav ul a.selected {padding-left:7px;background:#2966B1;color:#fff}
/* testimonials */
#testimonials div blockquote{border-left:4px solid #2966B1;margin-left:1px;padding-left:10px;font-style:italic}
#testimonials div p{border-left:4px solid #A0C1E9;margin-left:1px;padding-left:10px;margin-top:1px;color:#4F4F4F;font-size:.8125em}
/* footer */
footer {font-size:.8125em;color:#fff;width:90%;max-width:1000px;margin:12px auto;text-align:center}
footer span{background:#2966B1;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding:4px}
.suppliers{background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center;padding:6px}
.suppliers p{font-size:.8125em;font-style:italic;text-align:left;margin-bottom:6px}
.suppliers span{height:43px;background:url(../images/suppliers.gif) 0 0;display:inline-block;margin:0 2px}
.suppliers span.avi{width:158px;background-position:0 0}
.suppliers span.bos{width:122px;background-position: -158px 0}
.suppliers span.bpt{width:41px;background-position: -280px 0}
.suppliers span.faa{width:126px;background-position: -321px 0}
.suppliers span.pax{width:87px;background-position: -447px 0}
.suppliers span.vid{width:195px;background-position: -534px 0}
.suppliers span.vis{width:54px;background-position: -729px 0}
/* thumblinks */
.thumblinks {font-size:.75em;margin-bottom:12px;position:relative}
.thumblinks a.thcctv,.thumblinks a.thaccess,.thumblinks a.thgates,.thumblinks a.thalarms {border:2px solid #fff;width:75px;height:75px;background:url(../images/thumbs.jpg) 0 0;float:left;margin:0 8px 0 0;text-indent:100%;white-space:nowrap;overflow:hidden}
.thumblinks a.thcctv  {background-position: 0 0;}
.thumblinks a.thaccess {background-position: -85px 0;}
.thumblinks a.thgates {background-position: -170px 0}
.thumblinks a.thalarms {background-position: -255px 0 }
/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}
.slides,.flex-control-nav,.flex-direction-nav {margin:0;padding:0;list-style:none}
.flexslider {margin:0;padding:0}
.flexslider .slides > li {display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img {max-width:100%;display:block}
.flex-pauseplay span {text-transform:capitalize}
.slides:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides {display:block}
* html .slides {height:1%}
.no-js .slides > li:first-child {display:block}
.flexslider {background:#fff;border:4px solid #fff;position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;zoom:1;margin-bottom:24px}
.flexslider .slides {zoom:1}
.flexslider .slides > li {position:relative}
.flex-container {zoom:1;position:relative}
.flex-caption {background:none;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom:1}
.flex-caption {width:50%;padding:5px;margin:0;position:absolute;left:5px;top:5px;background:rgba(0,0,0,.5);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.5);font-size:0.8125em;line-height:18px}
.flex-direction-nav {display:none}
.flex-control-nav {position:absolute;bottom:5px;right:5px}
.flex-control-nav li {margin:0 0 0 5px;display:inline-block;zoom:1;*display:inline}
.flex-control-nav li:first-child {margin:0}
.flex-control-nav li a {width:13px;height:13px;display:block;background:url(../images/control_nav.png) no-repeat;cursor:pointer;text-indent:100%;white-space:nowrap;overflow:hidden}
.flex-control-nav li a.active {background-position:0 -13px;cursor:default}

@media screen and (max-width:480px) { 
#logo{right:62%}
header nav ul li a{padding-left:43%}
.col1{display:block;float:none;width:100%} 
.col2{display:block;float:none;width:100%}
#phone{max-width:100%;margin-left:0;position:absolute;top:0;left:0}
#titles{padding-top:50px}
h1{margin-bottom:5px}
.flex-caption {width:65%;font-size:.7em}
}
@media screen and (max-width:320px) { 
body {background:#fff; }
#wrap{width:auto;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:5px}
.page{padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:none}
#logo{right:53%}
header nav ul li a{padding-left:48%;font-size:1em}
.col1{display:block;float:none;width:100%} 
.col2{display:block;float:none;width:100%}
.flexslider{display:none}
#phone{max-width:100%;margin-left:0;position:absolute;top:5px;left:0}
#titles{padding-top:50px}
h1{font:1.375em/1.4 sans-serif;margin-bottom:5px}
.col2 nav {padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
}