@charset "utf-8";
/* CSS Document */

/* Main body related css will here */
body {
	background:url(../images/topback.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#666699;
	
}

a{
color:#666699;
text-decoration:none;
}

a:hover{
color:#FF9966;
text-decoration:none;
}


ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.disc {
margin: 15px;
list-style-type: square;

}



div .spacer {
  clear: both;
  padding-top:5px;
  }

/* Bread Crumb*/
#breadcrumb{
padding-bottom:5px;
width:565px;
}

#breadcrumb a{
color:#666699;
font-weight:bold;
text-decoration:none;
}

#breadcrumb a:hover{
color:#FF882B;
font-weight:bold;
text-decoration:none;
}

#breadcrumb a.pos{
color:#FF9966;
font-weight:bold;
text-decoration:none;
}

#breadcrumb a.pos:hover{
color:#454e79;
font-weight:bold;
text-decoration:none;
}



/* End Body tag */




#mainholder {
	width: 1003px;
	margin: auto;
}

#subholder {
	width: 1003px;
	float:left;
}

#header {
	width: 990px;
	margin: 2pt 0px 0px 4pt;	
}

#header .left{
	float: left;
	height: 105px;
	background:url(../images/logo.gif) no-repeat bottom;
	width: 172px;
	padding:2pt 0px 0px 10pt;	
}

#header .right{
	float: right;
	width: 800px;
	padding-top: 44pt;
	
}

/* Banner Area */
#banner {
	float:left;
	width: 980px;
	height: 271px;
	padding: 0pt 0px 0px 10pt;
}

#banner li{
	float:left;
	margin: 0px;
}


#banner li.bannerleft{
	width: 9px;
	height: 268px;
	background:url(../images/banner-left.gif) no-repeat;
}

#banner li.bannerleftcont{
	width: 458px;
	height: 240px;
	background:url(../images/banner-bg.gif) repeat-x;
	padding: 25pt 20pt 0px 12pt;
}

#banner li.rightbanner{
	width: 401px;
	height: 222px;
	background: url(../images/banner-right.gif) no-repeat;
	padding: 38pt 0px 0px 45pt;
}


#banner h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.9em;
	color: #454e79;
	padding:0px;
	font-weight:bold;
	margin: 0px;
}

#banner h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #454e79;
	padding-bottom:12pt;
	font-weight:bold;
	margin: 0px;
}

#banner h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #6f6f6f;
	padding-bottom:0px;
	font-weight:bold;
	margin: 0px;
	font-weight:normal;
}

#banner .weblinks{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #c85853;
	padding:11pt 0px 0px 9pt;
}

#banner .weblinks a{
	color:#59aed4;
	text-decoration: none;
}


#banner .weblinks a:hover{
	text-decoration: underline;
}

/* Banner - Inner page top banner CSS */

#banner-inner{
	float:left;
	width: 980px;
	height: 190px;
	padding: 6pt 0px 0px 10pt;
}

#banner-inner .banner-top{
background:url(../images/banner-top.jpg) no-repeat #C3EAFB;
float:left;
padding:2pt 0px 0px 10pt;
width:954px;
height:170px;
clear:both;
}

#banner-inner .text{
float:left;
padding:2pt 0px 0px 10pt;
width:520px;
}

#banner-inner .text-main{
float:left;
font-family: Arial, Helvetica, sans-serif; font-weight:bold;
padding:5pt 0px 0px 70pt;
width:320px;
font-size: 1.3em;
color: #454e79;
}

#banner-inner .text-main a{
color: #454e79;
}

#banner-inner .text-main a:hover{
color: #454e79;
text-decoration:underline;
}


#banner-inner .text-main span{
text-decoration:underline;
}




#banner-inner .banner-top h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.9em;
	color: #454e79;
	padding:0px;
	font-weight:bold;
	margin: 0px;
}

#banner-inner .banner-top h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #454e79;
	padding-bottom:12pt;
	font-weight:bold;
	margin: 0px;
}

#banner-inner .banner-top h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #6f6f6f;
	padding-bottom:0px;
	font-weight:bold;
	margin: 0px;
	font-weight:normal;
}




#banner-inner .banner-bottom{
background:url(../images/banner-bottom.jpg) no-repeat;
width:956px;
float:left;
padding:4pt 0px 0px 10pt;
 }

/* Home Contact line will start here */
#homecontact {
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	padding:0pt 7pt 0px 7pt;
	width: 970px;
	background-color:#363636;
}

#homecontact li{
	float:left;
	padding:0px 4pt 0px 0px;
}


#homecontact li.cont{
	float:left;
	padding:0px 20pt 0px 8pt;
	color: #c2e9fb;
	font-size: 1.9em;
	text-align:center;
}

#homecontact li.cont a{color:#C2E9FB;}
#homecontact li.cont a:hover{color:#FB8931;}



#homecontact li.contnum{
	float:left;
	padding:0px 0px 0px 8pt;
	color: #c2e9fb;
	font-size: 1.4em;
}

/* main contact Area will start here */

