@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}

body{
	background:#000 url(../images/bg.gif) no-repeat center top;
	font-size:12px;
	color:#666;
	font-family:Tahoma,Verdana,Arial;
	font-weight:normal;
  line-height:18px;
	}
 

li{ 
	list-style-position:outside;
	}

.main{
	width:967px;
	margin:auto;
	}

.head{
	padding-bottom:15px;
	}

.logo{	
	float:left;
	width:230px;
	}

.top_link{
	width:625px;
	float:right;
	margin-top:20px;
 	background:url(../images/top_lingbg.png) no-repeat ;
	behavior: url(css/iepngfix.htc);
	padding:5px 20px 10px;
 	}		

.top_link a{ 
	color:#fff; 
 	font-size:10px;
	text-decoration:none;
  	}	

.top_link a:hover{ 
	color:#1fbfc9; 
 	font-size:10px;
	text-decoration:none;
  	}	

.clear{
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	}

.ban_nav{
	background:url(../images/ban_botnav.png) no-repeat;
	behavior: url(css/iepngfix.htc);
	height:32px;	
	width:966px;
	}

.nav_left{
	float:left;
	color:#fff;
	padding:10px 10px 5px 20px;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	}

.nav_left a{
 	color:#fff;
	text-decoration:none;
	}

.nav_left a:hover{
  color:#1fbfc9;  
  text-decoration:none;
  }

.nav_right{
	float:right;
	padding:10px 20px 5px 0px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	}

.nav_right a{
	color:#fff;
	text-decoration:none;
	padding-right:10px;
	font-size:11px;
	}     

.nav_right a:hover {
  color:#1fbfc9;  
  text-decoration:none;
  }

.nav_right span{
	color:#999;
	font-size:11px;
	}	

.cont_area{
	background:#eeede8;
	padding:20px 0px 15px;
 	}

.divider{
	background:url(../images/dot_bg.gif) repeat-x;  
	height:1px;
	font-size:1px;
	line-height:0px;
	}

.cont_tit{
	text-align:left;
	font-family:Tahoma,Verdana,Arial;
	font-size:10px;
	text-transform:uppercase;
	color:#333333;
 	}

.cont_left{
	width:309px;
	float:left;
 	text-align:left;
	padding:5px 0px 3px 40px;
  font-size:18px;
  }

.cont_left b{
  font-family:caption;
  }
  
.cont_cent{
	float:left;
	width:284px;
	text-align:left;
	padding:5px 0px 3px 15px;
  font-size:18px;
  }
  	
.cont_cent b{
  font-family:caption;
 }

.cont_right{
	width:309px;
	float:left;	
	text-align:center;
	padding:5px 0px 3px;
 }

.cont_right b{
  font-family:caption;
  font-size:18px;
  }

.cont_right img{
	margin-top:15px;
	}

.content{
	padding-top:15px;
 	font-size:12px;
	}
.content span{
	color:#660000;
	}
	
a	{ 
	text-decoration:none; 
	color:#660000;
	}
	
a:hover{
	text-decoration:none;
	color:#666666;
	}
	
.profile_tit{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#660000;
	padding:5px 0px;
	text-align:left;
	font-weight:bold;
        margin-left:30px;
	}
	
.profile_cont{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#666666;
	padding:5px 0px;
	text-align:left;
	font-weight:normal;
 	}
 	
.test_tab{
	padding:10px 20px 15px;
	_padding:10px 20px 0px;
	background:#e3e1d8;
	}
	
.tets_bg{
	background:url(../images/test_bg.gif) no-repeat;
	width:270px;
	height:155px;
	padding:15px;
	float:left;
 	}
 	
.tets_bg1{
	background:url(../images/test_bg.gif) no-repeat;
	width:270px;
	height:155px;
	padding:15px;
	float:left;
	margin-left:10px;
 	}
 	
.test_tit{
 	color:#000;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
 	}
 	
.quote{
/*	background:url(../images/quote.gif) no-repeat right top;*/
	}
	
	/*.quote2
	{
	background:url(../images/test_quote1.gif) no-repeat right bottom;
	margin-top:-2px;
	}*/
