.top-bg
{
	float:left;
	background:#f3f3f3;
	width:100%;
}
body
{
	margin:0px;
	padding:0px;
	background:#f3f3f3;
}
#wrapper
{
	width:942px;
	margin:0px auto;
}
/*.mail
{
	float:left;
	padding:18px 0px;
}
.mail ul
{
	float:left;
	margin:0px;
	padding:0px;
}
.mail ul li
{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
.mail ul li a
{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#d7d7d7;
	text-decoration:none;
	padding:0px 5px;
	margin:0px 0px 0px 0px;
}
*/
.cell-img
{
	float:left;
	margin:0px 10px 0px 0px;
}
.social
{
	float:right;
	padding:17px 0px;
}
.facebook
{
	float:left;
	background:url(../images/facebook-normal.png) no-repeat;
	width:32px;
	height:33px;
	margin:0px 10px 0px 0px;
}
.facebook:hover
{
	float:left;
	background:url(../images/facebook-hover.png) no-repeat;
	width:32px;
	height:33px;
	margin:0px 10px 0px 0px;
}
/*.google
{
	float:left;
	background:url(../images/g+-normal.png) no-repeat;
	width:32px;
	height:33px;
	margin:0px 10px 0px 0px;
}
.google:hover
{
	float:left;
	background:url(../images/g+-hover.png) no-repeat;
	width:32px;
	height:33px;
	margin:0px 10px 0px 0px;
}
.tweet
{
	float:left;
	background:url(../images/tweet.png) no-repeat;
	width:32px;
	height:33px;
	margin:0px 10px 0px 0px;
}
.tweet:hover
{
	float:left;
	background:url(../images/tweet-hover.png) no-repeat;
	width:32px;
	height:33px;
	margin:0px 10px 0px 0px;
}
.inn
{
	float:left;
	background:url(../images/inn.png) no-repeat;
	width:32px;
	height:33px;
	margin:0px 10px 0px 0px;
}
.inn:hover
{
	float:left;
	background:url(../images/inn-hover.png) no-repeat;
	width:32px;
	height:33px;
	margin:0px 10px 0px 0px;
}
*/.logo
{
	float:left;
	background:url(../images/logo.png) no-repeat;
	width:200px;
	height:69px;
	margin-top:10px;
}
#nave-bg
{
	float:left;
	background:#7c8894;
	height:50px;
	width:100%;
	margin-bottom:20px;
}
#nav {
 float: left;
 margin:0px 0px 0px 0px;
 padding: 0;
 width:100%;
 position:relative;
 z-index:9999;
}

#nav li a, #nav li {
 float: left;
}

#nav li {
 list-style: none;
 position: relative;
 padding:0px 0px;
}

#nav li a {
 padding:15.5px 12px;
 text-decoration: none;
 color:#ffffff;
 font:16px Arial, Helvetica, sans-serif;
}

#nav li a:hover {
 background: #fe4527;
 color:#FFF;
}


/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height:5px;
	background: black;
	padding:0px;
}

#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
 background:#003;
}

#nav li:hover > ul {
 display: block;
  background:#ececec;
}

#nav li ul li, #nav li ul li a {
 float: none;
}

#nav li ul li {
 _display: inline; /* for IE6 */
 padding:0px;
 background:#acb2b9;
 border-bottom:#999 solid 1px;
}
#nav li ul li a {
 width: 250px;
 display: block;
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
 top:0% !important;
}
#nav li ul li ul li  
{
    background:#404040 !important;
    color:#fff !important;
      }
