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

a{ text-decoration:none;}
ul,li,ol{list-style:none}

body {margin:0 auto; padding:0;}

@font-face {
      font-family: "Merienda";
	  src:url(../Merienda-Regular.ttf);
    }
	

@font-face {
      font-family: "Roboto";
	  src:url(../fonts/Roboto-Medium.ttf);
    }


@font-face {
      font-family: "Roboto-Black";
	  src:url(../fonts/Roboto-Black.ttf);
    }

#container1 {	width:1350px;
				height:120px;
				position: fixed; 
				z-index:1000; 
				padding:0;
				margin:0 auto;
				background-color:#fff;}


#top {width:100%;
		min-width:1000px;
		 height:6px;
		 background-color:#3C3C3C;
		 background-repeat:repeat-x;}
		 
		 
#top1 {width:530px;
		height:15px;
		text-align:center;
		float:right;
		}


#menu {float:left;
		width:250px;
		height:80px;
			text-align:center;
			padding:0;
			margin:0 0 0 60px;
			background-color:#FFFFFF; 
			z-index:1000;}
			

			
#menu1{ float:right;
		width:620px;
		height:80px;
		margin:0 30px 0 0;
		padding:0 0 0 0;}
		
		

			
					
#menu11 {	width:285px;
			height:30px;
			float:right;
			padding:0 20px 0 0; 
			margin:10px 80px 0 0;
			font-size:100%;}

#menu11 a {color:#CC0000; font-size:100%;}


 
#con1 { float:left;
		width:200px;
		height:30px;
		bottom:23px;
		right:-25px;
		position:relative;
		color:#000000;
	font-size:15px;
	font-weight:bold;}

#con1 ul {width:300px; 
			height:50px; 
			margin:13px 0 0 -35px;
			font-size:16px;
			font-weight:normal;
			letter-spacing:0.5px;
			font-family:"Roboto"; 
			padding:15px 0 0 30px;}

#con1 img { margin:0; 
			float:left;
			}

#con1 ul li{font-weight:normal;
			float:left;
			padding:0 5px 0 0;}
			
			
#con1 ul li p {float:right;
				margin:-2px;
				font-size:19px;
				letter-spacing:0;
				padding:0;}			
			
#menu12 {width:700px;
			float:right; 
			height:30px;
			margin:0 47px 0 0;
			}
			
#menu12 ul{ padding:0; 
			margin:26px 20px 0 0;

			
			}
			
#menu12 ul li {float:right;
margin:0;
padding:0;}

#menu12 img {margin:2px 0 6px 10px;
			float:right;
			padding:0;
			position:relative;
			bottom:5px;}
			
			
#menu12 ul li a {
				font:14px/25px "Roboto";
				color:#5A6063;
			margin:0 7px 0 12px;
			padding:2px;
		
			}


#menu12 li a:hover {transition: all 0.4s;
					color:#0078AE;
					font:14px/25px "Roboto-Black";
					}



#border { max-width:1320px;
			height:30px;			
			width:100%;
			margin:14px 0 0 0;
			background-repeat:no-repeat;
			background-image: url(../images/top_shadow.png);						
			float:left;}
		
			
#hidden {width:100%;
height:120px;}

#small {width:100%; 
			height:10px;}


#below {width:100%; 
		
		height:100%;
		}



/* below1 start */


			
			

				

#body {width:1200px;
		height:180px; 
		 font-size:14px;
		 line-height:24px;
		 padding:0;
		 margin:0 auto; 
		}


#body1 {width:1200px;
		height:180px;
		float:left;
		margin:0;
		padding:0;
		}


#body1 h1{font-size:20px; 
				color:#ffffff;
				text-align:left; 
				margin:15px 10px 5px 0;
				padding:7px 8px 8px 8px;
				background-image:url(../images/h-bg.png);
				background-repeat:no-repeat;
				z-index:1;
				font-family:Arial,Helvetica,sans-serif;
				text-shadow:2px 2px 2px #068D00;				
				}
				

#body1 p span a{color:#66CC33;}

#body1 p span:hover a {color:#003300;}

#body p {color:#666666;
		text-align:justify;
		font-size:14px;
		word-spacing:1px;
		letter-spacing:0.5px;
		text-indent:3em;
		padding:10px;}

/*below1 end*/