.test_cont{
	color:#7c785a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding:20px 0px 0px 0px;
	float:left;
	}
	
.test_cont p#authorName{
	color:#666;
	text-align:right;
	margin-top:23px;
 }
 
.test_botcont{
	color:#660000;
	font-weight:bold;
	}
	
.get_quote{
	background:url(../images/test_bg.gif) no-repeat;
	width:270px;
	height:155px;
	padding:15px;
	float:left;
	margin-left:10px;
 	}
 	
.quote_cont{
	color:#7c785a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding:22px 0px 10px 0px; 
	line-height:17px;
	}
	
.quote1{
	background:url(../images/quote_cont.gif) no-repeat right top;
	}
	
.outsource{
	background:url(../images/outsource.gif) no-repeat right top;
	}
	
.services{
	background:url(../images/service_bg.gif) repeat-x;
	height:26px;
	color:#000;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:15px 0px 5px 35px;
	}
	
.service_tit{
	padding-left:10px;
	font-family:"Century Gothic", Arial;
	font-size:15px;
	padding-bottom:5px;
	}
	
.services_tab{
	padding:10px 40px 5px;
	background:#fff;
	}
	
.applications{
	float:left;
	width:288px;
	}
	
.web{
	float:left;
	width:280px;
	padding-left:30px;
	}
	
.training{
	float:left;
	width:260px;
	padding-left:20px;
	}
	
.app_img{
	float:left;
	width:90px;
	padding-left:20px;
	padding-top:25px;
	}
	
.app_cont{
	float:left;
	}
	
.ser_link{
	padding:3px 0px 3px 12px;
	background:url(../images/left_aero.gif) no-repeat left;
	margin-left:10px;
	}
.ser_link a{
	color:#666666;
	text-decoration:none;
 	}
 	
.more{
	color:#660000;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:5px;
	}
	
.footer{
	border-top:5px solid #666666;
	background:#333;
 	}
 	
.footer_tabs{
	padding:10px 40px 6px 35px;
	_padding:10px 40px 0px 35px;
	border-bottom:1px solid #666666;
	}
	
.wired{
	float:left;
	width:212px;
 	background:url(../images/footer_didiver.gif) no-repeat right center;
	height:42px;
	}
	
.wired_tit{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:6px;
	}
	
.wired_tit a{
	color:#fff;
	text-decoration:none;
	}
	
.wired_tit a:hover{
	color:#1fbfc9;  
  text-decoration:none;
	}
	
.sub_tit{
	font-weight:bold;
	}
	
.help_desk{
	float:left;
	width:211px;
	background:url(../images/footer_didiver.gif) no-repeat right center;
	height:42px;
	padding-left:35px;
 	}     
 	
.career{
	float:left;
	width:211px;
	background:url(../images/footer_didiver.gif) no-repeat right center;
	height:42px;
	padding-left:20px;
	}
	
.works{
	float:left;
	width:151px;
 	padding-left:20px;
	}
	
.copy_right{
	padding:20px 25px;
	text-align:center;
	font-weight:bold;
	}
	
/*inner Pages*/

.innercont_tit{
	text-align:left;
	font-family:Tahoma,Verdana,Arial;
	font-size:13px;
	text-transform:uppercase;
	color:#333333;
	}
	
.innercont_subtit{
	text-align:left;
	/*font-family:Tahoma,Verdana,Arial;*/
	font-size:18px;
	text-transform:uppercase;
	color:#333333;
	padding:5px 0px 3px 35px;
  font-family:icon;
	}	

.innercont_subtitright{
	text-align:left;
	font-family:Tahoma,Verdana,Arial;
	font-size:13px;
	text-transform:uppercase;
	color:#333333;
	padding:5px 0px 3px 25px;
	}	
	
.innercont_left{
	width:590px;
	float:left;
 	text-align:left;
	padding:25px 0px 3px 35px;
	font-weight:normal;
 }
 
.innercont_left1{
	width:626px;
	float:left;
 	text-align:left;
 	font-weight:normal;
 	}