#maincontarea {
	float:left;
	width: 990px;
	padding: 7pt 0px 7pt 0px;
}

#leftcontarea {
	float:left;
	width: 273px;
}

.enquiryform {
	float:left;
	background:url(../images/form-bg.gif) no-repeat;
	width: 258px;
	height: 247px;
	padding-top: 82pt;
	padding-right: 10pt;
}

.enquiryform li{
	float:right;
	margin: 0px;
	padding:0px 0px 9pt 0px;
}

.enquiryform input{
	float:left;
	border: 1px solid #9e9e9c;
	width: 180px;
	height: 24px;
}

.news {
	float:left;
	background:url(../images/news-heading-web-design-company.gif) no-repeat center top;
	padding: 2pt 0pt 0pt 3pt;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#000000;
}

.news p{
	margin: 0px;
	padding: 0px 0px 4pt 0px;
}




/* content rightarea */
#rightcontarea {
	background:url(../images/cont-bottom-img.jpg) no-repeat center bottom;
	float:left;
	width: 695px;
	padding:7pt 0px 17pt 7pt;
}

#rightcontarea p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #454e79;
	margin: 0px;
	padding: 0px 0px 7pt 0px;
}

#rightcontarea .tabcontent {
	float:left;
	width: 695px;
	margin: 0px;
	
}

#rightcontarea .tabcontent p{
background: url(../images/more-img.jpg) no-repeat right;
	
}

#rightcontarea .tabcontent  li{	
	float:left;
	width: 226px;
	margin: 0px;
	padding:0px 4pt 4pt 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color: #454e79;
}

#rightcontarea li p{
	text-align:right;
}

#rightcontarea li a{
	color: #454e79;
	/*background: url(../images/more-img.jpg) no-repeat right; */
	padding-right: 12pt;
	text-decoration:none;
}

#rightcontarea li a:hover{
	text-decoration: underline;
}


#rightcontarea img{	
	border: 2px solid #a1ddf8;
}

/* content rightarea inner page */
#rightcontarea .subcat{
	float:left;
	width:690px; margin-bottom:10px;
	
}


#rightcontarea .subcat-image{
	float:left;
		width:120px;	
		
}

#rightcontarea .subcat-image img:hover{
border-color:#FF9966;
}


#rightcontarea .subcat-txt{
	float:left;
	padding-left:12px;
	float:left;
	width:550px;	
	color: #454e79;
}

#rightcontarea .subcat-txt p{
	text-align:right;
}


#rightcontarea .subcat-txt a{
	color: #454e79;
}

#rightcontarea .subcat-txt a:hover{
	color:#FF9966;
}


#rightcontarea .subcat-txt p a{
	color: #454e79;
	background: url(../images/more-img.jpg) no-repeat right; 
	padding-right: 12pt;
	text-decoration:none;
}

#rightcontarea .subcat-txt a:hover{
	text-decoration: underline;
}
/* Portfolio Divs */

#rightcontarea .portfolio
{
width:213px;
height:233px;
float:left;
color:#454E79;
margin:0 12pt 1pt 0pt;

}

.portfolio .title
{
text-align:center;
color:#FF9900;
font-size:1.3em;
padding: 0 0 8pt 0;
}

.portfolio .desc
{
color:#454E79;
text-align:center;
font-size: 0.9em;
padding: 0 2pt 0 4pt;
}


#rightcontarea .imagep{
width:194px;
height:146px;
margin-bottom:6pt;
margin:0 0 6pt 12pt;
}

#rightcontarea .imagep img{
border:3px solid #C3EAFB; 
float:left;
}

#rightcontarea .imagep img:hover{
border:3px solid #FF9966;
float:left;
}

#rightcontarea .contentp{
width:460px;float:left;
margin-left:15px;

}

#rightcontarea .contentp p{
	text-align:right;
}

#rightcontarea .contentp h3{
line-height:normal;
margin: 0em 0em 0.5em 0em;
font-family:arial; font-size:1.3em;
 }


/* Main bottom Area will start Here */
#bottomarea {
	background: url(../images/footer-back.gif) repeat-x top;
	float:left;
	background-color:#353535;
	width:100%;
 }
 
#bottomsubarea {	
 	margin:auto;
	width: 1003px;
 }
 
.bottomcont {
 	float:left;
	width: 973px;
	padding: 45pt 11pt 15pt 11pt;
	color:#C2E9FB;
	background:url(../images/cont-start.gif) no-repeat center bottom;
 }
 
.bottomcont li{
 	float:left;
	width: 230px;
	padding-right: 8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#C2E9FB;
}

.bottomcont li a{
	color:#C2E9FB;
	text-decoration: none;
}

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

.bottomlink {
	float:left;
	width: 973px;
	padding: 4pt 11pt 5px 11pt;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C2E9FB;
	font-weight: bold;
	
}

.bottomlink h3{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C2E9FB;
	font-weight: normal;
	margin: 0px;
	
}

.bottomlink h3 a{
	padding: 0px 11pt 0px 11pt;
}