@font-face{font-family:"Dosis";
			src:url(../Dosis-SemiBold.ttf);
			}

@font-face{font-family:"AR CENA";
			src:url(../ARCENA.ttf);
			}			
				
				
				@font-face{font-family:"Nyala";
				src:url(../nyala.ttf);
				}	

@font-face{font-family:"Fjalla one";
				src:url(../FjallaOne-Regular.otf);
				}

@font-face{font-family:"gausshauss";
			src:url(../gausshauss_bold.ttf);
			}

/* below2 start */


#below2 {
			width:1200px; 
			height:390px;
			text-align:center; 
			padding:0;
			margin:0 auto;
			
			
			 }
			
			
#below2 h2{color:#000000; 
			font-size:23px;
			text-align:left;
			font-weight:normal;
			text-transform:uppercase; 
			font-family:"gausshauss";
			padding:20px 0 0 0;
			margin:0 10px 0 0;
			border-bottom:1px dotted #999999;
			}



#below21,#below31,#below41,#below51{ float:left;
		width:290px;
		padding:0 0 0 0; 
		margin:10px 0 0 0; 
		height:300px;
		text-align:left;}
		
		
		
#below21 ul li,#below31 ul li,#below41 ul li,#below51 ul li {border-bottom:1px dotted #999999;
				padding:0 0 10px 15px;
				margin:0 50px 0 0;
				}
				
				
		
#below21 ul li a,#below31 ul li a,#below41 ul li a,#below51 ul li a{
				color:#0066cc;
				font-size:15px;
				}
	
	
	
#below21 ul li a:hover,#below31 ul li a:hover,#below41 ul li a:hover,#below51 ul li a:hover{color:#666666;}

				
#below21 img,#below31 img,#below41 img,#below51 img { position:relative; top:5px; right:10px;}



#below22,#below23,#below24 { float:left;
										width:300px;
										padding:0 0 0 0; 
										margin:10px 0 0 0; 
										height:320px;
										text-align: center;}



#below22 h3,#below23 h3,#below24 h3  {color:#0033cc;
										font-size:22px;
										max-width:100%;
										padding:0 0 20px 0;}



#below22 h3 a ,#below23 h3 a,#below24 h3 a{ 
										font-size:22px; 
										line-height:25px;
										color: rgb(4, 108, 184);										
										font-family: "gausshauss";
										font-weight:normal; 
										padding:0 0 10px 0;}



#below22 h3 a:hover,#below23 h3 a:hover,#below24 h3 a:hover{color:#006600;}







#below22 p,#below24 p,#below23 p{color:#666666; 
									font-size:14px;
									 
									font-family:Estrangelo Edessa; 
									text-align: justify; 								
									padding:20px 15px 20px 15px; }

#below2 p a,#below3 p a,#below4 p a,#below5 p a {color:#009900;}

#below2 p a:hover,#below3 p a:hover,#below4 p a:hover,#below5 p a:hover{color:#000000;}

/*below2 end*/



/* below3 start */


#below3 {width:1200px;
			height:390px;
			text-align:center; 
			padding:0;
			margin:0 auto;
			
			
			 }



#below32,#below33,#below34 { float:left;
										width:300px; 
										padding:0 0 0 0; 
										margin:10px 0 0 0; 
										height:320px;
										
										text-align: center;}





#below3 h2 { text-align: left; 
			padding:20px 0 0 0;
			margin:0 10px 0 0;
			border-bottom:1px dotted #999999;}
			
			
#below3 h2{color:#000000; 
			font-size:23px;
			font-weight:normal;
			text-transform:uppercase; 
			font-family:"gausshauss";}



#below32 h3,#below33 h3,#below34 h3  {color:#0033cc; 
										font-size:22px; 
										padding:0 0 20px 0;}



#below32 h3 a ,#below33 h3 a,#below34 h3 a{ 
										font-size:22px; 
										text-shadow: 1px 1px 0px white;
										line-height:25px;
										color: rgb(4, 108, 184);										
										font-family: "gausshauss";
										font-weight:normal; 
										padding:0 0 10px 0;}



#below32 h3 a:hover,#below33 h3 a:hover,#below34 h3 a:hover{color:#006600;}


#below32 p,#below34 p,#below33 p{color: #666666; 
									font-size:14px;
									 
									font-family:Estrangelo Edessa; 
									text-align: justify; 								
									padding:20px 15px 20px 15px; }



