@import ("reset.css");

* {
	margin:0;
	padding:0;
}


html>body { }
body            { color: #373737; font: 12px/15px "Lucida Grande", "Lucida Sans", verdana, Arial, Helvetica, Geneva, sans-serif; background: white url(../images/headbg2.jpg) repeat-x; text-align: center; word-spacing: -1px; margin: 0; padding: 0 }

#header           { color: #373737; font-size: 11px; line-height: normal; background: white url(../images/header.jpg) no-repeat 0 -1px; float: left; margin: 0; padding: 0; z-index: 0; width: 772px  }


#header ul      { list-style-type: none; margin: 0 auto; padding: 125px 10px 0px 30px; position: relative; z-index: 0; top: 0px }

#header li     { background: url(../images/left.gif) 
no-repeat left top; float: left; margin: 0 2px 0 0; padding: 0 0 0 7px; border-bottom: 1px solid #014b5c; z-index: 0 }

#header a         { color: #8ad3e5; text-decoration: none; background: white url(../images/right.gif) no-repeat right top; float: left; padding: 5px 15px 4px 6px; z-index: 0; display: block }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a  { float: none; z-index: 0 }
/* End IE5-Mac hack */

#header a:hover   { color: #00a0c6; background-color: gray; z-index: 0 }

#header #current      { background-image: url(../images/left_on.gif); border-bottom: 0px; z-index: 22 }

#header #current a      { color: white; background-image: url(../images/right_on.gif); padding-bottom: 5px; border-bottom: 0px; z-index: 22 }


#container         { background: white repeat-y; text-align: left; clear: both; margin: 20px auto; padding-top: 0; border: solid 1px #014b5c; z-index: 0; width: 772px }
#content     { font-size: 100%; line-height: 170%; float: left; clear: both; padding: 0px 0px 30px; z-index: 0; width: 100% }
#ticker  { background-color: #00a0c6; background-image: url(../images/menu_bg.gif); background-repeat: repeat-x; float: left; clear: both; margin: 0; padding: 0; width: 772px; height: 45px   }
#ticker .left  { color: white; font-weight: bold; font-size: 12px; float: left; margin: 0; padding: 21px 0 0 30px; width: 90px  }
#ticker .right  { float: left; margin: 0px; padding: 0px }

#head { margin: 0 auto; z-index: 0; width: 704px }
#visual { background-image: url(../images/head2.jpg); margin: 0 auto; z-index: 0; width: 700px; height: 164px }
#logo     { background: transparent url(../trans.png) no-repeat 571px 113px; z-index: 10; width: 700px; height: 164px }
img { border: 0px }
#flashcontent { margin: 0 }
div#left    { float: left; padding: 30px 0px 0px; width: 190px }
div#left div.menutop  { background-color: transparent; background-image: url(../images/leftmenu_top.gif); background-repeat: no-repeat; background-position: 0 0; width: 190px; height: 8px; overflow: hidden; display: block; }
div#left div.menu  { background: url(../images/leftmenu_side.gif) repeat-y;}
div#left div.menubottom { background-color: transparent; background-image: url(../images/leftmenu_bottom.gif); background-repeat: no-repeat; background-position: 0 0; width: 190px; height: 8px; display: block; margin-bottom: 20px; }


div#left div#left_menu  { background: url(../images/leftmenu_title.gif) no-repeat 20px 16px; padding-top: 45px; padding-left: 10px }
div#left div#left_menu ul    { list-style-type: none; width: 180px; display: block; overflow: hidden; }
div#left div#left_menu li   { font-size: 12px; line-height: 12px; background-color: transparent; background-image: url(../images/leftmenu_dotline.gif); background-repeat: no-repeat; background-position: 4px bottom; }
div#left div#left_menu li.end { background-image: none; }
div#left div#left_menu li a { color: #00a0c6; background-repeat: no-repeat; background-position: 0 4px; text-decoration: none; width: 135px; display: block; overflow: hidden; padding: 8px 0 11px 35px; }
div#left div#left_menu li a:hover { background-position: -200px 4px; color: #014b5c; }
div#left div#left_menu li a.current  { background-position: -400px 4px; }
div#left div#left_menu li.dots  { background: url(../images/leftmenu_dotline.gif) no-repeat 4px 0px; width: 170px; height: 1px; display: block; }
div#left div#left_menu li.link a, #left_menu li.link a:link, #left_menu li.link a:visited { color: #00a0c6; text-decoration: none; }
div#left div#left_menu li.link a:hover { color: #014b5c; }
div#left div#left_menu li#cctv a { background-image: url(../images/icon_cctv_new.gif); }
div#left div#left_menu li#digi a { background-image: url(../images/icon_digital_new.gif); }
div#left div#left_menu li#moti a { background-image: url(../images/icon_videlert_new.gif); }
div#left div#left_menu li#acce a { background-image: url(../images/icon_access_new.gif); }
div#left div#left_menu li#gate a { background-image: url(../images/icon_gates_new.gif); }
div#left div#left_menu li#inte a { background-image: url(../images/icon_integrated_new.gif); }
div#left div#left_menu li#serv a { background-image: url(../images/icon_maintenence_new.gif); }
div#left div#left_menu li#wire a { background-image: url(../images/icon_wireless_new.gif); }
div#left div#left_menu li#mega a { background-image: url(../images/icon_megapixel_new.gif); }
div#left div#left_menu li#ip a { background-image: url(../images/icon_ip_new.gif); }
div#left div#left_menu li#pa a { background-image: url(../images/icon_pa_new.gif); }


div#left div.serv_menutop  { background-color: transparent; background-image: url(../images/serv_menu_top.gif); background-repeat: no-repeat; background-position: 0 0; width: 190px; height: 8px; overflow: hidden; display: block; }
div#left div.serv_menu  { background: url(../images/serv_menu_side.gif) repeat-y;}
div#left div.serv_menubottom { background-color: transparent; background-image: url(../images/serv_menu_bottom.gif); background-repeat: no-repeat; background-position: 0 0; width: 190px; height: 8px; display: block; }

div#left div#servmenu   { margin: 0px; padding: 0px 0px 0px 14px }

div#left div#servmenu h1   { color: white; font-weight: bold; font-size: 14px; background: url(../images/rightmenu_dotline.gif) no-repeat 0px 21px; margin: 0px; padding: 0px 0px 14px }
div#left div#servmenu ul         { list-style-type: none; margin: 0; padding: 0; width: 140px; height: 145px }
div#left div#servmenu li      { color: white; font-size: 12px; line-height: 14px; margin: 0; padding: 0 0 10px; width: 120px }

div#left div#servmenu li a  { color: white; font-size: 12px; text-decoration: none; margin: 0px; padding: 0px }
div#left div#servmenu li.current a { color: #7fcfe2; font-size: 12px; font-weight: bold; text-decoration: none; margin: 0; padding: 0; }
div#left div#servmenu li.current a:hover   { color: #00a0c6; font-weight: bold; text-decoration: none  }
div#left div#servmenu li a:hover { color: #00a0c6; text-decoration: none; }



#left .buyguide   { background: url(../images/button_buyguide.gif) no-repeat; margin: 20px 0px 0px; padding: 13px 0px 0px 82px; height: 60px }
#left .buyguide a, #left .buyguide a:link, #left .buyguide a:visited  { text-decoration: none; background: url(../images/button_buyguide2.gif) no-repeat -76px 0px; margin: 0px; padding: 0px; width: 76px; height: 36px; display: block }
#left .buyguide a:hover  { text-decoration: none; background: url(../images/button_buyguide2.gif) no-repeat 0px 0px; display: block }
#centre    { float: left; margin: 0px; padding: 30px 0px 0px; width: 394px }
#centre .ad_left { background-image: url(../images/ad_videalert.gif); float: left; padding: 0; width: 168px; height: 79px ; margin: 15px 0 25px; display: block; }
#centre .ad_left p  { color: #023b4b; font-size: 11px; line-height: 13px; margin: 0; padding: 30px 5px 0 42px; height: 40px; overflow: hidden }
#centre .ad_left a, #centre .ad_left a:link, #centre .ad_left a:visited  { color: #023b4b; text-decoration: none; }
#centre .ad_left a:hover  { text-decoration: underline; }
#centre .ad_right { background-image: url(../images/ad_digital.gif); float: left; margin: 15px 0 25px 15px; padding: 0; width: 168px; height: 79px ; display: block; }
#centre .ad_right p  { color: white; font-size: 11px; line-height: 13px; margin: 0; padding: 30px 10px 0 55px; height: 40px; overflow: hidden }

#centre .ad_right a, #centre .ad_right a:link, #centre .ad_right a:visited  { color: white; text-decoration: none; }
#centre .ad_right a:hover  { text-decoration: underline; }

#centretext   { padding: 0 20px }
#centretext .heading { margin-bottom: 14px }
#centretext p a:link, #centretext p a:visited, #centretext p a:active, 
#centretext li a:link, #centretext li a:visited, #centretext li a:active, 
#centretext h2 a:link, #centretext h2 a:visited, #centretext h2 a:active  
	{ color: #377181; text-decoration: none; }
#centretext p a:hover, #centretext li a:hover, #centretext h2 a:hover { text-decoration: underline; }
#centretext ul { list-style-type: disc; list-style-position: outside; margin: 0 0 10px; padding: 0 0 0 17px }
#centretext li { font-size: 12px; margin: 0 0 5px; padding: 0 }
#centretext ul.news { list-style-type: none; padding-left: 0px; }
#centretext ul.news li { margin-left: 0px; font-size: 14px; }
#centretext .image { float: right; margin: 3px 0 10px 10px; }
#centretext img.fullpic { margin-bottom: 20px; }
#centretext img.rightpic { float: right; clear: both; margin-top: 3px; margin-bottom: 10px; margin-left: 10px; }
#centretext p  { font-size: 12px; line-height: 17px; margin: 0 0 15px }
#centretext p.caption { font-size: 12px; font-weight: bold; font-style: italic; }
#centretext p.first   { color: #00a0c6; font-weight: bold; font-size: 14px; line-height: 21px; margin: 0 0 15px; padding-top: 0 }
#centretext p.quote {  }
#centretext h1 { color: #023b4b; font-weight: normal; font-size: 22px; text-transform: uppercase; word-spacing: -2px; margin: 0 0 15px   }
#centretext h1.summary { font-size: 12px; }
#centretext h2 { color: #023b4b; font-weight: bold; font-size: 12px; line-height: 17px; margin: 0  }
#centretext h2.edu_signup { color: #023b4b; font-size: 18px; font-weight: bold; line-height: 17px; margin: 0 0 10px; }
#centretext h3 { font-weight: bold; font-size: 12px; margin: 13px 0px 0px }
#centretext h4 { color: #00a0c6; font-weight: normal; font-size: 24px; line-height: 27px; word-spacing: -1px; letter-spacing: -1px; margin: 0 0 15px   }
#centretext h5 { color: #22517d; font-weight: bold; font-size: 12px; margin: 0px }
#centretext h6 { font-weight: bold; font-size: 12px; margin: 0px }
#centretext .quotelogo { float: right; margin: 3px 0 10px 15px; }
#centretext .contactform input, textarea  { margin: 0px; width: 300px }
#centretext .contactform textarea { height: 90px; margin: 0 }
#centretext .contactform select { margin-bottom: 10px }
#centretext #edu_signup fieldset { margin: 0 0 10px; padding: 0; border-style: none; border-width: 0; }
#centretext #edu_signup fieldset ul { margin: 0; padding: 0; }
#centretext #edu_signup fieldset ul li { list-style-type: none; margin: 0; padding: 0; width: 157px; float: left; }
#centretext #edu_signup fieldset ul li.left_field { margin-right: 15px; }
#centretext #edu_signup fieldset ul li.comment { width: 322px; float: none; }
#centretext #edu_signup fieldset ul li p { margin-bottom: 3px; }
#centretext #edu_signup input { width: 150px; }
#centretext #edu_signup textarea { width: 322px; }
#centretext #edu_signup { color: #fff; background-color: #00a0c6; float: none; clear: both; margin: 0 0 15px; padding: 10px; }
#centretext #edu_signup h2 { color: #fff; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#centretext .contactform form { margin: 0; padding: 0; }
#centretext .contactform #submitbutton { color: white; background-color: #40525f; margin: 0px; border: solid 1px white; width: 70px }
#centretext .news_index li.page_hide { display: none; }

#right   { float: left; margin: 0px; padding: 30px 0px 0px; width: 188px }
#right .menutop  { background: url(../images/rightmenu_top.gif) no-repeat; margin: 0; padding: 0; height: 8px ; overflow: hidden; }
#right .menu  { background: url(../images/rightmenu_side.gif) repeat-y; margin: 0px }
#right .menubottom { background: url(../images/rightmenu_bottom.gif) no-repeat; margin: 0 0 30px; height: 8px }




#newsmenu   { margin: 0px; padding: 0px 0px 0px 14px }

#newsmenu h1   { color: white; font-weight: bold; font-size: 20px; background: url(../images/rightmenu_dotline.gif) no-repeat 0 27px; margin: 0; padding: 0 0 22px }
#newsmenu ul         { list-style-type: none; margin: 0; padding: 0; width: 140px;  }
#newsmenu li      { color: white; font-size: 12px; line-height: 15px; margin: 0; padding: 0 0 10px; width: 130px }

#newsmenu li a { color: white; font-size: 12px; text-decoration: none; margin: 0px; padding: 0px }
#newsmenu li#current a { color: #7fcfe2; font-size: 12px; font-weight: bold; text-decoration: none; margin: 0; padding: 0; }
#newsmenu li#current a:hover   { color: #00a0c6; font-weight: bold; text-decoration: none  }
#newsmenu li a:hover { color: #00a0c6; text-decoration: none; }
#newsmenu li.menu_hide { display: none; }

div#right div#accreditations_top { background-image: url(../images/rightpanel_line_top.gif); background-repeat: no-repeat; width: 162px; height: 8px; overflow: hidden; }
div#right div#accreditations_bottom { background-image: url(../images/rightpanel_line_bottom.gif); background-repeat: no-repeat; width: 162px; height: 8px; padding-bottom: 30px; }
div#right div#accreditations { background-image: url(../images/rightpanel_line_side.gif); background-repeat: repeat-y; width: 142px; padding-right: 10px; padding-left: 10px; }
div#right div#accreditations ul { width: 140px; overflow: hidden; padding-top: 15px; padding-bottom: 15px; display: block; }
div#right div#accreditations ul li { float: right; clear: both; list-style-type: none; }
div#right div#accreditations ul li a { background-repeat: no-repeat; background-position: 0 0; display: block; }
div#right div#accreditations ul li#logo1 a { background-image: url(../images/accreditations_cctv_ug.gif); width: 140px; height: 23px; margin-bottom: 30px; }
div#right div#accreditations ul li#logo2 a { background-image: url(../images/accreditations_construction.gif); width: 102px; height: 97px; margin-right: 18px; margin-bottom: 30px; }
div#right div#accreditations ul li#logo3 a { background-image: url(../images/accreditations_exor.gif); width: 106px; height: 98px; margin-right: 18px; }
div#right div#accreditations ul li.clear { width: 140px; height: 1px; clear: both; display: block; }
#right .quote { margin: 25px 0px 10px; padding: 0px; width: 188px }
#right p { width: 100px; }
#right p.quote, #right p.quote a, #right p.quote a:link, #right p.quote a:visited { color: #00a0c6; font-size: 11px; font-weight: normal; line-height: 15px; text-decoration: none; width: 160px; margin: 15px 0 0; }
#right p.quotetitle, #right p.quotetitle a, #right p.quotetitle a:link, #right p.quotetitle a:visited { color: #03718f; font-size: 11px; font-weight: bold; line-height: 15px; text-decoration: none; width: 160px; margin: 0 0 15px; }
#right p.quote a:hover, #right p.quotetitle a:hover { color: #7fcfe2; }
#right .pressarea    { background: url(../images/button_press_area.gif) no-repeat; margin: 20px 0px 0px; padding: 17px 0px 0px 74px; width: 188px; height: 60px }
#right .pressarea a, #left .pressarea a:link, #left .pressarea a:visited   { text-decoration: none; background: url(../images/button_press_area2.gif) no-repeat -59px 0px; margin: 0px; padding: 0px; width: 59px; height: 37px; display: block }
#right .pressarea a:hover   { text-decoration: none; background: url(../images/button_press_area2.gif) no-repeat 0px 0px; display: block }

#righttext  { color: white; font-size: 12px; padding: 0px }
#righttext p { color: white; font-size: 12px; margin: 10px 0px 0px; padding: 0px }
#righttext p a, #righttext p a:link, #righttext p a:visited, #righttext h2 a, #righttext h2 a:link, #righttext h2 a:visited { color: white; text-decoration: none; border-bottom: 1px dotted white }
#righttext p a:hover, #righttext h2 a:hover { color: #2b65a0; background-color: #82d0e3; border-bottom: 0px dotted white }
#righttext h1 { font-weight: bold; font-size: 22px; word-spacing: -2px; letter-spacing: -1px; margin: 0px }
#righttext h2 { font-weight: bold; font-size: 16px; word-spacing: -2px; margin: 16px 0px 0px }
#righttext h3 { color: #ffe63e; font-weight: bold; font-size: 12px; word-spacing: -2px; margin: 0px }
#righttext h4 { color: #ffe63e; font-weight: bold; font-size: 12px; margin: 10px 0px 0px }
#righttext h5 { color: white; font-weight: bold; font-size: 12px; margin: 10px 0px 0px }
div#footer        { font-size: 11px; background: url(../images/footer_dotline.gif) no-repeat 26px 0px; text-align: left; clear: both; margin: 0px; padding: 5px 0px 0px; z-index: 0; width: 772px; height: 45px }
div#copyright { text-align: right; float: right; margin: 0px; padding: 3px 26px 0px 0px; width: 400px }
div#footspacer { height: 20px }
div#footer span.foot_seo { display: block; }
#credit       { text-align: left; float: left; margin: 2px 5px 5px 26px; padding: 0px; width: 200px; height: 24px }
#credit a, #credit a:link, #credit a:visited  { width: 89px; text-indent: 0px; overflow: hidden; display: block }
#credit a:hover  { text-indent: -89px; }