@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.main {
width:100%; height:auto;
margin:0 auto;
}

.main1 {
width:980px;
margin:0 auto;
}


.logo {
	width:148px;
	height:107px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	margin-left:8px;
	margin-top:12px;
	text-align:left;
}

#home
  {
    width: 71px;
    height: 21px;
margin-left:804px;
margin-top:64px;
position:absolute;
    background: url("images/home.gif") no-repeat 0 0;

  }

  #home:hover
  { 
    background: url("images/home_1.gif") no-repeat 0 0;
  }

#sitemap
  {
    width: 91px;
    height: 21px;
margin-left:875px;
margin-top:64px;
position:absolute;
    background: url("images/sitemap.gif") no-repeat 0 0;

  }

  #sitemap:hover
  { 
    background: url("images/sitemap_1.gif") no-repeat 0 0;
  }


#line {
background:url("images/line.gif");
background-repeat:no-repeat;
text-align:left;
width:980px;
height:38px;


}

#about
  {
    width: 106px;
    height: 38px;
    background: url("images/aboutus.gif") no-repeat 0 0;

  }

  #about:hover
  { 
    background: url("images/aboutus_1.gif") no-repeat 0 0;
  }

#services
  {
    width: 107px;
    height: 38px;
	
    background: url("images/services.gif") no-repeat 0 0;

  }

  #services:hover
  { 
    background: url("images/services_1.gif") no-repeat 0 0;
  }

#products
  {
    width: 106px;
    height: 38px;

    background: url("images/products.gif") no-repeat 0 0;

  }

  #products:hover
  { 
    background: url("images/products_1.gif") no-repeat 0 0;
  }

#portfolio
  {
    width: 107px;
    height: 38px;
    background: url("images/portfolio.gif") no-repeat 0 0;

  }

  #portfolio:hover
  { 
    background: url("images/portfolio_1.gif") no-repeat 0 0;
  }


#careers
  {
    width: 106px;
    height: 38px;
    background: url("images/career.gif") no-repeat 0 0;

  }

  #careers:hover
  { 
    background: url("images/career_1.gif") no-repeat 0 0;
  }

#contactus
  {
    width: 115px;
    height: 38px;
    background: url("images/contact.gif") no-repeat 0 0;

  }

  #contactus:hover
  { 
    background: url("images/contact_1.gif") no-repeat 0 0;
  }


#banner {
height:249px;
width:980px;
text-align:center;
vertical-align:top;
margin-top:0px;
margin:0 auto;
}

#application {
background-image:url(images/application.gif);
height:285px;
width:222px;
background-repeat:no-repeat;
margin-top:4px;
margin-left:2px;
}

.cntnt1 {
	width:222px;
	text-align:center;
	color:#454545;
	font-family:Arial;
	font-size:12px;
	position:absolute;
}

.more {
width:150px;
color:#454545;
font-family:arial;
font-size:12px;
margin-right:5px;
text-align:right;
}

.list{
list-style-image:url(images/list.gif);
text-align:left;
}

#experience {
	background-image:url(images/experience.gif);
	background-repeat:no-repeat;
	width:521px;
	height:214px;
	margin-left:228px;
	position:absolute;
}

.cntnt2 {
font-family:Arial;
font-size:12px;
color:#454545;
text-align:justify;
margin-left:8px;
width:500px;
margin-top:40px;
line-height:20px;
}

.rcms {
font-family:arial;
font-size:12px;
color:#ff0000;
}

#ourportfolio {
	background-image:url(images/ourportfolio.gif);
	background-repeat:no-repeat;
	width:223px;
	height:193px;
	position:relative;
	float:right;
	top: 10px;
}

#ourportfolio1{
	background-image:url(images/ourportfolio.gif);
	background-repeat:no-repeat;
	width:223px;
	height:193px;
}


#testimonials {
background-image:url(images/testimonials.gif);
background-repeat:no-repeat;
width:222px;;
height:234px;
margin-left:2px;
margin-top:4px;
}

.cntnt3 {
font-family:Arial;
font-size:12px;
text-align:justify;
margin-left:15px;
margin-top:45px;
color:#454545;
width:180px;
position:absolute;
line-height:20px;
}

#ourservices {
background-image:url(images/ourservices.gif);
width:521px;
height:143px;
background-repeat:no-repeat;
margin-top:40px;
position:absolute;
}

#ourservices1 {
background-image:url(images/ourservices.gif);
width:521px;
height:143px;
background-repeat:no-repeat;
position:absolute;
}


#technical {
background-image:url(images/webdesign.gif);
background-repeat:no-repeat;
width:521px;
height:154px;
margin-top:150px;
}

