body
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; margin:0px; text-align:justify; background-color:#000000; background:url(../images/bg.jpg) repeat-x;}

.top-banner-text
{ float:left; font-size:24px; font-weight:bold; color:#1b5ea8; margin-top:40px; margin-left:30px; height:40px;
  border-left: 1px #dfe0de solid; padding-left:25px; padding-top:12px;}

h1
{ font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#212121; margin:0px; font-weight:normal;}

h2
{ 
font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#1b5ea8; margin:0px; font-weight:bold;}

.h2-margin
{ margin-top:10px;}

.clear-div
{ clear:both;}

a{ color:#1b5ea8; text-decoration:none;}

a:hover{ color:#3a3a3a;}

.read-more { color:#1b5ea8; float:right;}

.read-more a{ color:#1b5ea8; text-decoration:underline;}

.read-more a:hover{ color:#3a3a3a;}

.color-blue
{ color:#1b5ea8;}

.main-block
{ width:1000px; margin:0 auto; padding-bottom:10px; background-color:#FFFFFF;}

/*...............top-block..................*/
.top-block
{ background:url(../images/top-header1.jpg) no-repeat; width:1000px; height:122px; margin:0 auto;}

.logo
{ background:url(../images/logo.jpg) no-repeat; width:145px; height:103px; float:left;
  margin-left:20px !important; margin-left:10px; margin-top:12px;
}
/*...............top-block..................*/

.header-menu-back
{ width:1000px; 
  background-color:#353535; 
  height:auto !important; 
  min-height:315px !important ; 
  height:315px; margin:0 auto;  
  padding-top:15px;
}

/*...............menubar..................*/
#menubar
{ width:936px; margin:0 auto;
}
#button-1
{ float:left; padding: 0; position: relative;}
#button-1 ul 
{ margin: 0; padding: 0; }
#button-1 li 
{ display:inline; }
#button-1 li a
{ float:left; text-decoration: none; height:23px; width:50px; padding-top:8px; 
  padding-left:15px;color:#FFFFFF;
}
#button-1 li a:hover
{ background:url(../images/tab-1.jpg) no-repeat;;
}
#button-1 li a#current-button-1
{ background:url(../images/tab-1.jpg) no-repeat;
}
#button-2
{float:left; padding: 0; position: relative; }
#button-2 ul 
{ margin: 0; padding: 0; }
#button-2 li 
{ display:inline; }
#button-2 li a
{float:left; text-decoration: none; height:23px; width:89px; margin-left:3px;
 color:#FFFFFF; padding-top:8px; padding-left:13px;
}
#button-2 li a:hover
{ background:url(../images/tab-2.jpg) no-repeat;}
#button-2 li a#current-button-2
{ background:url(../images/tab-2.jpg) no-repeat;}
#button-3
{ float:left; padding: 0; position: relative; }
#button-3 ul 
{ margin: 0; padding: 0; }
#button-3 li 
{ display:inline; }
#button-3 li a
{ float:left; text-decoration: none; height:23px; width:43px; padding-top:8px; 
  padding-left:12px; color:#FFFFFF; margin-left:3px;
}
#button-3 li a:hover
{  background:url(../images/tab-10.jpg) no-repeat; }
#button-3 li a#current-button-3
{  background:url(../images/tab-10.jpg) no-repeat;
}
#button-4
{ float:left; padding: 0; position: relative; }
#button-4 ul 
{ margin: 0; padding: 0; }
#button-4 li 
{ display:inline; }
#button-4 li a 
{ float:left; text-decoration: none; height:23px;  margin-left:3px; color:#FFFFFF; padding-top:8px; width:64px; padding-left:10px;
}
#button-4 li a:hover
{ background:url(../images/tab-4.jpg) no-repeat;}
#button-4 li a#current-button-4
{ background:url(../images/tab-4.jpg) no-repeat;}

#button-5
{ float:left; padding: 0; position: relative; }
#button-5 ul 
{ margin: 0; padding: 0;}
#button-5 li 
{ display:inline; }
#button-5 li a
{ float:left; text-decoration: none; width:94px; height:23px; margin-left:3px; color:#FFFFFF;   padding-top:8px; padding-left:12px;
}
#button-5 li a:hover
{background:url(../images/tab-6.jpg) no-repeat;
}
#button-5 li a#current-button-5
{background:url(../images/tab-6.jpg) no-repeat;
}
#button-6
{ float:left; padding: 0; position: relative; }
#button-6 ul 
{ margin: 0; padding: 0;}
#button-6 li 
{ display:inline; }
#button-6 li a
{ float:left; text-decoration: none; width:115px; height:23px; margin-left:3px;  
  color:#FFFFFF; padding-top:8px; padding-left:9px;
}
#button-6 li a:hover
{background:url(../images/tab-3.jpg) no-repeat;}
#button-6 li a#current-button-6
{ background:url(../images/tab-3.jpg) no-repeat;}
#button-7
{ float:left; padding: 0; position: relative; }
#button-7 ul 
{ margin: 0; padding: 0; }
#button-7 li 
{ display:inline; }
#button-7 li a
{ float:left; text-decoration: none; width:98px; height:23px; margin-left:3px;  
  color:#FFFFFF; padding-top:8px; padding-left:6px;
}
#button-7 li a:hover
{background:url(../images/tab-6.jpg) no-repeat;}
#button-7 li a#current-button-7
{ background:url(../images/tab-6.jpg) no-repeat;}
#button-8
{ float:left; padding: 0; position: relative; }
#button-8 ul 
{ margin: 0; padding: 0; }
#button-8 li 
{ display:inline; }
#button-8 li a
{ float:left; text-decoration: none; width:112px; height:23px; margin-left:3px;  
  color:#FFFFFF; padding-top:8px; padding-left:7px;
}
#button-8 li a:hover
{background:url(../images/tab-7.jpg) no-repeat;}
#button-8 li a#current-button-8
{ background:url(../images/tab-7.jpg) no-repeat;}
#button-9
{ float:left; padding: 0; position: relative; }
#button-9 ul 
{ margin: 0; padding: 0; }
#button-9 li 
{ display:inline; }
#button-9 li a 
{ float:left; text-decoration: none; height:23px;  margin-left:3px; color:#FFFFFF; padding-top:8px; width:62px; padding-left:12px;
}
#button-9 li a:hover
{ background:url(../images/tab-9.jpg) no-repeat;}
#button-9 li a#current-button-9
{ background:url(../images/tab-9.jpg) no-repeat;}
#button-10
{ float:left; padding: 0; position: relative; }
#button-10 ul 
{ margin: 0; padding: 0; }
#button-10 li 
{ display:inline; }
#button-10 li a 
{ float:left; text-decoration: none; height:23px;  margin-left:3px; color:#FFFFFF; padding-top:8px; width:70px; padding-left:12px;
}
#button-10 li a:hover
{ background:url(../images/tab-11.jpg) no-repeat;}
#button-10 li a#current-button-10
{ background:url(../images/tab-11.jpg) no-repeat;}
/*...............menubar..................*/

/*...............header-block..................*/
.header-block
{
width:938px; 
margin:0 auto; 
padding-top:50px !important;
/*#padding-top:20px !important;*/
padding-top:20px;
}

.header
{
/*background:url(../images/header.jpg) no-repeat; */width:938px; height:246px;
}

.header-alarm
{
background:url(../images/header-alarm.jpg) no-repeat; width:938px; height:246px;
}

.header-cctv
{
background:url(../images/header-cctv.jpg) no-repeat; width:938px; height:246px;
}

.header-intercom
{
background:url(../images/header-intercom.jpg) no-repeat; width:938px; height:246px;
}

.header-accesscontrol
{
background:url(../images/header-accesscontrol.jpg) no-repeat; width:938px; height:246px;
}

.header-tele-sys
{
background:url(../images/header-tele-sys.jpg) no-repeat; width:938px; height:246px;
}

.header-services
{
background:url(../images/header-service.jpg) no-repeat; width:938px; height:246px;
}

.header-network
{
background:url(../images/header-network.jpg) no-repeat; width:938px; height:246px;
}

.header-about
{
background:url(../images/header-about.jpg) no-repeat; width:938px; height:246px;
}

.header-contact
{
background:url(../images/header-contact.jpg) no-repeat; width:938px; height:246px;
}


.header-text
{ width:580px; float:left; margin-top:130px; margin-left:36px !important; margin-left:18px;
}

.read-more
{ float:right; margin-top:15px;
}

.welcome-contact-top-back
{ width:1000px; height:44px; background-color:#353535; margin:0 auto;
}

.welcome-contact-top
{ background:url(../images/welcome-cpntact-img.jpg) no-repeat; width:940px; height:44px; float:left; margin-left:30px !important;
  margin-left:15px;
}

.welcome-text
{ float:left; margin-top:13px; margin-left:17px !important; margin-left:8px;}

.contact-text
{ float:right; margin-top:13px; margin-right:130px !important; margin-right:65px;}

.content-block
{ background-color:#eeedec; width:952px; height:auto !important; min-height:300px !important; height:300px; margin:0 auto; 
  padding:0px 10px 10px 10px; 
}
/*...............header-block..................*/
.block-1
{ margin:0 auto;}

/*...............welcome-block..................*/
.welcome-block
{ width:632px; background-color:#eeedec; border-left:1px #c7c7c7 solid;   
  border-bottom:1px #c7c7c7 solid; float:left; border-right:1px #c7c7c7 solid; 
  height:auto !important; min-height:300px !important; height:300px; margin-left:6px !important;  margin-left:3px; padding:0px 15px 15px 15px !important; padding:10px 15px 15px 15px;
  line-height:18px;
}

.welcome-block li
{
background:url(../images/bullet1.jpg) no-repeat;
list-style:none;
height:13px;
margin-left:5px;
padding-left:20px;
margin-bottom:7px;
margin-left:-40px;
}

.welcome-block li a
{color:#000000; text-decoration:underline; list-style:none;}

.welcome-block a:hover
{ color:#1b5ea8;}


/*.welcome-block li
{ background: url(../images/bullet1.jpg) no-repeat; list-style:none; height:12px;
  margin-left:5px; padding-left:20px; margin-bottom:7px; margin-left:-40px;
}*/
/*...............welcome-block..................*/

/*...............enquiry-form..................*/
.enquiry-block
{ width:257px; background-color:#eeedec; border-left:1px #c7c7c7 solid; border-bottom:1px #c7c7c7 solid; float:left; 
  border-right:1px #c7c7c7 solid; height:auto !important; min-height:300px !important; height:300px; margin-left:16px !important;  margin-left:16px;
}

.form-contact 
{ width : 230px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:normal; margin-left:12px;
  margin-top:10px;
} 

input 
{ padding : 2px; border : 1px solid #cfcfcf; font : normal 11px Arial, Helvetica, sans-serif; color : #5b5b5b; 
  margin-bottom:18px !important; margin-bottom:18px; width:150px; background-color:#FFFFFF; height:18px;
} 

textarea 
{ width:150px; padding:2px; font:normal 11px Arial, Helvetica, sans-serif; border : 1px solid #dedede; height : 80px; 
  display : block; color : #373737; 
} 

.button
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; width:65px; height:24px; color:#ffffff;
  float:right; cursor:pointer; margin-top:10px; background:url(../images/button-submit.jpg) no-repeat; border:none;
  margin-right:5px; padding:0px;
}

/*...............enquiry-form..................*/

/*...............home-product-block..................*/
.product-block
{ width:928px; margin:0 auto; padding-left:10px; padding-top:20px; font-size:13px;}

.product-block ul
{ margin:0px; padding:0px;}

.product-block li
{list-style:none;}

.product-block-left
{ width:430px; float:left; border-right:1px #dfdedd solid; padding-right:25px; }

.product-block-right
{ width:430px; float:left; margin-left:20px;}

.botom-heading
{ font-size:18px; color:#1b5ea8; margin-bottom:10px; margin-top:10px;}

.margin-left
{ margin-left:17px;}

.margin-right
{ margin-right:10px;}
/*...............home-product-block..................*/

/*...............footer..................*/
.footer-block
{ width:970px; height:60px; background-color:#5a5a5a; margin:0 auto; font-size:11px; color:#FFFFFF;}

.footer-block a
{ font-size:11px; color:#FFFFFF; text-decoration:none;}

.footer-block a:hover
{ color:#000; text-decoration:underline;}

.footer-left
{ width:400px; float:left; margin-left:25px !important; margin-left:12px; margin-top:15px;}

.footer-right
{ width:465px; float:left; text-align:right; margin-left:55px; margin-top:15px;}
/*...............footer..................*/

/***************** dropdown div ***********************/
.dropmenudiv{
	position:absolute;
	clear:both;
	background:#175090;
	border: none; /*THEME CHANGE HERE*/
	line-height:25px;
	z-index:100;
	width: 196px;
	visibility: hidden;
	top: 214px;
	left: 41px;
	text-align:left;
	left: 100px;
	top: 225px;
	background:url(../images/drop-button.gif) no-repeat;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
	display: block;
	font-size:12px;
	padding: 3px 5px 3px 10px;
	text-decoration: none !important;
	color: #fff !important;
	background:url(../images/drop-button.gif) no-repeat;
	height:28px;
	/*background: #E1F1DD url(../images/bullet-nav2.gif) left center no-repeat;*/
	/*border-top: 1px solid #0584cb;*/
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	text-decoration:none !important;/* url(../images/bullet-nav2-over.gif) left center no-repeat*/
/*	background: #0584cb !important;
	color:#FFFFFF !important;*/
	background:url(../images/drop-button-hover.gif) no-repeat;
}
/***************** dropdown div ***********************/

.form-contact1
{ width : 400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:normal;
margin-top:20px;
} 

.form-contact2
{ width : 550px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:normal;
margin-top:20px;
} 

.input1
{ padding : 2px; border : 1px solid #cfcfcf; font : normal 11px Arial, Helvetica, sans-serif; color : #5b5b5b; 
  margin-bottom:18px !important; margin-bottom:18px; width:320px; background-color:#FFFFFF; height:18px;
} 


.textarea1
{ width:320px; padding:2px; font:normal 11px Arial, Helvetica, sans-serif; border : 1px solid #dedede; height : 80px; 
  display : block; color : #373737; 
} 

.button1
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; width:65px; height:24px; color:#ffffff;
  float:right; cursor:pointer; margin-top:10px; background:url(../images/button-submit.jpg) no-repeat; border:none;
  margin-right:5px; padding:0px;
}


.button2
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; width:65px; height:24px; color:#ffffff;
  float:right; cursor:pointer; margin-top:10px; background:url(../images/button-submit.jpg) no-repeat; border:none;
  margin-right:38px; padding:0px;
}

.check-box
{
float:left; margin:0px; width:14px; height:14px;
}

.alarm-system-buttons
{ width:620px; float:left;}

.divider
{ width:630px; height:1px; border-bottom:1px #999999 dotted; margin-bottom:30px; 
  margin-top:20px !important; margin-top:-10px;}

#fadeshow1{ background:url(../images/header.jpg) no-repeat; width:938px; height:246px; z-index:0;}