/*below3 end*/




/* below4 start */


#below4 {width:1200px;
 
			height:400px;

			text-align:center; 
			padding:0;
			margin:0 auto;
			
			
			 }



#below42,#below43,#below44 { float:left;
										width:300px; 
										padding:0 0 0 0; 
										margin:10px 0 0 0; 
										height:300px;
										
										text-align: center;}





#below4 h2 { text-align: left; 
			padding:20px 0 0 0;
			margin:0 10px 0 0;
			border-bottom:1px dotted #999999;}
			
			
#below4 h2{color:#000000;  
			font-size:23px;
			font-weight:normal;
			text-transform:uppercase; 
			font-family:"gausshauss";}



#below42 h3,#below43 h3,#below44 h3  {color:#0033cc; 
										font-size:22px; 
										padding:0 0 20px 0;}



#below42 h3 a ,#below43 h3 a,#below44 h3 a{ 
										font-size:22px; 
										text-shadow: 1px 1px 0px white;
										line-height:25px;
										color: rgb(4, 108, 184);										
										font-family: "gausshauss";
										font-weight:normal; 
										padding:0 0 10px 0;}



#below42 h3 a:hover,#below43 h3 a:hover,#below44 h3 a:hover{color:#006600;}


#below42 p,#below44 p,#below43 p{color:#666666; 
									font-size:14px;
									 
									font-family:Estrangelo Edessa; 
									text-align: justify; 								
									padding:20px 15px 20px 15px; }


/* below4 end*/




/* below5 start */



#below5 {width:1200px;
			height:390px;
			text-align:center; 
			padding:0;
			border-bottom:1px dashed #cccccc;
			margin:0 auto;
			
			
			 }



#below52,#below53,#below54 { float:left;
										width:300px; 
										padding:0 0 0 0; 
										margin:10px 0 0 0; 
										height:300px;
										
										text-align: center;}





#below5 h2 { text-align: left; 
			padding:0 0 0 0;
			margin:0 10px 0 0;
			border-bottom:1px dotted #999999;}
			
			
#below5 h2{color:#000000;  
			font-size:23px;
			font-weight:normal;
			text-transform:uppercase; 
			font-family:"gausshauss";}



#below52 h3,#below53 h3,#below54 h3  {color:#0033cc; 
										font-size:22px; 
										padding:0 0 20px 0;}



#below52 h3 a ,#below53 h3 a,#below54 h3 a{ 
										font-size:22px; 
										text-shadow: 1px 1px 0px white;
										line-height:25px;
										color: rgb(4, 108, 184);										
										font-family: "gausshauss";
										font-weight:normal; 
										padding:0 0 10px 0;}



#below52 h3 a:hover,#below53 h3 a:hover,#below54 h3 a:hover{color:#006600;}


#below52 p,#below54 p,#below53 p{color:#666666; 
									font-size:14px;													 
									font-family:Estrangelo Edessa; 
									text-align: justify; 								
									padding:20px 15px 20px 15px; }



/* below5 end*/

@font-face {
font-family:"Asap";
src:url(../fonts/Asap-Regular.otf);
}


/* client start */


			
#client {width:1200px;
		height:240px;
		margin:0 auto;
		}			
			

#bb1 {width:659px;
			height:150px;
			float:left;
			margin:10px 0 0 0;
			border:1px solid #cccccc;
			border-right:none;
			}


#b1 {float:left;
		width:519px;
		height:160px;
		margin:0 30px 0 0;
		padding:0;
		}



#b2 {float:left;
		width:515px;
		height:177px;
		margin:0 0 0 110px;
		padding:0;
		}

#bb2 {width:515px;
			height:150px;
			float:left;
			border-left:none;
			margin:26px 0 0 0;
			border-top:1px solid #cccccc;
			border-bottom:1px solid #cccccc;
			border-right:1px solid #cccccc;}


/* client end */



/*Recent Works start*/


#work{width:1200px;
		height:320px;
		margin:0 auto;
		}

#work h2{margin:0 0 10px 0; 
			font-family:Asap; 
			font-weight:bold; 
			display:block;
			font-size:17px;}

#work p a{float:right;
			color:#009900;
			margin:10px 20px 0 0;
			padding:0;
			}