.bottomlink a{
	text-decoration: none;
	color:#C2E9FB;
}

.bottomlink a:hover{
	text-decoration: underline;
}

/* top menu will start here */

#topmenu {
	width: 790px;
	float:left;
	margin: 0px;
	padding-left: 6pt;
}

#topmenu li{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #babab9;
	text-align:center;
	height: 43px;
	display:block;
	line-height: 23px;
	margin: 0px 6pt 0px 0px;
}

#topmenu li.about a{
	background:url(../images/about.gif) no-repeat;
	width: 89px;
	height: 43px;
	display:block;
}

#topmenu li.about a:hover{
	background:url(../images/about-h.gif) no-repeat;
	width: 89px;
}

#topmenu li.aboutActive a{
	background:url(../images/about-h.gif) no-repeat;
	width: 89px;
	color: #000000;
	height: 43px;
	display:block;
}


#topmenu li.ourser a{
	background: url(../images/our-ser.gif) no-repeat;
	width: 114px;
	display:block;
	height: 43px;
}

#topmenu li.ourser a:hover{
	background: url(../images/our-ser-ho.gif) no-repeat;
	width: 114px;
}

#topmenu li.ourserActive a{
	background:url(../images/our-ser-ho.gif) no-repeat;
	width: 114px;
	color: #000000;
	height: 43px;
	display:block;
}


#topmenu li.ourwork a{
	background: url(../images/our-work.gif) no-repeat;
	width: 90px;
	display:block;
	height: 43px;
}

#topmenu li.ourwork a:hover{
	background: url(../images/our-work-ho.gif) no-repeat;
	width: 90px;
}

#topmenu li.ourworkActive a{
	background:url(../images/our-work-ho.gif) no-repeat;
	width: 90px;
	color: #000000;
	height: 43px;
	display:block;
}

#topmenu li.webdesign a{
	background: url(../images/web-desig.gif) no-repeat;
	width: 102px;
	display:block;
	height: 43px;
}

#topmenu li.webdesign a:hover{
	background: url(../images/web-desig-ho.gif) no-repeat;
	width: 102px;
}

#topmenu li.webdesignActive a{
	background:url(../images/web-desig-ho.gif) no-repeat;
	width: 102px;
	color: #000000;
	height: 43px;
	display:block;
}

#topmenu li.internet a{
	background: url(../images/internet.gif) no-repeat;
	width: 146px;
	display:block;
	height: 43px;
}

#topmenu li.internet a:hover{
	background: url(../images/internet-ho.gif) no-repeat;
	width: 146px;
}

#topmenu li.internetActive a{
	background:url(../images/internet-ho.gif) no-repeat;
	width: 146px;
	color: #000000;
	height: 43px;
	display:block;
}

#topmenu li.solution a{
	background: url(../images/solution.gif) no-repeat;
	width: 90px;
	display:block;
	height: 43px;
}

#topmenu li.solution a:hover{
	background: url(../images/solution-ho.gif) no-repeat;
	width: 90px;
}

#topmenu li.solutionActive a{
	background:url(../images/solution-ho.gif) no-repeat;
	width: 90px;
	color: #000000;
	height: 43px;
	display:block;
}

#topmenu li.application a{
	background: url(../images/application.gif) no-repeat;
	width: 95px;
	display:block;
	height: 43px;
}

#topmenu li.application a:hover{
	background: url(../images/application-ho.gif) no-repeat;
	width: 95px;
}

#topmenu li.applicationActive a{
	background:url(../images/application-ho.gif) no-repeat;
	width: 95px;
	color: #000000;
	height: 43px;
	display:block;
}

#topmenu li a{
	color: #babab9;
	text-decoration: none;
}

#topmenu li a:hover{
	color:#000000;
}


/* Bottom and top h1 tags*/
.Sizedh1 h1
{
font-size:1em; text-align:center;font-weight: normal;
}

.Sizedh1top h1
{
font-size:1em; text-align:center;font-weight: normal; color:#304654;
}


/* copyright text */
.copyright-font{ font-weight:normal;}
/* Main Image Thumbn Nail*/
.t-image
{
	width: 150px;
	height: 90px;
	float:left;
	margin:0 22px 5px 0;
}
/* category for resources*/

#resource-category {
width: 540px;
float: left;
margin:10px 0px 20px 10px;
background: #FFFFFF;
border: 1px solid #666666;
padding: 0 0 10px 0;
}

#resource-category h2 {
height: 20px;
margin: 5px 0 0 0;
color: #FF9966;
padding: 0 0 0 20px;
font: 14px Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom: 1px solid #666666;
}

#resource-category .categoryarea{
width: 235px;
font: 11px "tahoma";
line-height: 18px;
margin:5px 0px 0px 25px;
}

#resource-category li { color:#3B73BA;list-style-type: square;}

/*Left hand home banner*/
#banner-home { width:260px; height:110px; border: 1px solid #A1DDF8; font-size:13pt; text-align:center; margin-top:20px; }
#banner-home img{ float:left; }