body, div, p, span, table, tr, td, input, button, img, a, ul, li, form, label { margin:0; padding:0; outline: none;}
.clear{ clear:both; margin:0;} /* clear for set the position of box properly*/
.top_wrapper{ float:left; background:url(images/top_bg.jpg) repeat-x; height:513px; width:100%; }

.header_Box{ width:990px; margin:0 auto; }

.logo_Container{ float:left; width:305px; }
h2{ font:18px "Trebuchet MS"; color:#da5322; text-transform:uppercase;}
.heading{ font:18px Arial, Helvetica, sans-serif; color:#da5322; text-transform:uppercase; padding:0 0 8px 0;}

.border_botm{ border-bottom:1px dotted #922a17; }
/* Creating Menu using sprite method in css*/

.nav_Box{ float:left; width:673px; height:auto; padding:0 0 0 0px;}
.sprite{ background: url(images/top_navigation.gif); float:left;}
.menu{ height:51px; }

.nav_Box ul { list-style:none; float:left; width:673px; }
.nav_Box ul li{ display:inline; float:left; }
.nav_Box ul li a{ display: block; }

a.home{ width: 65px; }
a.home:hover { width:65px; background-position: 0px -153px;}

a.about{ width: 88px; background-position: -65px -102px;}
a.about:hover { width:88px; background-position: -65px -51px;}

a.products{ width:86px; background-position: -153px -102px;}
a.products:hover { width:86px; background-position: -153px -51px;}

a.guide{ width:92px; background-position: -239px -102px;}
a.guide:hover { width:92px; background-position: -239px -51px;}

a.clients{ width: 76px; background-position: -331px -102px;}
a.clients:hover { width:76px; background-position: -331px -51px;}

a.download{ width: 102px; background-position: -407px -102px;}
a.download:hover { width:102px; background-position: -407px -51px;}

a.network{ width: 83px; background-position: -509px -102px;}
a.network:hover { width:83px; background-position: -509px -51px;}

a.contact{ width: 80px; background-position: -592px -102px;}
a.contact:hover { width:80px; background-position: -592px -51px;}

.prod_active{width:86px; background-position: -153px -51px;}
.home_active{ width:65px; background-position: 0px -153px;}
.about_active{ width:88px; background-position: -65px -51px;}
.client_active{ width:76px; background-position: -331px -51px;}
.contact_active{ width:80px; background-position: -592px -51px; }
.network_active{ width:83px; background-position: -509px -51px; }
.download_active{ width:102px; background-position: -407px -51px;}

/* css for background images*/
.img_container{ width:990px; margin:0 auto; }
.comment_Box{ float:left; width:309px; height:376px; margin:0px; background:url(images/home_banner_text_bg.jpg) no-repeat top left;}
.img_Box{ float:left; width:auto; padding:0 0 0 0; margin:-35px 0 0 0;}
*html .img_Box{ float:left; width:auto; padding:-38px 0 0 0; position: relative;}
.banner_Box{ float:left; width:auto; margin:-35px 0 0 0; position: relative; }
.comment_txt{ float:left; width:210px; font:bold 15px Georgia, "Times New Roman", Times, serif; color:#fff; padding:185px 0 0 30px; line-height:24px; }

.mid_wrapper{ float:left; width:100%; background-color:#59040b; margin:0;}
.content_Box{ width:990px; margin:0 auto; }

.left_box{ float:left; width:277px; }
.upper_img{ float:left; width:270px; }
.upper_img .title{ float:right; font:bold 16px Arial, Helvetica, sans-serif; color:#da5322; text-transform:uppercase; padding:10px 0 0px 0; width:210px; }
.left{ float:left; background:url(images/roundbox_left_corner.gif) no-repeat top left; width:9px; height:135px;}
.mid{ float:left; background-color:#8b0905; width:227px; height:120px; padding:15px 0 0 8px; }
.cont_materials{ float:left; width:auto; padding:30px 0 0 10px;}
.txt_materials{float:left; width:120px; font:12px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; padding:27px 0 0 10px; color:#FFFFFF;}
.left_box .right{ float:left; background:url(images/roundbox_righ_corner.gif) no-repeat top left; width:9px; height:135px;}

.mid_box{ float:left; width:420px; margin:0 38px 0 0;}
.right_box{ float:left; width:230px;}
.curly_bg{ float:left; background-color:#8b0905; width:212px; padding:5px 0; height:261px;} 
.leftbg{float:left;  background:url(images/whykannex_left.gif) no-repeat top left; width:9px; height:271px;}
.rightbg{float:left; background:url(images/whykannex_right.gif) no-repeat top right; width:9px; height:271px;}
.box_title{ float:left; width:90%; padding:5px 10px 10px 10px; font:bold 16px Arial, Helvetica, sans-serif; color:#da5322; text-transform:uppercase;}

.download_box{ float:left; width:245px; margin:20px 0 0 0;}
.download_dtls{ float:left; width:100px; font:14px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; margin:35px 0 0 0; }

.normal_txt{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:15px 0 0 0; line-height:18px; text-align:justify;}
.normal_treb{ font:11px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; line-height:17px; text-align:justify;}
.text_12{ font:12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:15px 0 0 0; line-height:18px; text-align:justify;}
.no_top{ padding:0;}
.no_tp{ padding-top:0; }
.pad_top{ padding:10px 0 0 0;}
.pad_25{ padding:25px 0 0 0;}
.margn_top{ margin:55px 0 0 0;}
.pad_right{ padding:0 0 0 10px;}
.pad_left{ padding:0 0 0 10px;}
.margn_120{ margin:130px 0 0 0;}
.marg_top{ padding-top:85px;}
.width_box{ width:120px; }
.width_box2{ width:800px;}
.width_all{ width:100%;}
.pad_botm{ padding:0 0 20px 0;}
.pad_rb{ padding:20px 20px 0 0;}
.width_grid{ width:972px;}

.footer_cont{ width:990px; margin:0 auto; padding:35px 0 0 0;}
.footer_bg{ float:left; background:url(images/footer_bg.gif) repeat-x top left; width:972px; height:51px; font:11px Arial, Helvetica, sans-serif; color:#da5b27;}
.footer_left{ float:left; background:url(images/footer_left.gif) no-repeat top left; width:9px; height:51px;}
.footer_right{ float:left; background:url(images/footer_right.gif) no-repeat top left; width:9px; height:51px;}

.copyright_txt{ float:left;  padding:15px 0 0 0; width:900px; }
.comp_name{ float:right; padding:15px 0 0 0; width:62px;}

/* Product Page*/
.nav1_active{ background:url(images/nav_hover.gif) no-repeat; width:248px; height:19px; margin:0; border:0px; }

.leftNav{ float:left; width:309px; height:393px; background:url(images/side_bg.jpg) no-repeat top left; }
.Nav{ float:left; list-style:none; width:248px; margin:105px 0 0 0; }
.Nav li a{ padding:6px 0px 6px 12px; font:14px "Myriad Pro"; color:#FFFFFF; text-transform:uppercase; text-decoration:none; display:block; margin:0; background-color:#da2222; border:1px solid #ff3a29; height:18px; border-bottom:0px solid #ff3a29; }
.Nav li a:hover{ background:url(images/nav_hover.png) no-repeat; width:248px; margin:0; height:19px; border:0px; border-bottom:0px solid #ff3a29;}
.Nav li a.last{ border-bottom:0px solid #ff3a29; height:18px;}
.Nav li a.activelink{ background:url(images/nav_hover.png) no-repeat;  width:248px; height:19px; margin:0; border:0px solid #ff3a29; }

/* IE hack for left navigation menu starts here*/
*html .Nav li a{ padding:6px 0px 6px 12px;  font:14px "Myriad Pro"; color:#FFFFFF; text-transform:uppercase; text-decoration:none; display:block; margin:-2px 0 0 ; height:18px; background-color:#da2222; border:1px solid #ff3a29; border-top:0px; }
*html .Nav a:hover{  background:url(images/nav_hover.png) no-repeat; width:248px; height:19px; border:0px; margin:-2px 0 0 0; display:block;}
*html .Nav a.activelink{  background:url(images/nav_hover.png) no-repeat; width:248px; height:19px; border:0px; margin:-2px 0 0 0; display:block;}
/* IE hack for left navigation menu end here*/

.header_bg{ background:url(images/prod_header_bg.gif) no-repeat top left; width:345px; height:46px; padding:0 0 20px 0;}
.left_container{ float:left; width:580px;}
.right_container{ float:left; width:360px; margin:0 0 0 40px; }

.info_img .line_space{ padding:0 20px;}
.bigTable{ float:left; width:100%; margin:40px 0 0 0; }
.bigTable_downld{ float:left; width:100%; margin:0; }

.table_box{ float:left; width:360px; margin:30px 0; }
.gridTable{ border:1px solid #ff6011; font:11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; width:auto; }
.gridTable tr .gridPad{ padding:5px 8px;}
.table_head{ background:url(images/table_bg.gif) repeat-x top left; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:5px 8px;}
.altrow{ background-color:#c24000; border-bottom:1px solid #ff6011;}
.header_row{ background-color:#762720; border-bottom:1px solid #ff6011; font:9px Arial, Helvetica, sans-serif;}
.regrow{ background-color:#cc5b24; border-bottom:1px solid #ff6011;}
.gridTable .lastrow{ border:0px;}
.right_border{ border-right:1px solid #ff6011; padding:0 0; padding:3px 0 3px 4px;}

.view_video{ float:left; width:auto;}

.prod_list{ float:left; width:100%; text-align:left; font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0 0 15px 0; }
.prod_list li{ list-style:none; list-style-image:url(images/bullet.gif); padding:0 0 12px 0; margin:0 0 0 16px;}
.prod_box_width{ float:left; width:100%; padding:0 0 0 0px;}

.advantages{ float:left; width:275px; text-align:left; font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0 0 15px 0; border:1px solid orange;}
.advantages li{ list-style:none; list-style-image:url(images/bullet.gif); padding:0 0 12px 0; margin:0 0 0 16px;}

.class_details{ float:left; width:120px; margin:15px 0 0 0; font:11px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.para_box{ float:left; width:100%; padding:15px 0 0 0px;}

.clint_containerleft{ float:left; width:590px; padding:0; background-color:#c24000; border-bottom:1px solid #ff6011; margin:0 0 15px 0;}
.clientheader_bg{ float:left; width:578px; height:26px; padding:5px 5px 0 5px; background:url(images/table_bg.gif) repeat-x top left; border:1px solid #d65c12; font:bold 15px "Trebuchet MS"; color:#FF9900; text-transform:uppercase;}
.clint_list{ float:left; text-align:left; width:90%; padding:10px 0 15px 5px; }
.clint_list li{ list-style:none; list-style-image:url(images/bullet_2.png); padding:0 0 12px 0; margin:0 0 0 16px;  }

.clint_list li a{ font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; }
.clint_list li a:hover{}

.clint_containerright{ float:left; width:360px; margin:0 0 15px 40px; background-color:#c24000; border-bottom:1px solid #ff6011; }
.header_boxright{ float:left; width:348px; padding:5px; background:url(images/table_bg.gif) repeat-x top left; border:1px solid #d65c12; font:bold 15px "Trebuchet MS"; color:#FF9900; text-transform:uppercase;}

/* css for form field in contact section*/
.form_container{ float:left; padding:0; width:120px;}
.form{ float:left; width:auto; font:bold 12px Georgia, "Times New Roman", Times, serif; text-align:left; padding:0; color:#fff;}
.form li{ list-style:none; padding:0; height:50px; }
.form li input, select{ font:11px Georgia, "Times New Roman", Times, serif; padding:4px 2px; width:220px;  border:1px solid #FF9900; }
.form li textarea{ font:11px Georgia, "Times New Roman", Times, serif; padding:2px; width:220px; height:80px; border:1px solid #FF9900; }

#submit_btn{ border:1px solid #FF9900; width:85px; padding:2px 8px; font:11px Georgia, "Times New Roman", Times, serif; background-color:#990000; color:#fff; margin:50px 0 0 120px;}
*html #submit_btn{ border:1px solid #FF9900; width:85px; padding:2px 8px; font:11px Georgia, "Times New Roman", Times, serif; background-color:#990000; color:#fff; margin:12px 0 0 82px;}

.clints_Nav{ float:right; width:360px; padding:0; margin:0 0 0px 40px;}
.RightNav{ float:left; list-style:none; width:300px; margin:0; }
.RightNav li a{ padding:6px 0px 6px 12px;  font:13px "Myriad Pro"; color:#FFFFFF; text-transform:uppercase; text-decoration:none; display:block; margin:0; height:18px;  background-color:#da2222; border:1px solid #ff3a29; border-bottom:0px solid #ff3a29; }
.RightNav li a:hover{ background:url(images/navhover_bg.gif) repeat-x top left; margin:0; height:18px; border:0px; borde-bottom:0px solid #ff3a29;}
.RightNav li a.last{ border-bottom:1px solid #ff3a29; height:18px;}
.RightNav li a.activelink{ background:url(images/nav_hover.gif) no-repeat; width:248px; height:18px; margin:0; border:0px solid #ff3a29; }
.header_bg_rightnav{ float:left; width:288px; padding:5px; background:url(images/table_bg.gif) repeat-x top left; border:1px solid #d65c12; font:bold 15px "Trebuchet MS"; color:#FF9900; text-transform:uppercase;}

/* IE hack for right navigation(client) menu starts here*/
*html .RightNav li a{ padding:6px 0px 6px 12px;  font:13px "Myriad Pro"; color:#FFFFFF; text-transform:uppercase; text-decoration:none; display:block; margin:-2px 0 0 ; height:18px; background-color:#da2222; border:1px solid #ff3a29; }
*html .RightNav a:hover{ background:url(images/navhover_bg.gif) repeat-x top left; height:18px; border:0px; margin:-2px 0 0 ; display:block;}/* IE hack for */

#quick_box{ float:left; width:342px; background-color:#c24000; border:1px solid #cc5b24; padding:15px 8px;}
#quick_form_box{ float:left; width:auto; }
#quick_form_box #quickForm{ float:left; width:100px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:0; color:#fff; list-style:none; }

#quickForm li{ padding:0 0 5px 0; width:100%; }
#quickForm li input, select{ font:11px Verdana, Arial, Helvetica, sans-serif; padding:5px 3px; width:250px;  border:1px solid orange;}
#quickForm li textarea{ font:11px Verdana, Arial, Helvetica, sans-serif; padding:2px; width:250px; height:80px; border:1px solid orange; }

#quickinputForm li{ list-style:none; padding:0 0 12px 0;}
#quickinputForm input{ font:11px Verdana, Arial, Helvetica, sans-serif; padding:7px 2px; width:220px;  border:1px solid orange;}
 select{ width:225px; padding:2px 2px;}
#quickinputForm textarea{ font:11px Verdana, Arial, Helvetica, sans-serif; padding:2px; width:220px; height:80px; border:1px solid orange; }
#quickForm li #send{ border:1px solid #FF9900; cursor:pointer; width:60px; padding:2px 8px; font:bold 11px Arial, Helvetica, sans-serif; background-color:#990000; color:#fff;}
#quickForm li .info_txt{ float:left; width:250px; font:11px Arial, Helvetica, sans-serif; color:#FF9900; }


#quck_formHeader{ float:left; width:348px; padding:5px; background:url(images/table_bg.gif) repeat-x top left; border:1px solid #d65c12; font:bold 15px "Trebuchet MS"; color:#FF9900; text-transform:uppercase; border-bottom:0px solid #d65c12;}

.address_box{ float:left; width:60%; padding:0px;}
a.email_link{ font:12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0; text-decoration:none;}
a.email_link:hover{ }

/* css for registratiopn page starts here*/
#registeration_box{ float:left; width:97%; background-color:#c24000; border:1px solid #cc5b24; padding:15px 8px;}
#reg_form_box{ float:left; width:auto; }
#reg_form_box #registerForm{ float:left; width:150px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:0; color:#fff; list-style:none; }

#registerForm li{ padding:0 0 21px 0;}
*html #registerForm li{ padding:0 0 22px 0;}
#reginputForm li input, select{ font:11px Verdana, Arial, Helvetica, sans-serif; padding:3px 3px; width:200px; border:1px solid orange;}
#reginputForm li textarea{ font:11px Verdana, Arial, Helvetica, sans-serif; padding:2px; width:203px; height:20px; border:1px solid orange; }
#reginputForm li textarea.error{ font:11px Verdana, Arial, Helvetica, sans-serif; padding:2px; width:203px; height:20px; border:1px solid orange; }


#reginputForm li{ list-style:none; padding:0 0 12px 0;width:100%; }
#reginputForm input{ font:11px Verdana, Arial, Helvetica, sans-serif; padding:2px 2px; width:200px; border:1px solid #FF9900; }
 select{ width:257px; padding:2px 2px;}
 
#reginputForm input.error_txt{ font:11px Verdana, Arial, Helvetica, sans-serif; padding:2px 2px; width:200px; border:1px solid #FF9900; background-color:#fcc789; }
 
#reginputForm textarea.error_txt{ font:11px Verdana, Arial, Helvetica, sans-serif; padding:2px; width:200px; height:30px; border:1px solid orange; background-color:#fcc789;}
#send{ border:1px solid #FF9900; width:60px; padding:2px 8px; font:bold 11px Arial, Helvetica, sans-serif; background-color:#990000; color:#fff;}

#regformHeader{ float:left; width:97%; padding:5px 8px; background:url(images/table_bg.gif) repeat-x top left; border:1px solid #d65c12; font:bold 15px "Trebuchet MS"; color:#FF9900; text-transform:uppercase; border-bottom:0px solid #d65c12; }


span.error_txt{ font:italic 11px Verdana, Arial, Helvetica, sans-serif; color:white; }
span.note{ font:italic 11px Verdana, Arial, Helvetica, sans-serif; color:white; }

#error{
	margin-bottom: 20px;
	width:auto;
	color: #FF9900;
	font:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #790700;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 12px;
	font:Verdana, Arial, Helvetica, sans-serif;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
	color: white;
	font-weight:bold;
	font:Verdana, Arial, Helvetica, sans-serif;
}
#error ul li strong{
	color: white;
	font:Verdana, Arial, Helvetica, sans-serif;
}
#error.valid ul li strong{
	color: white;
	font:Verdana, Arial, Helvetica, sans-serif;
}



/* css for registratiopn page ends here*/

.download_left{ float:left; width:auto; }
.icon_box{ float:left; width:auto; }
.download_txt{ float:left; width:auto; padding:24px 50px 0 15px; }

.download_right{ float:left; width:auto;}
.text_15{ font:bold 15px Arial, Helvetica, sans-serif; color:#fff; text-decoration: none;  }