#nav li ul li:hover ul {
 left: 100%;
 top: 0;
 border:none;
 top:auto; bottom:0;

}
.clr
{
	clear:both;
}
.slidebg
{
	float:left;
	background:#eaeaea;
	width:100%;
	height:475px;
	border-bottom:#e3e3e3 solid 1px;
	border-top:#e3e3e3 solid 1px;
}
.baner
{
	float:left;
	margin-top:43px;
	-moz-box-shadow: 0px 0px 9px #000000;
	-webkit-box-shadow: 0px 0px 9px #000000;
	box-shadow: 0px 0px 9px #000000;
}
h4 {
color: #fe4527 !important;
font: 17.5px Arial, Helvetica, sans-serif !important;
}
.text {
font: 14px Arial, Helvetica, sans-serif;
color: #333333;
text-align: justify;
line-height:1.5 !important;
}
.list
{
    margin:10px 0px 10px 40px !important;
}
.service-area
{
	float:left;
	width:100%;
	border-bottom:#dadada solid 1px;
	padding-bottom:20px;
}
.service-area h1
{
	float:left;
	font:30px Arial, Helvetica, sans-serif;
	color:#fe4527;
	font-weight:normal;
	margin:0px;
	padding:24px 0px;
	width:100%;
}
.ligbox
{
	float:left;
	border:#CCC solid 1px;
}
.light-tittle
{
	/*float:left;*/
	width:230px !important;
	margin-right:0px;
}
.light-tittle h2
{
	text-align:center;
	font:18px Arial, Helvetica, sans-serif;
	color:#6481a1;
	margin:0px;
	padding:15px 0px;
	width:222px;
	float:left;
}
.light-tittle h2:hover,.light-tittle li:active
{
	float:left;
	background:#fe4527;
	color:#FFF;
}
.project
{
	float:left;
	
	width:310px;
	overflow:hidden;
}
.project h2
{
	float:left;
	font:18px Arial, Helvetica, sans-serif;
	color:#6481a1;
}
.project p
{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:justify;
	padding:5px 0px;
	line-height:1.5 !important;
}
.welcome-note-bg
{
	float:left;
	background:#eaeaea;
	width:100%;
	border-bottom:#e3e3e3 solid 1px;
	border-top:#e3e3e3 solid 1px;
	margin-bottom:40px;
}
.welcome-note
{
	margin:20px 0px 40px 0px;
	float:left;
	width:100%;
	text-align:center;
}
.welcome-note h2
{
	text-align:center;
	font:30px Arial, Helvetica, sans-serif;
	color:#fe4527;
}
.welcome-note p
{
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.6;
}
.client
{
	float:left;
	margin:40px 0px 0px 0px;
}
.client-logo
{
	float:left;
	width:160px;
	padding:20px 0px;
}
.mid-width {
width: 175px;
float: left;
}

.logo-line {
list-style: none;
display: inline-flex;
float: right;
position: relative;
}
.work-line {
list-style: none;
display: inline-flex;
float: left;
position: relative;
}
.footer-bg
{
	float:left;
	background:#373737;
	width:100%;
	padding-top:20px;
}
.aboutus
{
	float:left;
	width:220px;
	margin-right:30px;
}
.aboutus h3
{
	float:left;
	font:16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:100%;
	padding-bottom:10px;
}
.aboutus p
{
	float:left;
	font:12px Arial, Helvetica, sans-serif !important;
	color:#c3c3c3;
	padding:0px;
	margin:0px;
	text-align:justify;
	width:193px;
	margin-bottom:20px;
}
.tweet-bird
{
	float:left;
	margin-right:10px;
	clear:both;
}
 .footer-product
{
float:left;
width:120px;

}

.footer-product h3
{
	float:left;
	font:16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:100%;
	padding-bottom:6px;
}
/*.footer-product ul
{
	float:left;
	margin:0px;
	padding:0px;
}
.footer-product ul li
{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	border-bottom:#c3c3c3 solid 1px;
	width:100%;
}
.footer-product ul li a
{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#c3c3c3;
	text-decoration:none;
	line-height:2;
}
.footer-product ul li a:hover
{
	color:#fe4527;
}*/
.contact
{
float:right;
width:200px;
}

.contact h3
{
	float:left;
	font:16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:100%;
	padding-bottom:8px;
}
.contact p
{
	
	font:12px Arial, Helvetica, sans-serif !important;
	color:#c3c3c3;
	padding:0px;
	margin:0px;
	text-align:justify;
}
.contact p a
{
	font:12px Arial, Helvetica, sans-serif;
	color:#c3c3c3;
	padding:5px 0px;
	margin:0px;
	text-align:justify;
	text-decoration:none;
}
.contact p a:hover
{
	color:#fe4527;
	text-decoration:underline;
}
.copy-bg
{
	float:left;
	background:#242424;
	width:100%;
	margin-top:10px;
}

