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

*{margin:0px;padding:0px;border:0px;}
body{background:url(../images/bg.jpg) no-repeat center top;margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e; }
.clear{clear:both;}
a{text-decoration:none;}		
#main{width:956px;height:auto;background:url(../images/main_bg.png) repeat-y;margin:0px auto;margin-top:42px;margin-bottom:15px;border-bottom:1px solid #c9d9df;}
#header{width:954px;height:108px;margin:0px;padding:0px;float:left;}
.logo{float:left; margin-top:30px; padding-left:29px;}
.logo a{background:url(../images/logo.png) no-repeat scroll 0 0;display:block;height:45px;margin:0px;text-indent:-10000px;width:217px;}

/*top navigation*/

#menu_wrapper{background:url(../images/top_navi_bg.png) no-repeat; width:615px; height:33px; float:right; margin:14px 15px 0px 0px; padding:0;}
#menu_wrapper ul{list-style:none; margin:0; padding:0;}
#menu_wrapper li{ float:left;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding-top:0px; height:29px;}
#menu_wrapper li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:normal; height:33px;  padding:6px 14px 0px 22px; display:block; margin:0; border-bottom:none; }
#menu_wrapper li a:hover{font-family:Arial, Helvetica, sans-serif;padding:6px 14px 0px 22px; font-size:12px; color:#fff; font-weight:normal; display:block;  height:33px; background:url(../images/hover.jpg) repeat-x;}
#menu_wrapper li .active{font-family:Arial, Helvetica, sans-serif;padding:6px 14px 0px 22px; font-size:12px; color:#333333; font-weight:normal; display:block;  height:33px; background:url(../images/hover.jpg) repeat-x;}



#menu_wrapper  .home a{ padding:6px 0 0 14px; display:block; color:#fff;   width:58px; height:29px; }
#menu_wrapper  .home a:hover{ padding:6px 0 0px 14px; color:#fff; height:29px;background:url(../images/hover_yellowL.png) no-repeat;}
#menu_wrapper  .home .current{ padding:6px 0 0px 14px; color:#333333; height:29px;background:url(../images/hover_yellowL.png) no-repeat;}


#menu_wrapper  .contact a{padding:6px 0 0 14px; display:block; color:#fff;   width:85px; height:29px; float:right;}
#menu_wrapper  .contact a:hover{padding:6px 0 0px 14px; color:#fff; height:29px;background:url(../images/hover_yellow_r.png) no-repeat;}
#menu_wrapper  .contact .current{padding:6px 0 0px 14px; color:#333333;height:29px;background:url(../images/hover_yellow_r.png) no-repeat;}

/*contact */
.contact_no{
	float:right;
	margin-right:20px;
	margin-top:5px;
	}

/*banner*/