#work p a:hover{color:#000000;
				transition:0.3s all;
				}

#work1 {width:1165px;
		height:215px;
		padding:10px;
		border:1px solid #cccccc;
		
		}

#work img{padding:0;}

.search img{position:absolute;
						opacity:1;
						border:10px solid rgb(51,51,51);
						padding:10px;
						margin:0;
						bottom:0;
						width:250px;
						height:190px;
						}
						
.search {position:absolute;}

#work1 a img:hover{opacity:0.2;
					transition:0.3s;}

/* Recent Works End*/

/* footer start **/


#footer {
		width:100%;
		height:300px;
		box-shadow:2px 0 10px #cccccc inset;
		font-family:Arial,Helvetica,sans-serif;
		background-color:#E7E7E7;
			padding:0;}


#footer1 {width:1140px;
			height:250px;
			margin:0 auto;
			padding:0;
			}

#connect {width:300px;
			height:200px;
			float:left;}

#connect h2  {color: #292929;
    font: 13px/24px Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin: 11px 0px;
}


.socialIcons {
    float: left;
    width: 100%;
    margin: 0px 0px 30px;
}



.socialIcons a {
    float: left;
    margin: 0px;
    width: 46px;
    height: 46px;
    background: url('../images/socialicons_bg.png') no-repeat scroll 0% 0% transparent;
}


#connect h2  {color: #292929;
    font: 13px/24px Arial,Helvetica,sans-serif;
	font-weight:bold;
}


.socialIcons a span {
    float: left;
    width: 27px;
    height: 27px;
    margin: 6px 0px 0px 7px;
    overflow: hidden;
    text-decoration: none;
    border-radius: 50%;
    transition: #000 0.2s linear 0s;
}



.socialIcons a span {
    float: left;
    width: 27px;
    height: 27px;
    margin: 6px 0px 0px 7px;
    overflow: hidden;
    text-decoration: none;
    border-radius: 50%;
    transition: #000 0.2s linear 0s;
}

  



.facebook {
    background: url('../images/social_icons.png') repeat-y scroll 0px 0px transparent;
}

.twitter {
    background: url('../images/social_icons.png') repeat-y scroll -27px 0px transparent;
}

.youtube {
    background: url('../images/social_icons.png') repeat-y scroll -54px 0px transparent;
}

.in {
    background: url('../images/social_icons.png') repeat-y scroll -81px 0px transparent;
}

.google {
    background: url('../images/social_icons.png') repeat-y scroll -108px 0px transparent;
}

.socialIcons a:hover .facebook {
    background: url('../images/social_icons.png') repeat-y scroll 0px -28px transparent;
	transition:0.5s;
}


.socialIcons a:hover .google {
    background: url('../images/social_icons.png') repeat-y scroll -108px -28px transparent;
	transition:0.5s;
}


.socialIcons a:hover .in {
    background: url('../images/social_icons.png') repeat-y scroll -81px -28px transparent;
	transition:0.5s;}

.socialIcons a:hover .youtube {
    background: url('../images/social_icons.png') repeat-y scroll -54px -28px transparent;
	transition:0.5s;
}

.socialIcons a:hover .twitter {
    background: url('../images/social_icons.png') repeat-y scroll -27px -28px transparent;
	transition:0.5s;
}

.technology a {
    float: left;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease 0s;
}
.linux {
    width: 21px;
    height: 25px;
    margin: 10px 0px 0px;
    background: url('../images/f_tech.png') no-repeat scroll 0px 0px transparent;
}




.technology a:hover {
    margin-top: 0px;
}

.mysql {
    width: 34px;
    height: 18px;
    margin: 10px 0px 0px 10px;
    background: url('../images/f_tech.png') no-repeat scroll -21px 0px transparent;
}
.joomla {
    width: 22px;
    height: 22px;
    margin: 8px 0px 0px 10px;
    background: url('../images/f_tech.png') no-repeat scroll -55px 0px transparent;
}

.magento {
    width: 22px;
    height: 26px;
    margin: 6px 0px 0px 10px;
    background: url('../images/f_tech.png') no-repeat scroll -77px 0px transparent;
}
.wordpress {
    width: 29px;
    height: 27px;
    margin: 5px 10px 0px;
    background: url('../images/f_tech.png') no-repeat scroll -99px 0px transparent;
}

