*{
margin:0;
padding:0;
}
a{
	outline:none;
}

body{
font:normal 12px/18px  Arial, Helvetica, sans-serif;
color:#363636;
line-height:18px;
text-align:left;
background-image:url(../images/top_gradiant.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#wrapper{
margin:10px auto 0;
background-image:url(../images/bg_grad.jpg);
background-position:center;
background-repeat:repeat-y;

}
#container{
width:780px;
margin:0px auto;
background-color:#FFFFFF;
/*border-left:1px solid #eeeaea;
border-right:1px solid #eeeaea;*/

}

p{
font:normal 11px/18px  Arial, Helvetica, sans-serif; 
color:#363636;
margin:0 0 10px 0;

}
/* header 
--------------------------------------------------------------------------------------------------------*/

#header{
height:189px;
width:780px;
background:transparent url(../images/banner.jpg) no-repeat scroll left top;
width:780px;
height:105px;
}

/* logo 
----------------------------------------------------------------------------------------------------------------------*/
#logo {
background:transparent url(../images/logo.jpg) no-repeat scroll left top;
width:324px;
height:84px;
float:left;

}

/* top menu start
---------------------------------------------------------------------------------------------------------------------*/
#menu{
	width:780px; height:36px; 
	margin:0 auto; 
	background: url(../images/menu_bg.jpg) repeat-x left top;
	}
#menu ul{
	width:780px; 
	}
	
/*Left Corner*/
#menu ul li.left {
	display: block;
	float: left;
	clear: left;
	width: 12px;
	height: 36px;
	background: url(../images/menu_left.jpg) no-repeat left top;
}

/*Right Corner*/
#menu ul li.right {
	display: block;
	float: right;
	clear: right;
	width: 146px;
	height: 36px;
	background: url(../images/menu_right.jpg) no-repeat right top;	
}
	
#menu ul li{
	float:left; 
	margin:0px 1px 0 0 ;
	list-style-type:none;
	}
#menu ul li a{
	font:bold 11px/29px Arial, Helvetica, sans-serif; 
	color:#595959;
	/*margin:9px 0px 0 0 ;*/
	/*background:url(images/top_nav_btn_bg.gif) repeat-x 0 0 #FFFFFF;*/
	padding:4px 9px 3px 9px; 
	display:block; 
	text-decoration:none;
	}
#menu ul li a:hover, #menu ul li a.active{
	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#CC006A;
	background-color:#FFFFFF; 
	background-image:none;
	border-top:#DADADA 1px solid; 
	border-right:#DADADA 1px solid; 
	border-left:#DADADA 1px solid;
	padding:0px 8px; 
	margin:8px 0 0 0; 
	display:block; 
	text-decoration:none;
	}

/* top menu end
 -------------------------------------------------------------------------------------------------------*/

/* contents start
-----------------------------------------------------------------------------------------------------------*/
#contents{
width:752px;
/*background: transparent url(../images/bottom_grad.jpg) repeat-x left bottom;
padding-bottom:10px;*/
}

/* left side 
----------------------------------------------------------------------------------------------------------*/

#left_side{
width:100%;
margin-top:30px;
}
#left_side td{
padding:0px 0px 5px 0px;
}

/*****h2***************/
h2{
font:bold 20px/25px Arial, Helvetica, sans-serif; 
color:#E40202;
height:25px; 
padding:0 0 10px 0; 
text-align:left;
}
h2 span{
font:bold 20px/25px  Arial, Helvetica, sans-serif;
color:#354C52;
height:25px;
text-align:left;
}
h3{
font:bold 14px/20px Arial, Helvetica, sans-serif; 
color:#E40202;
height:14px; 
padding:0 0 10px 0;
text-align:left;
}
h4{
font:bold 14px/20px Arial, Helvetica, sans-serif; 
color:#354C52;
height:14px; 
padding:0 0 5px 0; 
text-align:left;
}
h5{
font:bold 11px/20px Arial, Helvetica, sans-serif; 
color:#354C52;
height:14px; 
padding:0 0 3px 0; 
text-align:left;
}