.innercont_right1{
	width:340px;
	float:left;	
	text-align:left;
  }

.innercontent{
  text-align:left;
	padding:15px 10px 30px 0px;
	font-weight:normal;
	}
	
.in_cont{
  text-align:left;
	padding:0px 10px 30px 0px;
	font-weight:normal;
	line-height:22px;
  }
  
.in_cont1{
  text-align:left;
	padding:5px 10px 20px 25px;
	font-weight:normal;
	line-height:22px;
  }
  
.in_cont2{
  text-align:left;
	padding:5px 10px 20px 0px;
	font-weight:normal;
	line-height:22px;
  }
  
.innercont_right{
	width:284px;
	float:left;	
	text-align:left;
	padding:5px 0px 3px 25px;
  }
  
.sub_title{
	color:#660000;
	font-weight:bold;
	background:url(../images/dot_bg.gif) repeat-x left bottom;
	padding-bottom:5px;  
 	}
 	
.sub_title1{
	color:#660000;
	font-weight:bold;
	padding-bottom:5px;  
	/*border-bottom:3px solid #000;*/
	float:left;
 }
 
.more_details{
	background:url(../images/more_icons.gif) no-repeat left center;
	padding:5px 0px;
	}
	
.more_details a{
	margin-left:25px;
	color:#333333;
	}
	
.more_details a:hover{
	color:#660000;
	margin-left:25px;
	/*border-bottom:3px solid #660000;*/
 }
 
.inner_testimonial{
	padding-right:35px;
	}
	
.testibg{
	background:#e0ded4;
	padding:20px 0px 20px 30px;
	}
	
.testimonials{
	color:#000;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:8px 0px;
	}
	
.testimonials a{
	color:#000;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:8px 0px;
	}	
	
.testimonials a:hover{
	color:#666;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:8px 0px;
	}
	
.in_divider{
	text-align:center;
	}
 
 /*Services*/
 
.services_tit{
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	padding-left:20px;
	background:url(../images/icons2.gif) no-repeat left center;
 	}
 	
.serv_sub{
	padding-left:8px;
	line-height:20px;
	}
	
.serv_subinn{
	padding-left:25px;
 	}
 	
.sersub_tit{
	font-weight:bold;
 	background:url(../images/web_icons1.gif) no-repeat left center;
	padding:5px 0px 5px 25px;
	}
	
.skill_tit{
	color:#000;
	font-weight:bold;
	}
	
.skill_tit1{
	color:#000;
	font-weight:bold;
	padding-top:0px;
	/*border-bottom:3px solid #000;*/
	float:left;
	} 
   
.portfolio{
	width:900px;
  text-align:left;
	padding:5px 30px 3px 35px;
	font-weight:normal;
  font-size:17px;
	font-family:icon;
  }
	
.portfolioRows{
	width:900px;
	float:left;
	position:relative;
	height:290px;
	background-image:url(../images/v_line.png);
	background-repeat:repeat-y;
	background-position:center;
	}
		
.portfolioItems{
	width:450px;
	float:left;
	position:relative;
	padding-top:34px;
	}
	
.portfolioItemsBorder{
	border:4px solid #666;
	}
	
.portfolioViewMargin{
	margin-top:10px;
	margin-left:56px;
	border:0px;
	}
	
.qitem p{
	padding-left:10px;
	padding-top:10px;
	color:#333333;
	}
  
.qItemParagraphTitle{
	color:#990000;
	font-weight:bold;
	}
	
.portfolioDivider{
	height:1px;
	width:900px;
	float:left;
	position:relative;
	background-image:url(../images/dot_bg.gif);
	background-repeat:repeat-x;
	}

.portfolio table{
	text-align:left;
	}      
	
.portfolio table td{ 
	padding:10px;
	text-align:center;
	} 
	
.current_tit{
	font-weight:bold;
	color:#000;
 	}
 	
.curent_link{
	padding: 20px;
	text-decoration:none;
	}        
	
.curent_link1{
	padding: 20px 20px 20px 0px;
	text-decoration:none;
	} 
	
ul.drop li a{ 
	color:#000 !important;
	}
	