.php {
    width: 32px;
    height: 17px;
    margin: 12px 0px 0px;
    background: url('../images/f_tech.png') no-repeat scroll -128px 0px transparent;
}


#connect1 {width:500px;
			height:200px;
			float:left;
			margin:0 0 0 0;}

#connect1 h2  {color: #292929;
    font: 13px/24px Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin: 11px 0px;
}

.q_links a {
    float: left;
    margin: 0px 0px 30px;
    padding: 0px 0px 0px 15px;
    color: #3A3A3A;
    text-decoration: none;
    background: url('../images/arrow.png') no-repeat scroll left center transparent;
}

.q_links {
    float: left;
    margin: 0px 0px 15px;
    width: 100%;
}

.q_links .flt  {
    width: 125px;
}

.q_links .flt1 {
    width: 210px;
    margin-left: 10px;
}
.flt1,.flt {
    float: left;
		
}

.flt1 a,.flt a,.frt a {font-size:13px;}

.q_links a:hover {
    color: #7E0505;
    background: url('../images/arrow_hover.png') no-repeat scroll left center transparent;
}


#connect2 {width:300px;
			height:200px;
			float:right;}

#connect2 h2  {color: #292929;
    font: 13px/24px Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin:11px 0px;
}



.foo_info {
    float: right;
    margin:20px 0 0 0;
    padding: 30px 0px 0px 80px;
    width: 296px;
    height: 158px;
	font-size:14px;
    position: relative;
    background: url('../images/map.png') no-repeat scroll center center transparent;
	top: -50px;
}

.foo_info img {
    position: absolute;
    right: 0px;
    top: 0px;
    transition: all 0.5s ease 0s;
}
img {
    border: medium none;
}


.foo_info:hover img {
    top: 30px;
    right: 20px;
}
.foo_info img {
    position: absolute;
    right: 0px;
    top: 0px;
    transition: all 0.5s ease 0s;
}
img {
    border: medium none;
}

.f_mail:hover {
    background: url('../images/f_mail_hover.png') no-repeat scroll left center transparent;
}

.foo_info a:hover {
    color: #A60000;
}

.f_skype:hover {
    background: url('../images/f_skype_hover.png') no-repeat scroll left center transparent;
}
.foo_info span, .foo_info a {
    clear: left;
    display: inline-block;
    margin: 0px 0px 12px;
    padding: 0px 22px 0px 30px;
    color: #3A3A3A;
    text-decoration: none;
}
.phone_usa {
    background: url('../images/f_phone.png') no-repeat scroll left center, url('../images/f_usa.png') no-repeat scroll right center transparent;
}

.foo_info span, .foo_info a {
    clear: left;
    display: inline-block;
    margin: 0px 0px 12px;
    padding: 0px 22px 0px 30px;
    color: #3A3A3A;
    text-decoration: none;
}
.phone_india {
    background: url('../images/f_phone.png') no-repeat scroll left center, url('../images/f_india.png') no-repeat scroll right center transparent;
}

.foo_info span, .foo_info a {
    clear: left;
    display: inline-block;
    margin: 0px 0px 12px;
    padding: 0px 22px 0px 30px;
    color: #3A3A3A;
    text-decoration: none;
}
.f_mail {
    background: url('../images/f_mail.png') no-repeat scroll left center transparent;
}

.foo_info span, .foo_info a {
    clear: left;
    display: inline-block;
    margin: 0px 0px 12px;
    padding: 0px 22px 0px 30px;
    color: #3A3A3A;
    text-decoration: none;
}
.f_skype {
    background: url('../images/f_skype.png') no-repeat scroll left center transparent;
}


#footer2 {width:1140px;
			margin:0 auto;
			height:50px;
			background-image:url(../images/footer_shade.png);
			background-repeat:no-repeat;
			}

#footer2 span {float:left;
				color:#3a3a3a;
				font-size:12px;
				margin:20px 0 0 0;
}

#footer2 span a{color:#3a3a3a;}

#footer2 span a:hover {color:#7E0505;}

#footer2 p {float:right;
			color:#3a3a3a;
				font-size:12px;
				margin:20px 0 0 0;}


.anyClass ul li{
float:left;
margin:15px 10px;
width:200px;
height:124px;
}

.anyClass ul li img{
border:1px solid rgb(229,229,229);
}