p.div1{
display:block;
width:43px;
height:12px;
background:url(../images/right_div.gif) 0 0 repeat-x;
margin:0 0 10px 0;
padding:0 0 0 445px;
font-size:0px;
line-height:12px;
}
p.div1 a.more{
display:block;
margin:0;
padding:0;
background:url(../images/view_more.jpg) 0 0 no-repeat;
width:43px;
height:12px;
}
p.div1 a.more:hover{
background:url(../images/view_more_h.jpg) 0 0 no-repeat;
}

.spacer{
font-size:0; line-height:0; clear:both;
}
	
/* list1 start 
-------------------------------------------------------------------------------------------------------------------*/
#list1 ul{
width:340px;
margin:0;
padding:0;
}
#list1 ul li{
display:block;
width:340px;
height:20px;
font:normal 11px/18px Arial, Helvetica, sans-serif;
color:#000;
margin:0 0 4px 0;
}
#list1 ul li a{
display:block;
height:20px;
background:url(../images/bullte_star.jpg) 0 4px no-repeat #fff;
padding:0 0 0 18px;
font:bold 11px/18px Arial, Helvetica, sans-serif;
color:#094654;
text-decoration:underline;

}
#list1 ul li a:hover{
background-color:#F7F7F7;
color:#292727;
text-decoration:none;
}
/* list1 end 
--------------------------------------------------------------------------------------------------------------------*/	

/***********round box start****************/
.round_box {
background-color: #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #CCC;
padding: 5px;
width: 135px;
}
.round_box_large{
background-color: #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #CCC;
padding: 5px;
width: 246px;
margin-top:10px;

}
.round_box_large1{
background-color: #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #CCC;
padding: 5px;
width: 395px;
margin-top:20px;

}
.floatright
{
float: right;
width: 103px;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}

/* right side 
-------------------------------------------------------------------------------------------------------------------*/
#right_side{
width:197px;
margin:0 auto;
margin-top:30px;
}

/*contact address
-------------------------------------------------------------------------------------------------------------------*/
#cont_add{
width:197px;

background-color:#FDFDCB;
}
#cont_add p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:0 10px;
text-align:left;
}

/* link1 start
--------------------------------------------------------------------------------------------------------------------*/
.link1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#0099CC;

}
.link1:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
color:#0099CC;

}
/* link1 end
----------------------------------------------------------------------------------------------------------------------*/

/* right menu start 
----------------------------------------------------------------------------------------------------------------------*/

#navcontainer{
margin: 0px;
padding: 0px;
}

#navcontainer ul{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
border-top:1px dotted #BFBFBF;
}

#navcontainer ul li { 
border-bottom:1px dotted #BFBFBF;
width:177px;
height:40px;
padding:5px 10px;
}

#navcontainer ul li a.support{
text-decoration: none;
background: url(../images/support.jpg) no-repeat top left;
height: 40px;
width: 167px;
font-size: 10px/12px;
float: left;
margin: 0px;
}

#navcontainer li a.support:hover{
background: url(../images/support_h.jpg) no-repeat left top;
}
#navcontainer ul li a.demo{
text-decoration: none;
background: url(../images/demo.jpg) no-repeat top left;
height: 40px;
width: 167px;
font-size: 10px/12px;
float: left;
margin: 0px;
}

#navcontainer li a.demo:hover{
background: url(../images/demo_h.jpg) no-repeat left top;
}
#navcontainer ul li a.download{
text-decoration: none;
background: url(../images/download.jpg) no-repeat top left;
height: 40px;
width: 167px;
font-size: 10px/12px;
float: left;
margin: 0px;
}

#navcontainer li a.download:hover{
background: url(../images/download_h.jpg) no-repeat left top;
}