ul.drop li a:hover{
	color:#1fbfc9 !important;
	}
	
.icons{
	padding-left:25px;
	background:url(../images/web_icons.gif) no-repeat left center;
	}
	
.icons1{
	padding-left:15px;
	background:url(../images/icons1.gif) no-repeat left center;
	}
	
.icons2{
	padding-left:15px;
	background:url(../images/icons2.gif) no-repeat left center;
	}

.icons_top{	
	background:url(../images/web_icons.gif) no-repeat top left;
	padding-left:25px;
	}
	
#gallery {
	width:329px;
	height:174px;
	}
	
#gallery  a{
	background-image:url(../images/portfolio_item_bg.png);
	background-repeat:no-repeat;
	width:329px;
	height:174px;
	display:block;
	}
#gallery  a:hover{
	background-image:url(../images/portfolio_item_bg.png);
	background-repeat:no-repeat;
	width:329px;
	height:174px;
	display:block;
	}
#msgrMenu{
	position:relative;
	float:right;
	width:500px;
	margin-top:20px;
	text-align:right;
	padding-right:50px;
	}
	/*#msgrMenu
	{
	position:relative;
	float:right;
	width:500px;
	margin-top:20px;
	text-align:right;
	padding-right:40px;
	}
	#msgrMenu img
	{
	margin-left:15px;
	border:0px;
	}*/
	

	
	/* For Forms */
	
.feedbackform{
  font-family:Tahoma,Verdana,Arial;
  color:#333;
  font-size:12px;
  }

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
  overflow: hidden;
  padding: 5px 0;
  }


div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
  float: left;
   /*width of label (left column)*/
  margin-right: 15px; /*spacing with right column*/
  margin-left: 15px;
  }

div.fieldwrapper label.styledFixed{ /* label elements that should be styled (left column within fieldwrapper DIV) */
  float: left;
   /*width of label (left column)*/
  margin-right: 15px; /*spacing with right column*/
  margin-left: 15px;
  width:100px;
  }

div.fieldwrapper label.styledBold{ /* label elements that should be styled (left column within fieldwrapper DIV) */
  float: left;
  width: 280px; /*width of label (left column)*/
  margin-right: 15px; /*spacing with right column*/
  margin-left: 15px;
  font-weight:bold;
  }

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
  float: left;
  padding-left:15px;
   /* space following the field */
  }

div.fieldwrapper div.theCheckBox{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
  float: left;
  padding-left:15px;
   /* space following the field */
  }
  
div.fieldwrapper div.leftButtton{
  float: left;
  margin:0 0 0 10px;
  }



div.fieldwrapper div.thefield input{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
  border:1px solid #66CCCC;
  padding:4px 0 0 4px;
  font-family:Tahoma,Verdana,Arial;
  font-size:12px;
  color:#006699;
  height:21px;
  background-image:url(../images/textbox_bg.png);
  background-position:bottom;
  background-repeat:repeat-x;
  }

div.fieldwrapper div.theCheckBox input{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
  padding:4px 0 0 4px;
  font-family:Tahoma,Verdana,Arial;
  font-size:12px;
  color:#006699;
  height:21px;
  }

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
  border:1px solid #66CCCC;
  padding:2px 0 0 4px;
  font-family:Tahoma,Verdana,Arial;
  font-size:12px;
  color:#006699;
  background-image:url(../images/textbox_bg.png);
  background-position:bottom;
  background-repeat:repeat-x;
  background-color:#FFFFFF;
  }

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
  float:left;
  position:relative;
  margin-top: 15px; /*space above buttonsdiv*/
  }
div.formButtons{ /*div that wraps around the submit/reset buttons*/
  float:left;
  position:relative;
  padding-top: 10px; /*space above buttonsdiv*/
  width:175px;
  margin:0px;
  }
div.formButtonsLeft{ /*div that wraps around the submit/reset buttons*/
  float:left;
  position:relative;
  padding-top: 10px; /*space above buttonsdiv*/
  width:175px;
  text-align:left;
  margin:0px;
  }
