@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background:url(../images/bg_repet.jpg) repeat-x top left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:18px; font-size:13px; color:#000; text-align:justify;}
*{ margin:0; padding:0; border:none;}
h1,h2,h3,h4,h5.h6,p,br,hr,span,input,div,ul,li,ol,table,img,label,form{ margin:0; padding:0; border:none;}
.clearboth{ clear:both;}
.clearleft{ clear:left;}
.fontbold{ font-weight:bold;}

#wrapper{ margin:0 auto; padding:0; width:1000px;}
.imgclass {padding:0 10px 10px 0;}
.topban_left{ margin:8px 0 0 0; padding:0; width:310px; float:left;}
.topban_right{ margin:8px 0 0 0; padding:0; width:380px; float:left;}
.contacttext{ margin:0; padding:0; text-align:right; line-height:16px;}

.logo { margin:10px 0 9px 10px ; padding:0px; float:left;}
.company { margin:0px; padding:55px 0 0 20px; float:left;}
#nav { margin:11px 0 0 0px; padding:0px; }
#nav  ul { margin:0px; padding:0px; float:left; list-style:none; height:41px;}
#nav  li { margin:0px; padding:0px; float:left; list-style:none; border:none; font-size:15px; text-shadow:#CCC; text-transform:uppercase;}
#nav  li a { margin:0px; padding:12px 49px 11px 48px; float:left; list-style:none; display:block; text-decoration:none; color:#FFF; border:none;}
#nav  li a:hover, .active a { margin:0px; padding:12px 49px 11px 48px; float:left; list-style:none; display:block; color:#FFF !important; background:url(../images/nav_hover.jpg) repeat-x !important;}
#nav  ul img { margin:0px; padding:0px;}

#nav li ul{display:none;height:auto;padding:0px;margin:41px 0 0 0; position:absolute;z-index:200;}
#nav li:hover ul{display:block;list-style:none; }
#nav li li{background: #e4e4e4;display:block;float:none;margin:0px 0 1px 0;padding:0;text-transform:uppercase; line-height:40px; display:block;}
#nav li ul a{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;display:block;font-style:normal;margin:0px;padding:0 0 0 10px;text-align:left;width:155px; background:url(../images/ddbg.png) repeat-x;}
#nav li ul a:hover, .nav li ul li:hover a{padding:0 0 0 10px;margin:0;border:0px;color:#fff !important;text-decoration:none;text-align:left; display:block; background:url(../images/nav_hover.jpg) repeat-x !important;width:155px;}
.nav p{clear:left;}


#banner{ margin:0px; padding:0px; width:1000px;}
#banimg{ width:1000px; margin:0px; padding:0px; }	