/* right menu end 
------------------------------------------------------------------------------------------------------------------------*/

/* captcha
-----------------------------------------*/
.captcha img{
border:1px solid #CCC;
vertical-align:middle;

}
.small_field{
margin: 0;
  padding: 2px;
  font-size: 1em;
  color: #666666;
  background: #FFF;
  border: 1px solid #ccc;
  margin: 5px 0;
  text-align:left;
  width:100px;

}
.small_field:focus{
border: 1px solid #999;
  background-color: #FFFFFF;
  }
 /*-----------------------------------------*/


/* comppro add
------------------------------------------------------------------------------------------------------------------------*/

#add1{
width:196px;
margin:10px auto ;
background-color:#59BED9;
background-image:url(../images/add_bg.gif);
background-position:left top;
background-repeat:repeat-x;
height:192px;
}

/* list2 start
-------------------------------------------------------------------------------------------------------------------------*/
#list2
{
margin-top:5px;
padding:0 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
text-align:left;
}

#list2 li
{
list-style-type:none;
padding-left: 20px;
background-image: url(../images/arrow_bullets.jpg);
background-repeat: no-repeat;
background-position: 0 .5em;
margin-left:10px;
}
/* list2 end
-------------------------------------------------------------------------------------------------------------------------*/
.div2{
display:block;
width:43px;
height:12px;
margin:0 0 0 0;
padding:0 0 0 140px;
font-size:0px;
line-height:12px;
}
.div2 a{
display:block;
margin:0;
padding:0;
background:url(../images/more_btn.jpg) 0 0 no-repeat;
width:43px;
height:12px;
}
.div2 a:hover{
background:url(../images/more_btn_h.jpg) 0 0 no-repeat;
}


/* contents end
--------------------------------------------------------------------------------------------------------------------------*/

/* services
--------------------------------------------------------------------------------------------------------------------------*/
/* list3 start 
-------------------------------------------------------------------------------------------------------------------*/
#list3
{
margin-left: 0;
padding-left: 0;
list-style: none;
padding:0 15px 0 0;
text-align:left;
/*width:700px;*/
font:bold 14px/20px Arial, Helvetica, sans-serif; 
color:#354C52;
background-color:#FFFFFF; 
}

#list3 li
{
list-style-type:none;
padding-left:20px;
background-image: url(../images/bullte_star.jpg);
background-repeat: no-repeat;
background-position: 0 .3em;
margin-left:5px;

}
/* list3 end 
--------------------------------------------------------------------------------------------------------------------*/	
/* products start 
-------------------------------------------------------------------------------------------------------------------*/
#products ul{
width:197px;
margin:0;
padding-bottom:15px;;
}
#products ul li{
display:block;
width:197px;
height:20px;
font:normal 11px/18px Arial, Helvetica, sans-serif;
color:#000;
background-color:#fff;
margin:0 0 4px 0;
}
#products ul li a{
display:block;
height:20px;
background:url(../images/bullte_star.jpg) 0 4px no-repeat #fff;
padding:0 0 0 18px;
font:bold 11px/18px Arial, Helvetica, sans-serif;
color:#094654;
text-align:left;
text-decoration:underline;

}
#products ul li a:hover{
background-color:#F7F7F7;
color:#292727;
text-decoration:none;
}

#tb1{
width:100%;
margin:10px 0 ;
border-top:1px solid #D2D1D1;
border-left:1px solid #D2D1D1;
background-color:#FEFEFE;
}
#tb1 th{
background-color:#E7E7E7;
border-bottom:1px solid #D2D1D1;
border-right:1px solid #D2D1D1;
font-family:bold 12/25px Arial, Helvetica, sans-serif;
color:#333;

padding:5px 15px 5px 15px;
text-align:left;
}
#tb1 td{
padding:10px;
border-right:1px solid #D2D1D1;
border-bottom:1px solid #D2D1D1;
}


/*list4 start
--------------------------------------------*/