.feedbackform p .bold{
  font-family:Tahoma,Verdana,Arial;
  font-size:12px;
  color:#333;
  font-weight:bold;
  padding:15px 0 0 0;
  }
div.fieldwrapper p{
  font-family:Tahoma,Verdana,Arial;
  font-size:12px;
  color:#333;
  padding:0 0 15px 0;
  }

div.fieldwrapper ul{
  margin:0;  
  padding:0; 
  list-style:none; 
  font-family:Tahoma,Verdana,Arial; 
  font-size:12px; 
  font-weight:bold;
  }
  
div.fieldwrapper li {margin:0 0 15px 0; }
div.fieldwrapper li p{padding:0 0 0 22px; margin:0; font-weight:normal;}
/*
div.buttonsdiv input{  style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. 
width: 80px;
background: #e1dfe0;
}
*/
.list{
  border:1px solid #66CCCC;
  padding:4px 0 0 4px;
  font-family:Tahoma,Verdana,Arial;
  font-size:12px;
  color:#006699;
  height:21px;
  background-image:url(../images/textbox_bg.png);
  background-position:bottom;
  background-repeat:repeat-x;
  }

.formDivider{
	background:url(../images/dot_bg.gif) repeat-x center;
	height:30px;
	font-size:1px;
	line-height:0px;
	}
	
.formTitle{
	color:#000;
	font-weight:bold;
	border-bottom:3px solid #000;
	}
	
.formTitleDiv{
	padding-bottom:10px;
	}
	
.star{
	color:#FF3300;
	}  
	
#blog_images a{
color:red;
}

#blog_images a:hover{
background-image: url(../images/blog-hover.jpg);
}
  
#blog_image{
   height:30px;
   margin-top:-31px;
   padding:0 0 0 835px;
  }

#blog_image a{
  outline:none;
  border:none;
  color:#FEFEFE;
  }
  
a,img {
  outline:none;
  border:none;
  }

.web_design {
	float:left;
	width:212px; 	
	height:42px;
  }
	
.web_development{
	float:left;
	width:211px;  	
	height:42px;
	padding-left:35px;
  }
    
.seo_sem_services{
	float:left;
	width:211px;
	height:42px;
	padding-left:20px;
	}
 
.graphics_design{
	float:left;
	width:151px;
 	padding-left:20px;
	}
	
.footer_sub_title{
  font-size:10px;  
  }

.footer_sub_title a {
   color:#fff;
  }

.footer_sub_title a:hover{
   color:#1fbfc9;
  }
  
.list{
  border:1px solid #66CCCC;
  padding:4px 0 0 4px;
  font-family:Tahoma,Verdana,Arial;
  font-size:12px;
  color:#006699;
  height:21px;
  background-image:url(../images/textbox_bg.png);
  background-position:bottom;
  background-repeat:repeat-x;
  }

.formDivider{
	background:url(../images/dot_bg.gif) repeat-x center;
	height:30px;
	font-size:1px;
	line-height:0px;
	}
	
.formTitle{
	color:#000;
	font-weight:bold;
	border-bottom:3px solid #000;
	}
	
.formTitleDiv{
	padding-bottom:10px;
	}
	
.star{
	color:#FF3300;
	}
	
.divSuccess{
  background-image:url(../images/success_bg.png);
  background-repeat:repeat-x;
  height:67px;
  padding-left:15px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#660000;
  font-weight:bold;
  border:1px solid #DDD;
  margin-bottom:100px;
  }

.divSuccess img{
  margin-right:20px;
  }

#bookMark{
  float:right;
  width:150px;
  text-align:left;
  }

#quoteLeftImg {
  background:url(../images/test_quote.gif) no-repeat top left;
  padding-right:36px;
  padding-top:18px;
  }

#quoteRightImg {
  background:url(../images/test_quote1.gif) no-repeat bottom left;
  padding-right:36px;
  padding-bottom:20px;
  margin-top:10px 
  }

.clockDiv{
	width:120px;
  height:100px;
  position:relative;
  left:100px;
  top:31px;
	margin-right:30px;
  }
#livezilla{
margin-right:15px;
}
