body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote {margin:0; padding:0;
}
@font-face {  
	  font-family: CALIBRI ;  
	  src: url(http://jipl0:1111/Progressitc/fonts/CALIBRI_0.TTF) format("truetype");  
	} 
html, body {
	color:#555;
	font: 12px Arial, Helvetica, sans-serif;
	/*font: 10px CALIBRI,Verdana, Arial, Helvetica, sans-serif;*/
	/*background: url(images/topbg.gif) no-repeat center top;*/
	background-color:#D2E3F5;
}

/* PARAGRAPH STYLES */

H1, H2, H3, H4, H5 {font-size:100%;	font-weight:normal;}
H1 {}
H2 {}
H3 {}
H4 {}
 

A { color:#575756; text-decoration:none; }
/*A:visited{ text-decoration:none; color:#;}*/
A:hover {color:#9E2878; text-decoration:none;}
/*A:active { text-decoration:none; color:#;}*/
A:focus {outline:none;}

:focus {outline: 0;}
fieldset, img {border:0;}
q:before, q:after {	content:'';}

input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}

.clr {clear: both;}
.lF {float:left;}
.rF {float:right;}
li { /*margin-bottom:5px;*/}
/* LAYOUT STYLES */
#wrapper {
	width:995px;
	margin:0 auto;
	background:#FFFFFF;
	
}
/*.bgleft {
	background: url(images/leftbg.gif) repeat-x left top;
}
.bgright {
	background: url(images/rightbg.gif) repeat-x left top;
}*/

/* header*/
#header { 
width:995px;
}
	.logo { float:left; background:url(images/logo.gif) no-repeat center; padding-left:60px;}
	.logo a{ display:block;width:298px; height:82px; overflow:hidden;}
	
	.rtopSec { float:right; width:530px; }
.enqsec {
	height:25px;
	text-align:right;
	padding-top: 5px;
	padding-right:20px;
	padding-bottom: 5px;
}
.enqsec A { color:#555;}

.enqsec A:hover { color:#692275;}

.enqsec h1 {
	background: url(images/arrow1.gif) no-repeat left top;
	float: right;
	font: bold 14px Arial, Helvetica, sans-serif;
	width: 140px;
	height: 19px;
}
.contsec {
	height:98px;
	text-align:right;
	font-size:13px;
	font-weight: bold;
	margin: 0px;
	
	padding-right:20px;
}
.contsec A { color:#555;}

.contsec A:hover { color:#692275;}


.contsec  h1 {
	font-size:14px;
	color:#3A3734;
	background: url(images/arrow5.gif) no-repeat right 16px;
	height: 31px;
	font-weight: bold;
	margin: 0px;
padding-top: 20px;
	
}
.contsec  h2 {
	font-size:12px;
	background: url(images/phone_icon.gif) no-repeat right top;
	height: 20px;
	padding-top: 2px;
	font-weight: bold;
}
/* header*/

/* nav*/

.topnav {
padding-top:60px;
padding-left:55px;
text-align:right;
overflow:hidden;
float:left;
font: 8pt CALIBRI,Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;


}



.topnav ul A  {
font-family:inherit;
font-size:11.41pt;
font-weight:bold;
color:#2B2B2B;

}

.topnav ul li A  {
/*	font: bold 12px Arial, Helvetica, sans-serif;
	color: #555;
	display: block;

	width: 95px;
	margin-left: 0px;

	padding-top: 2px;
	overflow:hidden;*/
	
}
.topnav ul li A:hover  {

/*	font: bold 13px Arial, Helvetica, sans-serif;
	color: #555;
	display: block;
	text-align: center;
	width: 95px;
	margin-left: 0px;
	height: 19px;
	padding-top: 2px;
	overflow:hidden;*/
	
	
	/*background: url(images/navov.gif) no-repeat left top;
	color:#fff;*/
}
.topnav ul li .act  {
	/*background: url(images/navov.gif) no-repeat left top;
	color:#fff;*/
}
/* nav*/
/*banner*/
.banner {
	background: url(images/home_main.jpg);
	height:376px;
	width:974px;
	vertical-align:top;
	overflow:hidden;
	
}
.bannerimg {
	width:370px;
	float:left;
	text-align: center;
	padding: 4px 0px 4px 10px;
}
.bannertxt {
	width:350px;
	float:right;
	color: #C3E24E;
	float: right;
	font: 29px Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 20px;
	padding-right: 13px;
	vertical-align: middle;
	padding-top: 70px;
}
/*banner*/
/*middle*/
#midcont {
text-align: left;
	padding-bottom: 15px;

	
	}

#midcont h1 {color:#000000;
	margin-bottom: 10px;
	font: 22px Arial, Helvetica, sans-serif;
/*	border-bottom: 1px dotted #CCCCCC;*/
	padding-bottom: 5px;
	
}

#midcont h5 {color:#555;
	margin-bottom: 10px;
	font: 16px Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	font-weight:bold;
	
}

#midcont h3 {color:#692275;
	margin-bottom: 10px;
	font: 20px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;}