#list4
{
margin-left: 0;
padding-left: 0;
list-style: none;
padding:0 0px 0 0;
text-align:left;
font:bold 11px/20px Arial, Helvetica, sans-serif; 
color:#354C52;
}

#list4 li
{
list-style-type:none;
padding-left:15px;
background-image: url(../images/arrows.jpg);
background-repeat: no-repeat;
background-position: 0 .6em;
margin-left:5px;

}

/*list4 end
--------------------------------------------*/


/* demo page
--------------------------------------------------------------------------------------------------------------------*/	
.download{
width:740px;
background-position:left top;
background-repeat:no-repeat;
text-align:center;
}
.download a{
width:125px;
height:24px;
margin:0 auto 10px;
display:block;
padding:17px 25px 13px 45px;
background-image:url(../images/btn_download.jpg);
font:bold 14px/18px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#0085CD;
text-align:center;

}
.download a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#FF0033;

}
#hor_lin{
width:100%;
background-image:url(../images/right_div.gif);
background-position:left bottom;
background-repeat:repeat-x;
height:8px;

}
.large_txt{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-align:center;
color:#354C52;
padding:15px 0 5px 0;
background-image:url(../images/right_div.gif);
background-position:left top;
background-repeat:repeat-x;

}
/* contact us page
-------------------------------------------------------------------------------------------------------------------------*/
#cont_form{
margin-top:0px;
border:1px solid #D2D1D1;
border-bottom:1px solid #D2D1D1;
background-color:#FAF9F9;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;

}

#cont_form td{
padding:2px 15px ;

}
/*#cont_form tr:hover{
background-color:#F5F5F5;
}*/
.input{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
border:1px solid #D2D1D1;
width:150px;
padding:1px 3px;
}
.input:focus{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
border:1px solid #999;
width:150px;
padding:1px 3px;
}
textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
border:1px solid #D2D1D1;
padding:1px 3px;
width:200px;
height:120px;
}
textarea:focus{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
border:1px solid #999;
width:200px;
height:120px;
padding:1px 3px;
}
select{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
border:1px solid #D2D1D1;
width:150px;
padding:1px 3px;
}
select:focus{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
border:1px solid #999;
width:150px;
padding:1px 3px;
}
.btn{
background-image:url(../images/buttn_pt_send.jpg);
background-repeat:no-repeat;
background-position:left;
width:86px;
height:30px;

}
.astrix{
padding:3px;
color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;

}
.remarks{
padding:3px;
color:#999;
float:right;
}
.para{
padding:0px 5px;;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
vertical-align:top;
}
.error_strings{ 
font-family:Verdana; 
font-size:10px; 
color:#660000; 
text-align:left; 
padding-left:20px;
}
.confirm_txt{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:center;

}
.test_txt{
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	padding:5px;

}
.test_txt img{ padding-right:10px; padding-left:10px;}
.link3{ text-decoration:none; color:#0D2786; font:bold 11px/18px Arial, Helvetica, sans-serif;}
/* footer start
------------------------------------------------------------------------------------------------------------------------- */
.footer{
	width:780px; 
	height:50px; 
	margin:0 auto; 
	padding:12px 0 0 0;
	background:transparent url(../images/footer_grad.jpg) repeat-x left top;
	
	}
.footer ul{
	width:630px; 
	margin:0 auto;
	list-style-type:none;
	
	
	}
.footer ul li{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF; 
	display:inline; 
	}
.footer ul li a{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-decoration:none;
	color:#FFF;  
	padding:0 8px;
	}
.footer ul li a:hover{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-decoration:underline;
	color:#FFF; 
	padding:0 8px;
	}
.footer p{
	margin:0 auto; 
	color:#EFBA00; 
	font:normal 10px/18px Arial, Helvetica, sans-serif;
	text-align:center;
	}
	

/* footer end
-------------------------------------------------------------------------------------------------------------------------------- */