#banner{width:954px; height:216px; border-top:2px solid #3e3e3e; border-bottom:2px solid #3e3e3e;} 
.content{width:874px; height:auto; float:left;}
.prev_btn{width:39px; height:74px; float:left; margin-top:125px;}
.next_btn{width:39px; height:74px; float:right; margin-top:125px;}
.banner_img{width:262px; height:189px; float:left; margin:16px 0px 16px 2px;}
.banner_Txt{width:575px; height:189px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#888888; font-weight:normal; margin:16px 0px 0px 0px; padding:15px 0px 0px 15px;}

/*mdl content*/
#mdl_content{width:925px; height:auto; margin:0px auto; text-align:left;}
#mdl_left_content{width:642px; height:auto; float:left; padding-top:15px; padding-right:10px; border-right:1px solid #a1a1a1;}
h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; font-weight:bold; color:#000000;}
.blue{color:#0281ab;}
.para{margin-top:10px; margin-bottom:10px; line-height:20px;}
.box1{width:315px; height:200px; float:left; background:url(../images/web_bg.jpg) no-repeat #ffffff;}
h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; color:#000; line-height:75px; padding-left:90px;}
.para ul{}
.para ul li{list-style:disc; margin-left:10px;}



/*services box*/
#services_box{width:642px; height:289px; float:left; background:url(../images/services_bg.jpg) no-repeat; margin-top:10px; padding:15px 0px;}
.services_txt{width:623px; height:auto; margin:0px auto;}

.services_right{width:302px; height:auto; float:right; margin-top:10px;}
.special_offers{width:282px; height:121px; margin-bottom:10px; float:left; margin-left:10px;}
.arial_18{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; font-weight:normal; padding-left:40px;}

.services_left{width:295px; height:auto; float:left; border-right:1px dotted #3e3e3e; margin-top:10px; padding-left:25px;}
.services_left ul{ list-style:none; display:block;}
.services_left ul li{display:block; padding:5px 0px 5px 15px; background:url(../images/arrow_services.jpg) no-repeat left;}
.services_left ul li a{color:#000; text-decoration:none;}
.services_left ul li a:hover{color:#489b10; text-decoration:underline;}


/*home page boxes*/
.box-content1{width:157px; height:auto; float:left;}
.box-content1 ul{ list-style:none; display:block;}
.box-content1 ul li{display:block; padding:10px 0px 10px 10px; background:url(../images/arrow.png) left no-repeat;}
.box-content1 ul li a{color:#000; text-decoration:none;}
.box-content1 ul li a:hover{color:#489b10; text-decoration:underline;}

.box-content2{width:157px; height:auto; float:right;}
.box-content2 ul{ list-style:none; display:block;}
.box-content2 ul li{display:block; padding:10px 0px 10px 10px; background:url(../images/arrow.png) left no-repeat;}
.box-content2 ul li a{color:#000; text-decoration:none;}
.box-content2 ul li a:hover{color:#489b10; text-decoration:underline;}

.box-content3{width:288px; height:auto; float:left; padding-left:10px; line-height:18px;}
.read_more{width:100px; float:right; color:#ee551b;}
.read_more a{width:100px; float:right; color:#ee551b;}
.read_more a:hover{width:100px; float:right; color:#ee551b; text-decoration:underline;}

.box2{width:315px; height:200px; float:right; background:url(../images/web_development_bg.jpg) no-repeat #ffffff;}
.box3{width:315px; height:200px; float:left; background:url(../images/graphic_bg.jpg) no-repeat #ffffff;}
.box4{width:315px; height:200px; float:right; background:url(../images/seo_bg.jpg) no-repeat #ffffff;}

#mdl_right_content{width:252px; height:auto; float:right; padding:15px 5px 0px 10px;}
.recent_project{width:252px;  height:auto; float:left;}
.recent_img1{width:67px; height:72px; float:left;}
h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; color:#000; line-height:57px; padding-left:70px;}
.add_1{width:249px; height:191px; float:left; margin:18px 0px 18px 0px;}
.call_now{width:249px; height:94px; margin-bottom:18px; float:left; background:url(../images/callus_bg.jpg) no-repeat; padding-top:25px;}
.call_txt{font-family:Georgia, "Times New Roman", Times, serif; font-size:34px; font-weight:bold; color:#ffffff; padding-left:20px;}
.call_number{font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; font-weight:bold; color:#ffffff; padding-left:20px;}

#quick_form{width:249px; height:auto;  border-bottom:1px dotted #3e3e3e; float:left; padding:5px 0px 10px 0px;}
.quick_contact_img{width:75px; height:64px; float:right; margin-right:25px;}
h4{font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; color:#000; line-height:57px;}
.quick_text{width:76px; float:left;}
.quick_field
{
	width:146px;
	height:18px;
	border:solid 1px #d1d1d1;
	background-color:#fff;
	color:#3e3e3e;
}
.quick_div_field{width:170px; float:right; margin-bottom:10px;}
.quick_field-multi
{
   
	border:solid 1px #d1d1d1;
	background-color:#fff;
	color:#3e3e3e;
	text-align:left;
}

.quick_button{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3e3e3e; width:118px; float:right; margin-left:15px; font-weight:normal; height:27px; padding:0px 20px 10px 20px;}
.quick_button a{text-decoration:none; color:#011a20;}	


.testimonials{width:248px; height:auto; float:left; margin-top:10px; margin-bottom:10px;}
.testimonials_img{width:97px; height:90px; float:right; margin-right:0px;}
.testimonial_text{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#be3303; font-weight:normal; font-style:italic;}

/*footer starts*/
.special_offer{width:248px; height:auto; float:left; margin-top:10px; margin-bottom:10px;}
/*footer end*/


/*footer starts*/
.video_page{width:640px; height:auto; float:left; border-top:1px solid #c8c7c7; padding:10px 0px;}
.video_1{width:300px; height:auto; float:left; text-align:left; vertical-align:top}
.mleft{margin-left:10px;}


#footer{
	width:922px;
	height:auto;
	float:left;
	text-align:center;
	font-size:11px; 
	border-top:1px solid #c8c7c7;
	}		

.footer_navi{
	width:670px;
	margin:0px auto;
	padding:10px;
	}		
	
.footer_navi ul{
	list-style:none;
	}
	
.footer_navi ul li{
	list-style:none;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	}
	
.footer_navi ul li a{
	text-decoration:none;
	color:#000000;
	padding-right:10px;
	padding-left:10px;
	}	
.footer_navi ul li a:hover{
	text-decoration:underline;
	color:#0281ab;
	}		
	
	.footer_navi ul li .current{
	text-decoration:underline;
	color:#0281ab;
	}								

/* service provided*/
.service_provide{
	width:642px;
	background:url(../images/service_box_bg.jpg) top left repeat-x;
	margin-bottom:15px;
	}
.service_provide_heading{
	height:51px;
	color:#010101;
	font-size:14px;
	}
.service_provide1{
float:left;
	width:70px;
	float:left;
	color:#010101;
	font-size:12px;
	padding-top:14px;
	padding-left:10px;
	height:35px;
	font-weight:bold;
	}
	.service_provide2{
float:left;
	width:100px;
	float:left;
	color:#010101;
	font-size:12px;
	padding-top:14px;
	padding-left:10px;
	height:35px;
	font-weight:bold;
	}
	.service_provide3{
float:left;
	width:80px;
	float:left;
	color:#010101;
	font-size:12px;
	padding-top:14px;
	padding-left:10px;
	height:35px;
	font-weight:bold;
	}
.service_provide_img{float:left;
width:60px; height:45px; padding-top:3px;
}
.service_provide_img1{float:left;
width:39px; height:45px; padding-top:3px;
}
	
	.service_provide_img2{float:left;
width:51px; height:38px; padding-top:10px; padding-right:10px;
}
	.service_provide_img3{float:left;
width:66px; height:40px;  margin-left:10px;
}
.service_provide_content{
	margin-top:20px;
	width:150px;
	float:left;
	margin-right:10px;
	
	}
.service_provide_content p{
	line-height:1.5em;
	}
.service_provide_content  ul{margin-left:7px;}
.service_provide_content li{display:block; padding:0px 0px 10px 10px; background:url(../images/arrow.png) left 5px no-repeat;}
.service_provide_content li a{color:#3e3e3e; text-decoration:none; font-size:12px}
.service_provide_content li a:hover{color:#489b10; text-decoration:underline;}

/* recent Projects*/

#recent{
	width:922px;	
	position:relative;
	margin:10px 0px;
	}	
#recent h2{
	padding-left:0px;
	}
	
	
/*recent slider*/

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 918px;
    margin: 0 auto;
    position: relative;
	background:url(../images/recent_bg.jpg) no-repeat;
}

.scroll {
	overflow: hidden;
	width: 836px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 290px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	height:290px;
	
}

.inside img {
	display: block;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #0281ab;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6em;
}

.inside p {
	font-size: 11px;
	color: #3e3e3e;
}

/*a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

a:hover {
	border-bottom: 1px solid #999;
}*/

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -5px;
}

.scrollButtons.right {
    right: -9px;
}

.hide {
    display: none;
}


/*inner page css starts*/
.green{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#587c00; font-weight:bold;}
.inner_box_1{width:642px; height:auto; float:left; line-height:16px; margin-top:5px; margin-bottom:5px;}
.inner_heading_defining{width:400px; height:34px; background:url(../images/defining_icon.png) left no-repeat; font:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055; line-height:34px; padding-left:60px;}
.inner_heading_wireframe{width:400px; height:59px; background:url(../images/wireframe.png) left no-repeat; font:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055; line-height:59px; padding-left:60px;}
.inner_heading_design{width:400px; height:61px; background:url(../images/web_icon.png) left no-repeat; font:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055; line-height:61px; padding-left:60px;}
.inner_heading_coding{width:400px; height:40px; background:url(../images/development_icon.png) left no-repeat; font:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055; line-height:40px; padding-left:60px;}
.inner_heading_seo{width:400px; height:37px; background:url(../images/sco_icon.png) left no-repeat; font:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055; line-height:37px; padding-left:60px;}
.inner_heading_flash{width:400px; height:59px; background:url(../images/flash_icon.png) left no-repeat; font:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055; line-height:59px; padding-left:60px;}
.inner_heading_ecommerce{width:400px; height:59px; background:url(../images/ecommerce_icon.png) left no-repeat; font:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055; line-height:59px; padding-left:60px;}
.inner_heading_branding{width:400px; height:59px; background:url(../images/online_branding.png) left no-repeat; font:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055; line-height:59px; padding-left:60px;}
.inner_heading_websoftware{width:400px; height:59px; background:url(../images/web_software.png) left no-repeat; font:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055; line-height:59px; padding-left:60px;}

.inner_para{margin-top:10px; margin-bottom:10px; line-height:20px; width:642px; float:left;}


/*inner page portfolio*/
.portfolio_div_left{width:300px; height:auto; float:left; }
.portfolio_div_heading{width:300px; height:auto; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#bc4055;}
.portfolio_img{width:300px; height:280px; margin-top:10px; float:left;}
.portfolio_div_right{width:300px; height:auto; float:right; }


/*services navi */
.services_navi{width:250px; height:auto; float:left; padding-top:3px; margin-top:10px;}
.services_navi{width:250px; height:auto; float:left;}
.services_navi ul{list-style:none; display:block;}
.services_navi ul li{display:block; padding:0px 0px 11px 16px; background:url(../images/yello_bulet.png) no-repeat 0px 3px;}
/*services navi */

/*contact us*/
.portfolio_div_address{width:300px; height:auto; float:left; margin-bottom:5px;}

.context_text{
   width:642px;
   float:left;
  }
 .context_text_1{
   width:650px;
   float:left;
  }
.cont_icon_div{
  width:109px;
  float:left;
 }  
.yello_bulret{
  width:10px;} 
 
 .grey30{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:30px;
   color:#555353;
   margin-top:15px;
   margin-bottom:15px;
   }
.contact_div{margin-top:10px; margin-bottom:10px;} 
   
   
 /*form css*/ 
.textbox{
  width:555px;
  border:1px solid #949292;
  height:24px;
  padding-top:5px;
  padding-left:5px;
 }
 .textbox1{
  width:555px;
  border:1px solid #949292;
  height:162px;
  padding-top:5px;
  padding-left:5px;
 }
   
 /*form css*/  
  
/*other css*/  
.mtop{margin-top:10px;}  
  
  
 /*thanks page css*/
.box_head_new{border-bottom:1px solid #cccccc; background:#1E3C08; color:#fff; padding-left:10px; font-size:20px; height:26px;}
.border_table{ border:1px solid #cccccc;}
.border_table p{ padding-left:10px; padding-top:10px;}
.border_table h1{ color:#1E3C08; font-size:16px; font-weight:bold; padding-left:10px;}
.mdl_container_thanks{width:490px; height:auto; float:left;}
#mdl_left_thanks{width:642px; height:auto; padding-top:15px; padding-right:10px; margin:0px auto; margin-bottom:20px;}

.heading{width:642px; height:auto; float:left; margin:auto;}
.image{width:auto; height:150px; margin:auto; float:left;}

.all{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF0000; margin-bottom:10px;}
.read {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000; margin-right:30px;}
.line{width:2px; height:35px;  float:left; padding:5px 5px 5px 5px;}
.read_more1 { margin-top:20px;}
.read_more2 { margin-top:60px;}