.copy-bg p
{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#c3c3c3;
	margin:0px;
	padding:8px 0px;
}
/*************************About***********************************/
.about-bg
{
	float:left;
	width:296px;
	background:#d8d8d8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	height:173px;
}
.about-img
{
	float:left;
	padding:10px 12px;
}
.about-intro
{
	float:left;
	width:610px;
	margin-left:20px;
}
.about-intro p
{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.5;
	text-align:justify;
	width:624px;
}
.about-intro h2
{
	float:left;
	font:20px Arial, Helvetica, sans-serif;
	color:#27265c;
	width:590px;
	padding:0px 0px 10px 0px;
}
.compamy-intro
{
	float:left;
	padding-bottom:20px;
	width:100%;
	margin-top:10px;
}
.compamy-intro p
{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.5;
	text-align:justify;
}
/*************************End About***********************************/
/*************************CORPORATE PROFILE***********************************/
.corporate
{
	float:left;
	width:720px;
}
.corporate h3
{
	float:left;
	font:20px Arial, Helvetica, sans-serif;
	color:#27265c;
	width:100%;
	padding:0px 0px 10px 0px;
}
.corporate p
{
	float:left;
	font:14px Arial, Helvetica, sans-serif;
	color:#333333;
	width:100%;
	text-align:justify;
	line-height:1.5;
	margin-bottom:10px;
	padding : 0px !important;
}
.corporate-img
{
	float:left;
	border:#dfdfdf solid 1px;
	margin-left:22px;
	vertical-align:top;
}
/*************************CORPORATE PROFILE***********************************/
/*************************BORD OF DIRECTORS***********************************/
.director-bg
{
	float:left;
	background:#d8d8d8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:190px;
	height:182px;
}
.director-bg:hover
{
	background:#fe4527;
}
.director-bg img
{
	float:left;
	padding:6px 6px;
}
.director-intro
{
	float:left;
	width:610px;
	margin-left:20px;
}
.director-intro p
{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.5;
	text-align:justify;
	width:725px;
}
.director-intro h2
{
	float:left;
	font:20px Arial, Helvetica, sans-serif;
	color:#27265c;
	width:590px;
	padding:0px 0px 10px 0px;
}
/*************************BORD OF DIRECTORS***********************************/
/*************************COMPANY STAFF***********************************/
.staff
{
	float:left;
	width:100%;
}
.staff h2
{
	float:left;
	font:18px Arial, Helvetica, sans-serif;
	color:#27265c;
	font-weight:normal;
	padding-bottom:20px;
}
.staff ul
{
	float:left;
	margin:0px;
	padding:0px;
}
.staff ul li
{
	float:left;
	margin:0px;
	padding:0px;
	float:left;
	font:14px Arial, Helvetica, sans-serif;
	color:#333333;
	width:100%;
	line-height:1.5;
	margin-left:18px;
}
.staff-way
{
	float:left;
	margin-bottom:30px;
}
.staff-way h2
{
	float:left;
	font:18px Arial, Helvetica, sans-serif;
	color:#27265c;
	font-weight:bold;
	padding-bottom:20px;
}
/*************************COMPANY STAFF***********************************/
/*************************CAREER***********************************/
.get
{
	float:left;
	background:#1b9adc;
	width:110px;
	 height:31px;
	 -moz-border-radius:3px;
	 -webkit-border-radius:3px;
	 border-radius:3px;
	 margin-top:15px;
	 border:none;
	 color:#ffffff;
}
.get:hover
{
	background:#fe4527;
	cursor:pointer;
}
.get h3
{
	 text-align:center;
	font:16px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:5px 0px;
}
/*************************CAREER***********************************/
/*************************CONTACT US***********************************/
.map-area
{
  float: left;
  width: 401px;
  margin-bottom: 30px;
  margin-top: 35px;
}
.map-area h2
{
	float:left;
	font:20px Arial, Helvetica, sans-serif;
	color:#27265c;
	font-weight:normal;
	width:400px;;
}
.map-area p
{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:justify;
	width:320px;
	padding:5px 0px;
}
.map
{
	float:left;
	width:375px;
	height:332px;
	border:#dfdfdf solid 1px;
	margin:20px 0px 30px 0px;
}
.final-contact
{
	float:left;
}
.final-contact p
{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
}
.input-box
{
	float:left;
	width:300px;
}
.input-box p
{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#33333;
}
.input-area
{
	float:left;
	width:180px;
	height:20px;
	border:#dfdfdf solid 1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.contact-qurey
{
	float:left;
	width:295px;
	height:105px;
	border:#dfdfdf solid 1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.submit
{
	float:left;
	background:#1b9adc;
	width:110px;
	 height:31px;
	 -moz-border-radius:3px;
	 -webkit-border-radius:3px;
	 border-radius:3px;
	 margin-top:15px;
	 border:none;
	 text-align:center;
	font:16px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:5px 0px;
	margin-right:10px;
}
.submit:hover
{
	background:#fe4527;
	cursor:pointer;
}
.submit h3
{
	text-align:center;
	font:16px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:5px 0px;
}
/*************************CONTACT US***********************************/
/*************************TESTIMONIALS***********************************/
.test
{
	float:left;
}
/*************************TESTIMONILAS***********************************/
/*************************ASP.NET DEVELOPMENT***********************************/
.develop
{
	float:left;
	width:100%;
}
.develop p
{
	
	font:14px Arial, Helvetica, sans-serif;
	color:#333333;
	padding-bottom:10px;
	margin:0px;
	line-height:1.5;
	text-align:justify;
}
.net-img
{
	float:right;
	border:#dfdfdf solid 1px;
	margin-top:23px;
}
.develop h2
{
	float:left;
	font:18px Arial, Helvetica, sans-serif;
	color:#27265c;
	font-weight:normal;
	padding-bottom:10px;
}
.skill
{
	float:left;
	width:600px;
	margin-top:20px;
}
 .skill ul
{
margin:0px;
padding:0px;
}
.skill ul li
{
float:left;
color:#000066;
list-style:circle;
width:100%;
margin:0px;
padding:0px;
}
.skill ul li a
{
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
padding-bottom: 10px;
margin: 0px;
line-height: 1.5;
text-align: justify;
text-decoration:none;
cursor:pointer;
}
.skill p
{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	padding-bottom:5px;	
	line-height:1.5;
	text-align:justify;
}
.skill h2
{
	float:left;
	font:18px Arial, Helvetica, sans-serif;
	color:#27265c;
	font-weight:normal;
	padding-bottom:10px;
	width:500px;
}
.skill ul
{
	float:left;
	margin:0px;
	padding:0px;
}
.skill ul li
{
	float:left;
	margin:0px;
	padding:0px;
	float:left;
	font:14px Arial, Helvetica, sans-serif;
	color:#333333;
	width:100%;
	line-height:1.5;
	margin-left:18px;
}
/*************************ASP.NET DEVELOPMENT***********************************/
/*************************PORTFOLIO***********************************/
.mainport
{
	float:left;
	width:100%;
	border-bottom:#dadada solid 1px;
	padding-bottom:20px;
}
.portfolio-area
{
	float:left;
	width:454px;
	height:196px;
	background:#d8d8d8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:15px 12px 0px 0px;
}
.portfolio-area img
{
	float:left;
	padding:8px 12px 15px 12px;
}
.port-intro
{
	float:left;
	width:474px;
	margin:15px 0px 0px 0px;
}
.port-intro p
{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.5;
	text-align:justify;
}
.port-intro h2
{
	float:left;
	padding-bottom:10px;
}
.port-intro h2 a
{
	float:left;
	font:20px Arial, Helvetica, sans-serif;
	color:#27265c;
	text-decoration:none;
}
.port-intro h2 a:hover
{
	text-decoration:underline;
}
.read-btn
{
	background:#1297dc;
	width:111px;
	height:33px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-top:20px;
}
.read-btn h3
{
	text-align:center;
	padding:7px 0px;
}
.read-btn h3 a
{
	 text-align:center;
	font:14px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}
.read-btn h3 a:hover
{
	text-decoration:underline;
}
/*************************PORTFOLIO***********************************/
/*************************NEWS***********************************/
.calender-bg
{
float:left;
width:186px;

}
.calender-bg h1
{
	text-align:center;
	font:35px Arial, Helvetica, sans-serif;
	color:#333333;
	padding:40px 0px;
}
.news
{
	float:left;
	width:610px;
	margin-left:20px;
}
.news h1
{
	float:left;
	margin:0px;
	padding:0px 0px 5px 0px;
	float:left;
	font:20px Arial, Helvetica, sans-serif;
	color:#27265c;
}
.news h1 a
{
	float:left;
	font:20px Arial, Helvetica, sans-serif;
	color:#27265c;
	text-decoration:none;
}
.news h1 a:hover
{
	text-decoration:underline;
	color:#fe4527;
}
.news p
{
float:left;
font:12px Arial, Helvetica, sans-serif;
color:#333333;
line-height:1.5;
text-align:justify;
}

/*************************NEWS***********************************/
/*************************EVENTS***********************************/
.event-img
{
	float:left;
	border:#d9d9d9 solid 1px;
}
/*************************EVENTS***********************************/
/*************************Working Facillites***********************************/
.work
{
	float:left;
	width:610px;
	margin-left:20px;
}
.work h1
{
	float:left;
	margin:0px;
	padding:0px 0px 5px 0px;
	float:left;
	font:20px Arial, Helvetica, sans-serif;
	color:#27265c;
}
.work p
{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.5;
	text-align:justify;
}
/*************************Working Facillites***********************************/


 .info-section
{
float:left;
width:100%;
margin-bottom:40px;
}
.info-section h1
{
float: left;
font: 30px Arial, Helvetica, sans-serif;
color: #fe4527;
font-weight: normal;
margin: 0px;
padding: 24px 0px;
width: 100%;
}
.info-area
{
float:left;
width:620px;
}
.info-area h1
{
float: left;
font: 20px Arial, Helvetica, sans-serif;
color: #27265c;
width: 100%;
padding: 0px 0px 10px 0px;
}
.info-area p
{
float: left;
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
width: 100%;
text-align: justify;
line-height: 1.5;
margin-bottom: 10px;
}
.info-img
{
float:right;
width:291px;
border:#dfdfdf solid 1px;
}



.footernav {
float: left;
margin: 0; padding: 0;
}

.footernav li a, .footernav li {
float: left;
}

.footernav li {
list-style: none;
position: relative;
border-bottom:#c3c3c3 solid 1px;
}

.footernav li a {
padding:0px 5px;
text-decoration: none;
font:12px Arial, Helvetica, sans-serif;
color:#c3c3c3;
text-decoration:none;
line-height:2;
display:block;
width:151px;

}

.footernav li a:hover {
text-decoration:underline;
}


/* Submenu */

.hasChildren {
width: 5px; height: 5px;
background: black;
right : 0;
bottom: 0;
}

.footernav li ul {
display: none;
position: absolute;
top: 0%;
padding: 0; margin: 0;
}

.footernav li:hover > ul {
display: block;
}

.footernav li ul li, #footernav li ul li a {
float: none;
border-bottom:none;
}

.footernav li ul li {
_display: inline; /* for IE6 */
left: 100%;
}
.footernav li ul li a {
width: 150px;
display: block;
}

/* SUBSUB Menu */

.footernav li ul li ul {
display: none;
}

.footernav li ul li:hover ul {
left: 100%;
top: 0;
}

/*******************************************************************/

 .flash-tag
{
float:left;
text-align:center;
width:100%;
margin-bottom:40px;
}

strong {
  font-weight: bold !important;
}
.contactdiv > p {
  padding: 5px !important;
}
.testiimage {
  width: 110px;
  margin-left: 10px;
  float: right;
  margin-top: 45px;
  display: block;
}