#midbody{ margin:0; padding:0px 0 9px 0;}
.list1 { margin:20px 0px 12px 0; padding:0px; width:317px; min-height:350px; float:left; background:url(../images/soft_bg.png) no-repeat;}
.listpadding1 { margin:0px; padding:0 0 0 15px;}
.listpadding1 h2 { margin:15px 0 6px 0; padding:0px 0 0 50px; text-shadow:1px 1px #8e8e8e; line-height:50px; font-size:17px; text-align:left; color:#414141; background:url(../images/list_software.png) top left no-repeat;}
.listpadding1 p { margin:0px; padding:10px 20px 17px 0; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#1f1f1f; line-height:18px; font-weight:bold;}

.list2 { margin:20px 23px 12px 23px; padding:0px; width:317px; min-height:350px; float:left; background:url(../images/soft_bg.png) no-repeat;}
.listpadding2 { margin:0px; padding:0 0 0 15px;}
.listpadding2 h2 { margin:15px 0 6px 0; padding:0px 0 10px 55px; line-height:40px; text-shadow:1px 1px #8e8e8e; font-size:17px; color:#414141; background:url(../images/list_hardware.png) top left no-repeat;}
.listpadding2 p { margin:0px; padding:15px 20px 17px 0; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#1f1f1f; line-height:18px; font-weight:bold;}

.list3 { margin:20px 0px 12px 0; padding:0px; width:317px; min-height:350px; float:left; background:url(../images/soft_bg.png) no-repeat;}
.listpadding3 { margin:0px; padding:0 0 0 15px;}
.listpadding3 h2 { margin:15px 0 6px 0; padding:0px 0 0 50px; text-shadow:1px 1px #8e8e8e; line-height:55px; font-size:17px; color:#414141; background:url(../images/list_it.png) top left no-repeat;}
.listpadding3 p { margin:0px; padding:15px 20px 17px 0; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#1f1f1f; line-height:18px; font-weight:bold;}
.readmore { margin:5px 0 5px 0; padding:0px; float:right;}
.readmore a { margin:0px 10px 10px 0; padding:8px 15px 7px 15px; text-align:center; background:url(../images/readmore_bg.png) bottom right; display:block; text-decoration:none; font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#1f1f1f;}
.readmore a:hover { color:#69C;}

#midbtm{ margin:0; padding:0; width:100%; background:url(../images/bootmbg.jpg) repeat-x; overflow:auto;}
.midmd{ margin:0 auto; padding:0; width:1000px;}
.leftcol { margin:0px; padding:0px; float:left; width:640px;}
.image { margin:0px; padding-top:23px; padding-bottom:23px;}
.leftcol p img { padding:0 10px 10px 0}
.leftcol p { margin:0px; padding:0px 0 12px 0; line-height:20px; color:#FFF; font-weight:500; text-align:justify; }
.readmore2 { margin:5px 0 5px 0; padding:0px; float:right;}
.readmore2 a { margin:0px 10px 10px 0; padding:8px 15px 7px 15px; text-align:center; background:url(../images/readmore_bg2.png) bottom right; display:block; text-decoration:none; font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#FFF;}
.readmore2 a:hover { color:#69C;}
.rightcol { margin:0px 0 0 25px; padding:0px; float:left; width:335px;}
.rightcol h4 { margin:0px; padding:0px; font-size:16px; color:#FFF; font-weight:500; font-family:Verdana, Geneva, sans-serif; line-height:20px;}
.rightcol p { margin:0px; padding:0px 0 10px 0; font-weight:500; color:#FFF; line-height:18px;}

.latestnews{ margin:0 10px 0px 0;}
.latest_text{ text-align:left;}
	/*contact*/
	
#contact{ margin:0; padding:0 20px 0 0; float:left; width:235px;}
.map{ margin:0; padding:0; border:1px solid #CCC;}
#googlemap { float:left; padding-top:0px; font-size:20px; text-align:center;}
.detail{ margin:0; padding:0; text-align:left; font-size:14px;}

h3{ margin:0; padding:0 0 15px 0; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:22px; color:#000;}
#formstart_here{ padding:0;  margin:0px; width:360px; float:left;}
.fillform{ margin:0; padding:0 0 0px 0; font-size:18px; color: #000;}
.cssform_contact{ margin:0; width:380px;}
.cssform_contact p{ margin:0; width:380px; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;}
.cssform_contact label{ padding:0; float:left; text-align:left; width:140px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;}
.star{ color:#FF0000;}
.feeback_contact{ border:1px solid #CCC; color:#0c2038; width:180px; line-height:20px; height:20px; padding-left:4px; background:#FFF;}
.feedback_contact1{ border:1px solid #CCC; color:#0c2038; width:70px; line-height:20px; height:20px; padding-left:4px; background:#FFF;}
.feeback_contact2{ border:1px solid #CCC; color:#0c2038; width:180px; height:90px; padding-left:4px; background:#fff;}
.btn{ text-align:center;  font-weight:bold; cursor:pointer; background:#afb0ad; width:65px; height:26px; }
#formstart_here p { margin:0px; padding-top:0; line-height:20px; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#39C; padding:0 0 8px 0;}

/************* style for buttom slide ********************/

#footer{ clear:both; margin:0 auto; background:url(../images/footerrepet.jpg); padding:20px 0 10px 0; }
#footer p{ margin:0; padding:0 0 5px 0; line-height:18px; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#cccccc;}
#footer a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color:#cccccc; border:none;}
#footer a:hover{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; color:#CC9;}


.services{ margin:0 0 -8px 0; padding:30px 20px; background: url(../images/serbg.png) repeat-x top center; overflow:auto;}
.list{ margin:0; padding:0;}
.list ul{ margin:0; padding:0;}
.list li{ margin:0; padding:0 0 0 20px; list-style:none; display:block; line-height:26px; background:url(../images/bullet.png) no-repeat center left;}

.list_1{ margin:0; padding:0;}
.list_1 ul{ margin:0; padding:0;}
.list_1 li{ margin:0; padding:0; list-style:none; display:block; line-height:26px;}
.bullets{ margin:0; padding:0; font-size:15px;}

.expert_left{ margin:0; padding:20px; float:left; width:410px; border:2px solid #999; height:245px;}
.expert_right{ margin:0; padding:20px; float:right; width:410px; border:2px solid #999;height:245px;}
h1{ margin:0 0 15px 0; padding:0; font-family:"Lucida Grande", sans-serif; text-shadow: 2px 2px #d8d8d8; font-size:22px; font-weight:bold; text-decoration:underline; color:#000;}
h1.h1class{ font-size:21px; text-shadow:none; text-decoration:none; margin:0;}
h4{ margin:0 0 6px 0; padding:0; font-family:"Lucida Grande", sans-serif; text-shadow: 1px 1px 1px #ccc, -1px -1px 1px #d8d8d8, 1px 1px #ccc, -1px -1px #d8d8d8; font-size:17px; font-weight:bold; color:#000;}

.ref_img{ margin:0 0 0 25px; padding:0; border:1px solid #ccc;}