/*************************************/
		     /*Reset*/
/*************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;background: transparent;}
body {line-height: 1; height:100%; padding-bottom:20px;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;border-spacing: 0;}

/*************************************/
		     /*Common*/
/*************************************/
html, body { font-family: arial; font-size: 12px; color: #000000;}

body{background:#white url(../images/bg.jpg) repeat-x top!important}

.clear{ clear:both;}

#wrapper{ width:100%; display:block; min-height:100%; position: relative;}

.inner_wrap{ width:960px; margin:0 auto;}

/*************************************/
		     /*top_bar*/
/*************************************/
.top_bar{ background: url(../images/bg.jpg) repeat-x top!important}
.top_bar{ float:left;width:100%; margin:0px 0px 0px 0px;}
.top_bar h3{ text-align:right; color:#fff; font-size:18px; padding:0px 50px 0px 0px; line-height:41px; }

.top_bar_l{ float:left; width:300px; padding-left:50px;}
.top_bar_l ul{ list-style:none; margin:0px;}
.top_bar_l li{ list-style:none; margin:13px 0px; float:left; color:#fff; padding: 0px 3px; }
.top_bar_l li a{ margin:0px; text-decoration:none ; color:#fff;}
.top_bar_l li a:hover{ color:#ff6000}
.top_bar_l li a img{ margin:-5px 0px 0px 0px; opacity:1}
.top_bar_l li a img:hover{ opacity:0.7}

/*************************************/
		     /*header*/
/*************************************/

#header{ float:left;width:960px; margin:0px 0px 0px 0px;}

.logo{ float:left; margin:24px 0px 0px 0px; width:212px;}

.menu_bar{ float:right; margin:20px 0px 0px 0px;}
.menu_bar ul{ list-style:none; margin:0px;}
.menu_bar li{ list-style:none; margin:13px 4px; float:left; color:#fff; }
.menu_bar li a{ float:left;  text-decoration:none ; color:#fdffff; font-family:calibri; font-size:17px; background:url(../images/tab_bg.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 20px;  }
.menu_bar li a:hover, .menu_bar li a.selected{ color:#fff; background:url(../images/tab_bg-hover.jpg) repeat-x;  border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; padding:9px 20px;  }

/*************************************/
		     /*banner*/
/*************************************/
#banner{ width:1280px; margin:0 auto; background:url(../images/banner_bg.jpg) no-repeat; height:320px; margin-top:31px;}

.banner_l{ float:left; width:528px; margin:0px 0px 0px 0px}
.banner_l h2{font-family: "gill Sans MT"; color:#fff; font-size:30px; text-shadow:0px -1px  #286b95 ; padding:38px 0px 15px 0px; line-height:35px;}
.banner_l h2 span{ font-size:36px; text-transform: uppercase}
.banner_l p{font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px;  padding:8px 68px 15px 0px; float:left; line-height:19px;}

.banner_strp{ position:relative;float:left; margin:0px 0px 0px 0px}
.arw{ position:absolute; right:-15px; top:22px; background:url(../images/strp_arw.png) no-repeat; width:9px; height:10px}
.banner_strp a img{ margin:12px 11px 12px 0px; float:left}

.maintence{ float:left;  margin:12px 10px 15px 0px;}
.maintence a{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(../images/maintence1.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 17px; font-weight:bold; text-decoration:none;}
.maintence a:hover{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(../images/maintence1-hover.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 17px; font-weight:bold; text-decoration:none;}

.coperate{ float:left;  margin:12px 10px 15px 0px;}
.coperate a{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(../images/it-support.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 17px; font-weight:bold; text-decoration:none;}
.coperate a:hover{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(../images/maintence1-hover.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 17px; font-weight:bold; text-decoration:none;}

.website{ float:left;  margin:12px 10px 15px 0px;}
.website a{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(../images/cctv-bg.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 17px; font-weight:bold; text-decoration:none;}
.website a:hover{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(../images/maintence1-hover.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 17px; font-weight:bold; text-decoration:none;}

.cabinet{ float:left;  margin:12px 10px 15px 0px;}
.cabinet a{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(../images/cabinet-bg.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 17px; font-weight:bold; text-decoration:none;}
.cabinet a:hover{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(../images/maintence1-hover.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 17px; font-weight:bold; text-decoration:none;}

.office{ float:left;  margin:12px 10px 15px 0px;}
.office a{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(../images/office-bg.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 17px; font-weight:bold; text-decoration:none;}
.office a:hover{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(../images/maintence1-hover.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 17px; font-weight:bold; text-decoration:none;}

.cabling{ float:left;  margin:12px 10px 15px 0px;}
.cabling a{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(../images/cabling-bg.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 17px; font-weight:bold; text-decoration:none;}
.cabling a:hover{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(../images/maintence1-hover.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 17px; font-weight:bold; text-decoration:none;}

.electical{ float:left;  margin:12px 10px 15px 0px;}
.electical a{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(../images/electrical-bg.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 17px; font-weight:bold; text-decoration:none;}
.electical a:hover{ float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(../images/maintence1-hover.jpg) repeat-x; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  padding:9px 17px; font-weight:bold; text-decoration:none;}

.banner_r{ float:right; margin:13px 0px 0px 0px; width:414px; position:relative}
.slder{ float:left; margin:0px 0px 0px 0px; border:3px solid #5aa0c0; width:382px; height:200px;position:relative}

	#slider{width:382px!important; float:left; margin:0px 0px 10px 0px!important; position:relative!important; }

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 

		width:382px;
		height:200px;
		padding:0px 0px 0px 0px;
		float:left;
		overflow:hidden; 
		}	

	
		#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:32px;
		height:31px;
		position:absolute;
		left:0px;
		bottom:160px;
	    top:147px;
		z-index:100000!important;
		left:-10px;
		}	
	#nextBtn, #slider1next{ 
		left:917px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:absolute;
		width:25px;
		height:25px;
		background:url(../images/slider2_left_arrow.png) no-repeat 0 0;}	
	#nextBtn a, #slider1next a{ 
background:url(../images/slider2_right_arrow.png) no-repeat 0 0;
		}	
	
/* numeric */	

	ol#controls{margin:0px 0px 0px 46px;height:19px;position:absolute; z-index:55555555; top:212px; right:0px; width:63px; padding:10px 0px 1px 10px;  background:#1d4565; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:10px;
		width:10px;
		line-height:25px;text-indent:-99999999999; color:#1d4565
		}
	ol#controls li a{
		float:left;
		height:10px;
		line-height:10px;
		
		background:url(../images/inactv.png) no-repeat;
		
		padding:1px 0px 0px 9px; text-indent:-99999999999;color:#1d4565;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:url(../images/actv.png) no-repeat;
		color:#1d4565
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
		
.cptn{float:left;width:300px; margin:10px 0px 0px 0px; background:#1d4565; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
.cptn p{font-family:Arial, Helvetica, sans-serif; color:#e0f2fb; font-size:12px; line-height:19px;  padding:5px 15px }

#content{width:960px; margin:0px auto;}

.wwd{ float:left; width:218px; margin:30px 20px 0px 0px }
.wwd h3{font-family:Arial, Helvetica, sans-serif;; color:#000000; font-size:18px; text-shadow:0px -1px  #d0d6d8 ; padding:0px 0px 15px 0px; line-height:35px;}
.wwd h3 img{ margin:0px 5px -12px 0px}
.wwd p{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; line-height:19px;  padding:10px 15px 10px 5px}
.chat p{font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; line-height:19px;  padding:10px 15px 10px 5px}

.wwd p a{ color:#8d8f90; text-decoration:none;} 
.wwd p a:hover{ text-decoration:underline;}

.wwd ul{ list-style:none; margin:13px 0px 5px 20px;}
.wwd li{ list-style:disc; margin:0px 0px; color:#000000; padding: 0px 0px 10px 0px;  }
.wwd li{ list-style:disc; margin:0px 0px; color:#000000; padding: 0px 0px 10px 0px;  }
.wwd li a{ margin:0px; text-decoration:none ; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.wwd li a:hover{ color:#ff6000}

.chat{ background: url(../images/chat.png) no-repeat; width:217px; height:132px ; padding:0px 0px 0px 7px; margin:15px 0px 0px 0px; float:left;}

.clnt_logo{  background:#fff; width:210px; height:116px;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin:15px 0px 0px 0px; float:left;}
.clnt_logo img{ margin:5px 0px 0px 5px}

#footer{float:left;width:960px; margin:0px 0px 0px 0px;}
#footer p{font-family:Arial, Helvetica, sans-serif; color:#254F79; font-size:11px; line-height:19px;  padding:35px 15px 35px 5px;}

/*#footer{background:#0c364e; position: absolute; bottom: 0px; width:100%; margin-top:20px;}
#footer p{font-family:Arial, Helvetica, sans-serif; color:white; font-size:11px; height: 20px;  padding: 5px 0px 0px 0px}*/



/*************************************/
		   /*contact us*/
/*************************************/

#mid_cnt{ width:1280px; margin:0 auto; background:url(../images/_bg.jpg) no-repeat; height:320px; margin-top:20px;}

.lft_pnl{ float:left; margin:0px 0px 0px 0px; width:230px; }
ul.lft_nav{ list-style:none; margin:0px 0px 0px 0px;background:#389ac1; padding:1px; padding-bottom:1px;padding-top:0px;}
ul.lft_nav li{ list-style:none; margin:0px 0px 0px 0px; display:block;}
ul.lft_nav li a{ margin:0px 0px 0px 0px; display:block; background:url(../images/lft_nav_bg.jpg) repeat-x left; text-decoration:none; padding:10px 0px 9px 18px; font-size:16px; color:#fff;}
ul.lft_nav li a:hover, ul.lft_nav li a.crnt{ background:url(../images/lft_nav_bg.hover.jpg) repeat-x left;} 

/*.right_pnl{ background:url(../images/right_pnl_bg.png) repeat-y top; width:691px; border-radius:10px ;-moz-border-radius:10px ;-webkit-border-radius:10px ; -o-border-radius:10px ; -khtml-border-radius:10px ; float:right; padding:10px 0px 0px 31px; min-height:450px;} */

.right_pnl{ background:#2e7eaf; width:691px; border-radius:10px ;-moz-border-radius:10px ;-webkit-border-radius:10px ; -o-border-radius:10px ; -khtml-border-radius:10px ; float:right; padding:10px 0px 0px 31px; min-height:450px;} 
.right_pnl h3{font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:24px;  padding:0px 0px 15px 0px; line-height:35px;}
.right_pnl p{font-family:Arial, Helvetica, sans-serif; color:white; font-size:13px;  padding:0px 15px 15px 0px; line-height:18px;}

.right_pnl p img{ margin:0px 5px 0px 0px}
.right_pnl p a{ text-decoration:none; color:#fff;}
.right_pnl p a:hover{ text-decoration:underline; }
.right_pnl h4{font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:18px;  padding:0px 0px 15px 0px; line-height:20px;}
.right_pnl li{ list-style-type:circle; font-family:Arial, Helvetica, sans-serif;color:white; font-size:13px; line-height:16px; margin:0px 15px 0px 15px}

.map { float:right; margin:6px 38px 44px 0px; width:303px; height:370px; }

.l_cntct{ float:left; margin:0px 0px 0px 0px; width:250px;}
.right_pnl input[type=text]{ float:left; width:261px; height:23px; margin:0px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding: 0px 0px 0px 15px; border:none}
.right_pnl select{ float:left; width:278px; height:23px; margin:0px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding: 0px 0px 0px 15px; border:none}
.right_pnl textarea{ float:left; width:261px; height:66px; margin:0px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding: 5px 0px 0px 15px; border:none}
.right_pnl input[type=submit]{ float:left; width:119px; height:34px; background:url(../images/submit_bg.png) no-repeat; margin:0px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding: 0px 0px 0px 0px; border:none; font-size:21px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; text-align:center; cursor:pointer;}
.right_pnl input[type=submit]:hover{ background:url(../images/submit_bg_hover.png) no-repeat;}

.abt img{ float:right; background:#fff; padding:8px; box-shadow:0px 0px 15px #000; margin:0px 15px 0px 15px}
.abt p{ text-align:justify; padding:0px 15px 15px 0px; color:white; font-size:13px;}
.abt li{ list-style-type:circle; font-family:Arial, Helvetica, sans-serif;color:white; font-size:13px; line-height:18px; margin:0px 15px 0px 15px}

.sitemap p{ text-align:justify; padding:0px 15px 15px 0px; color:white; font-size:13px;}

#contact_form  label{ valign="top" }