.midleft {
	width:200px;
	float:left;
	/*padding-left: 25px;*/
	padding-right: 20px;
}
.comingsec {}
.comingsec h1  {
	color:#692275;
	margin-bottom: 10px;
	font: 20px Arial, Helvetica, sans-serif;
}
.comingsec   {
	margin: 0px 0px 15px;
	padding: 0px;
}
.comingsec ul   {
	margin: 0px;
	padding: 0px;
}
.comingsec ul li  {
	list-style: none;
}
.comingsec ul li A  {
	font-size: 11px;
	
	color: #555;
	background: url(images/bull.gif) no-repeat left 5px;
	padding-left: 10px;
	margin-bottom: 5px;
	height: 15px;
	display: block;
	padding-bottom: 2px;
}
.comingsec ul li  A:hover {color: #692275;}
.midleft h2 { color:#555555;}
.midright {
	width:518px;
	width/**/:/**/493px;
	float:right;
	/*padding-right: 25px;*/
}
.midright .innercont {text-align: justify;}
.midright h1 {
	font-size: 25px;
	font-weight: bold;
	margin: 0px 0px 5px;
	padding: 0px;
}	
.midright h3 {
	color:#692275;
	margin-bottom: 10px;
	font: 20px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
}	

.portfolsec  {}
.portfolsec h1 {
	font-size: 20px;
	color: #555;
	margin-bottom: 10px;
	color:#692275;
}
.portfolsec ul  {
	margin: 0px;
	padding: 0px;
}
.portfolsec ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.portfolsec ul li A {
	background: url(images/arrow.gif) no-repeat left top;
	display: block;
	padding-left: 20px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	padding-top: 3px;
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 2px;
}
.portfolsec ul li A:hover {
	color: #692275;
}
.rightsecbx {
	float: left;
	display: inline;
	border: 1px solid #CCCCCC;
	width: 158px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	min-height:350px;
	height: 350px;
	height:auto!important;
}

.rightsecbx h1 {
	margin-bottom: 5px;
	font: bold 17px Arial, Helvetica, sans-serif;
}
	

.rightsecbx .cont {
	padding: 10px;
}
.mrgnone {margin:0px!important;}

.port {
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
	text-align:right;
	font-weight: bold;}
.port  A { }
.port  A:hover { }
	
.portfolio { margin:0px; padding:0px;}
.portfolio ul { margin:0px; padding:0px;}
.portfolio ul li {
	margin:0px 0px 10px;
	padding:0px;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
	/*border-bottom: 1px dashed #CCCCCC;*/
	height:160px; min-height:160px; height:auto!important;
	font: x-small Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
.portfolio ul li .img {
	border: solid 1px #4E4B49;
	margin:0px 15px 15px 0px;
	padding: 0px;
}

.portfolio ul li A { color:#555; display:block; float:left;  }
.portfolio ul li A:hover { color:#692275;	}


.webportfolio { margin:0px; padding:0px;}
.webportfolio ul { margin:0px; padding:0px;}
.webportfolio ul li {
	margin:0px 0px 10px;
	padding:0px;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom: 1px dashed #CCCCCC;
	height:160px; min-height:160px; height:auto!important;
	font: x-small Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
.webportfolio ul li .img {
	border: solid 1px #4E4B49;
	margin:0px 15px 15px 0px;
	padding: 0px;
}

.webportfolio ul li A { color:#555; display:block; float:left;  }
.webportfolio ul li A:hover { color:#692275;	}



.smltxt {
	text-align:right;
	font: italic x-small Tahoma, Arial, Helvetica, sans-serif;
	
	
}
.smltxt  A {}
.smltxt  A:hover {}	

.dotline5 {
	background: url(images/dotline2.gif) repeat-x left top;
	height: 1px;
	margin-bottom: 5px;
	padding-top: 5px;
	clear:both;
}
.webdevtsec {
	font: x-small "Times New Roman", Times, serif;
}

/*middle*/
/*footer*/
.botlftbg {
	background: url(images/botleftbg.gif) repeat-x left top;
}
.bot {
	background: url(images/botbg.gif) no-repeat right top;
	width: 743px;
	padding-left: 10px;
	padding-top: 20px;
	font-size: 11px;
	line-height: 16px;
	color: #949392;
	margin: 0px auto;
	padding-right: 10px;
	text-align: center;
}
.bot  A  { color: #949392;	}
.bot a:hover { color:#692275;	}
	

/*footer*/
.txtfld {
	background: #f7f7f7;
	width: 200px;
	border: 1px solid #CCCCCC;
}
.formbt {
	color: #FFFFFF;
	background: #692275;
	padding: 5px;
	border-top: 1px solid #38123E;
	border-right: 1px solid #38123E;
	border-bottom: 1px solid #38123E;
	border-left: 1px solid #38123E;
}
.formbt:hover {color: #000;
	background: #BCBCBC;

}
.paging { margin:0px; padding:0px;}
.paging ul { margin:0px; padding:0px;}
.paging ul li { margin:0px;  float:left; padding:0px; list-style:none; text-align:center;}
.paging ul li A  {
	float:left;
	display:block;
	width: 20px;
	border:solid 1px #ccc;
	margin-right:2px;
}
.paging ul li A:hover {background-color:#692275; color: #FFFFFF;}
.paging ul li .actpage {background-color:#692275; color: #FFFFFF;}
	
	
.latestnews  {}
.latestnews h1 {
	font-size: 20px;
	color: #555;
	margin-bottom: 10px;
	color:#692275;
}
.latestnews ul  {
	margin: 0px;
	padding: 0px;
}
.latestnews ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.latestnews ul li A {
	display: block;
	padding-left: 20px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	padding-top: 3px;
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 2px;
}
.latestnews ul li A:hover {
	color: #692275;
}

.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: larger;
	font-weight: bold;
}
/*-----------------------------------------------------------New Design CSS----------------------------------------*/
#title h1 {color:#000000;
	margin-bottom: 10px;
	/*font: 18px  Verdana, Arial, Helvetica, sans-serif;*/
	  font: 18px CALIBRI,Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	
}

#header_top
{
background:url(images/header_bg.gif);
background-repeat:no-repeat;
height:87px;
text-align:left;
padding-left:31px;
overflow:hidden;



}
#header-text
{
color:#272726;
font: 10pt CALIBRI,Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-top:40px;
}
.middle_div
{
width:240px;
float:left;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
}
#homepage_midcont
{

	text-align:justify;
	padding-bottom: 15px;
	padding-left:110px;
	color:#646464;
	font-weight:normal;
	font: 11pt CALIBRI,Verdana, Arial, Helvetica, sans-serif;

}
#homepage_midcont h1 {color:#000000;
	margin-bottom: 10px;
	font: 22px Arial, Helvetica, sans-serif;
/*	border-bottom: 1px dotted #CCCCCC;*/
	padding-bottom: 5px;
	
}
/*-------------------------------------------Footer CSS------------------------------------------------------*/
.footer_line{
background-image:url(images/footer_line.jpg);
background-repeat:repeat-x;
height:5px;
overflow:hidden;
width:968px;

}
#footer_content{
width:995px;;
background-color:#FFFFFF;

}
 .footer_link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#838383;
font-weight:bold;
text-decoration:underline;
}
 a.footer_link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#838383;
font-weight:bold;
text-decoration:underline;

}

a.footer_link:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#9E2878;
font-weight:bold;
text-decoration:underline;
}
.footer_main{
width:995px;
height:52px;
background-color:#F2F0EE; 
float:left;
padding-top:10px;
}
span.footer_link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#838383;
font-weight:bold;
text-decoration:none;
}
.footer_copyright{
color:#1D1D1D;
font-weight:bold;
font: 8pt CALIBRI,Verdana, Arial, Helvetica, sans-serif;
float:left;

}
.title
{
	font: 12pt CALIBRI,Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
span.footer_copyright{
color:#ADADAD;
font-weight:normal;
font: 7pt CALIBRI,Verdana, Arial, Helvetica, sans-serif;
float:left;
}
.footer_bg
{
width:995px;
background-color:#F2F0EE;
height:40px;
float:left;
}

/*-------------------------------------------------Footer News Section--------------------------------------------*/
.news_title{
/*color:#98DDFF;*/
color:#479EC9;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
a.news_title{
color:#479EC9; 
font-size:14px;
font-weight:bold;
text-decoration:none;
}
a.news_title:active{
color:#000000; 
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.title_light
{
color:#4D4D4D;
font-size:15px;
font-weight:bold;
text-decoration:none;

}
span.read_more{
color:#9E2878;
text-decoration:underline;
}

.read_more{
color:#9E2878;
text-decoration:underline;
}
a.read_more{
color:#9E2878;
text-decoration:underline;
}

a.read_more:hover{
color:#000000;
text-decoration:underline;
}

.web_text{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#6B6B6B;
font-size:11.5px;


}
/*----------------------------------------------------Banner Text CSS-------------------------------------------------------*/
.bannertxt_main {

	float:left;
	color: #000000;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: middle;
	padding-top:50px;
	padding-left:20px;
}

.bannertxt_small{

	float:right;
	color: #4B535C;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: middle;
	padding-top:10px;
	padding-right:130px;
	font-weight:bold;
	
}
.bannertxt_medium{
	float:right;
	color: #000000;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: right;
	vertical-align: middle;
	padding-top:50px;
}
/*--------------------------------------------------Inner pages CSS----------------------------------------------*/
.page_content{
width:968px;
border:1px solid #C4C4C4;
text-align:left;
border-top-color:#969696;

}

.page_content_text h3{
color:#000000;
margin-bottom: 10px;
/*font: 20px Arial, Helvetica, sans-serif;*/
font: 20px CALIBRI,Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 5px;
padding-top:20px;


}.page_content_text h1 {
	font: 20px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0px 5px;
	padding: 0px;
}	

span a.hosting
{
color:#10A6CA;
text-align:right;
font-size:12px;
font-weight:bold;

}

span a.hosting:hover
{
color:#991D71;
text-align:right;
font-size:12px;
font-weight:bold;

}
span.back
{
color:#000000;
text-align:right;
font-size:12px;
font-weight:bold;

}
.hosting_links{
color:#242424;
text-align:left;
font-size:12px;
font-weight:bold;
}

span a.promotion_more
{
color:#991D71;
text-align:right;
font-size:12px;
font-weight:bold;

}

span a.promotion_more:hover
{
color:#000000;
text-align:right;
font-size:12px;
font-weight:bold;
}
  
.page_content_text{
padding-left:89px;
padding-right:30px;
color:#1E1E1E;
font: 12.45pt CALIBRI,Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:1.3;
}
/*---------------------------------------------------PORTFOLIO SECTION CSS-------------------------------------------------*/
.porfolio_border{
border:1px solid #EAEAEA;
padding:2px;
}
.portfolio_text{
padding-right:30px;
color:#000000;
font: 12.45pt CALIBRI,Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:1.3;
}

.portfolio_text h3{
color:#000000;
margin-bottom: 10px;
font: 20px Arial, Helvetica, sans-serif;
padding-bottom: 5px;
padding-top:20px;


}
/*---------------------------------------------------PORTFOLIO Detail page CSS-------------------------------------------------*/
.port_detail_text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#333333;
}
.port_dev_text{
font: 12.45pt CALIBRI,Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
.port_desc_text{
font: 11.45pt CALIBRI,Verdana, Arial, Helvetica, sans-serif;
color:#3B3838;
font-weight:800;
}
.port_link{
font: 13.45pt CALIBRI,Verdana, Arial, Helvetica, sans-serif;
color:#00A0C6;
font-weight:800;
}
a.port_link{
font: 13.45pt CALIBRI,Verdana, Arial, Helvetica, sans-serif;
color:#00A0C6;
font-weight:800;
}
a.port_link:hover{
font: 13.45pt CALIBRI,Verdana, Arial, Helvetica, sans-serif;
color:#C7599E;
font-weight:800;
}
.port_line{
clear: both;
background-image:url(images/port_line.gif);
background-repeat:repeat-x;
height:2px;
width:959px;
text-align:center;
}

span.port_more{
color:#353535;
text-decoration:underline;
}

.port_more{
color:#353535;
text-decoration:underline;
}
a.port_more{
color:#353535;
text-decoration:underline;
}

a.port_more:hover{
color:#9E2878;
text-decoration:underline;
}
.news_date{
color:#9E2878;
text-decoration:none;
float:right;
font-weight:normal;
}