#recentwrks {
background-image:url(images/recentwrks.gif);
background-repeat:no-repeat;
width:223px;
height:204px;
position:absolute;
margin-top:10px;
left: 0px;
}



#contactimg {
background-image:url(images/contact_img.gif);
background-repeat:no-repeat;
width:223px;
height:110px;
margin-top:218px;
position:absolute;
left: 0px;
}


#contactimg1 {
background-image:url(images/contact_img.gif);
background-repeat:no-repeat;
width:223px;
height:110px;
margin-top:410px;
position:absolute;
}


#footer {
width:980px;
height:45px;
margin-top:11px;
margin:0 auto;
}

.footertxt {
	font-family:arial;
	font-size:12px;
	color:#454545;

	margin-right:15px;
	margin-top:15px;
	position:relative;
	float:left;

}

.footertxt1 {
	font-family:arial;
	font-size:12px;
	color:#454545;
	
	margin-right:15px;
	margin-top:15px;
	position:relative;
	float:right;
}

#btm {
width:980px;
height:auto;
margin-top:4px;
margin:0 auto;
position:absolute;
}

.our{
font-family:arial;
font-size:24px;
color:#000000;
margin-top:80px;
margin-left:25px;
position:absolute;
}

.expertise{
font-family:arial;
font-size:24px;
color:#EEEEEE;
margin-top:105px;
margin-left:25px;
position:absolute;
}

.list1{
list-style-image:url(images/lst2.gif);
text-align:left;
}

.lsttxt {
width:150px;
font-family:arial;
font-size:11px;
color:#EEEEEE;
line-height:15px;
}

#btmdiv {
vertical-align:middle;
margin-top:15px;
margin-left:200px;
position:absolute;
}

#btmdiv1 {
vertical-align:middle;
margin-top:20px;
margin-left:400px;
position:absolute;
}

#btmdiv2 {
vertical-align:middle;
margin-top:20px;
margin-left:580px;
position:absolute;
}

#btmdiv3 {
	vertical-align:middle;
	margin-top:20px;
	margin-left:780px;
	position:absolute;
	width:195px;
}

#portfolioswf {
margin-left:5px;
margin-top:40px;
text-align:center;
}

#rcntwrksswf {
margin-top:45px;
text-align:center;
}

.viewmore {
font-family:Arial;
font-size:12px;
margin-top:10px;
margin-left:105px;
}
#examplenav {
margin: 0;
padding: 0;
}
#examplenav li {
list-style: none;
height:38px;
float: left;
position: relative;
}
#examplenav li a {
height: 38px;
text-indent: -9000px;
display: block;
}
#aboutushd{
width:519px;
height:33px;
background-image:url(images/aboutus_hd.gif);
background-repeat:no-repeat;
margin-top:8px;
}

#serviceshd{
width:519px;
height:33px;
background-image:url(images/services_hd.gif);
background-repeat:no-repeat;
margin-top:8px;
}

#productshd{
width:519px;
height:33px;
background-image:url(images/products_hd.gif);
background-repeat:no-repeat;
margin-top:8px;
}

#portfoliohd{
width:519px;
height:33px;
background-image:url(images/portfolio_hd.gif);
background-repeat:no-repeat;
margin-top:8px;
}

#careershd{
width:519px;
height:33px;
background-image:url(images/careers_hd.gif);
background-repeat:no-repeat;
margin-top:8px;
}

#sitemaphd {
width:519px;
height:33px;
background-image:url(images/sitemap_hd.gif);
background-repeat:no-repeat;
margin-top:8px;
}

#contactushd{
width:519px;
height:33px;
background-image:url(images/contact_hd.gif);
background-repeat:no-repeat;
margin-top:8px;
text-align:left;
}


.content {
font-family:Arial;
font-size:12px;
color:#454545;
text-align:justify;
margin-left:8px;
margin-top:5px;
width:720px;
line-height:20px;
}

.sidehd {
font-family:Arial;
font-size:14px;
color:#454545;
text-align:left;
font-weight:bold;
}
.sidehd1 {
font-family:Arial;
font-size:12px;
color:#454545;
text-align:left;
font-weight:bold;
}
.sidehd2 {
font-family:Arial;
font-size:12px;
color:#ff0000;
text-align:left;
font-weight:bold;
}

.lstcntnt {
font-family:Arial;
font-size:12px;
color:#454545;
line-height:30px;
}

.lstcntnt1 {
font-family:Arial;
font-size:12px;
color:#454545;
line-height:20px;
}

label{
float: left;
width: 120px;
font-weight: bold;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea1{
width: 250px;
height: 50px;
}

textarea{
width: 250px;
height: 50px;
}


.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}