@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);
    }
a{
	color: #555;
	text-decoration: none;
}
a:hover{
	color: #000;
}
#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%;
		}





#acon {width:1135px;
			height:1050px;
			margin:0 auto;
			border-bottom:1px dashed #cccccc;
			padding:0;}
			
			
#acontent img,#acontent {max-width:100%;
				margin:0 auto;
				padding:0;
				max-height:460px;
				}
				
				
#gray-border {width:100%;
				height:28px;
				background-image:url(../images/1-bg.png);
				}				
				
#amenu {width:840px;
		float:left;
		height:935px;
		background-image:url(../images/bg-left.png);
		background-repeat:no-repeat;
		margin:-10px 0 0 0;
		padding:0;
		}
		

#amenu h1 {font-size:20px; 
				color:#000000;
				text-align:left; 
				margin:25px 0 15px 20px;
				padding:0;
				background-repeat:no-repeat;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:normal;
				z-index:1;
				}



#portfolio {width:810px;
			height:240px;
			margin:0 0 0 15px;
			}

#portfolio img {box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.35);
				overflow:hidden;
				padding:5px;
				}

#portfolio h2 { margin:0px 15px 0 515px;
			padding:0 0 5px 0;
			text-align:center;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight:normal;
			border-bottom:1px dotted #cccccc;
			font-size:17px;
			}

#portfolio p {margin:0 0 0 510px;
				padding:10px;
				color:#4d515c;
			font-family:Arial,sans-serif;
			text-indent:2em;
			font-weight:lighter;
			text-align:justify;
			font-size:12px;
			line-height:19px;
			letter-spacing:1px;}
			

#portfolio a span { margin:0 0 0 20px;
				color:#ffffff;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			float:left;
			letter-spacing:1px;
			border-radius:5px;
			background-color:#006699;
			box-shadow:0 2px 2px #174358;
			padding:5px 10px 5px 10px;}

#portfolio a span:hover {background-color:#333333;
						transition:all 0.3s;}


#quote {width:265px;
		height:115px;
		border:1px solid #999999;
		float:left;
		margin:10px 0 0 15px;
		background-image:url(../images/1live.png);
		padding:0;
		box-shadow:0px 0px 5px #999999;
		overflow:hidden;
		border-radius:5px;
		}

#quote:hover{background-image:url(../images/1live1.png);}




#quote1 {width:265px;
		height:115px;
		border:1px solid #999999;
		float:left;
		margin:10px 0px 0 7px;
		background-image:url(../images/1feed.png);
		padding:0;
		box-shadow:0px 0px 10px #999999;
		overflow:hidden;
		border-radius:5px;
		}

#quote1:hover{background-image:url(../images/1feed1.png);}




#quote2 {width:265px;
		height:115px;
		border:1px solid #999999;
		float:left;
		margin:10px 0 0 7px;
		background-image:url(../images/1quote.png);
		padding:0;
		box-shadow:0px 0px 10px #999999;
		overflow:hidden;
		border-radius:5px;
		}

#quote2:hover{background-image:url(../images/1quote1.png);}





		
#amenu1 {width:280px;
			height:450px;
			float:left;
			border:1px solid #f0f0f2;
			background-image:url(../images/side-bg.jpg);
			border-radius:10px 10px 0 0;
			z-index:1000;
			margin:20px 0 0 0;
			overflow:visible;
			float:right;

			}

#amenu1 h1 {font-size:15px;
margin:0 0 0 0 ;
padding:7px 0 4px 0;
color:#ffffff;
overflow:hidden;
font-weight:normal;
background-image:url(../images/side-h-bg.png);
font-family:Arial,Helvetica,sans-serif;
letter-spacing:1.5px;

		}
#amenu1 h2 {font-size:15px;
margin:10px 0 0 0 ;
padding:0 0 10px 0;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
border-bottom:1px dotted #cccccc;

		}

#amenu1 h3 {margin:5px 0 10px 10px;
				padding:0;
				}
				
#amenu1 h3 a {background:none;background-image:url(../images/l-bg.gif);
				margin:0;
				padding:8px 75px 13px 0;
				font-family:Arial,Helvetica,sans-serif;
				color:#555555;
				font-size:13px;
				background-repeat:no-repeat;
				}


#amenu1 i {
				margin:0;
				font-family:Arial,Helvetica,sans-serif;
				color:#555555;
				font-size:13px;
				}


#amenu1 h3 a:hover{background-image:url(../images/lhover-bg.gif);}

#amenu1 h1 {font-size:18px;}



#right {width:280px;
		height:495px;
			border:1px solid #f0f0f2;
			background-image:url(../images/side-bg.jpg);
		position:relative;
		top:10px;
		right:1px;
		}
		
		
#right h2 {font-size:15px;
margin:10px 0 0 0;
padding:0 0 10px 10px;
font-weight:bold;
border-bottom:1px dotted #cccccc;

		}


.side h4 {margin:7px; 
		padding:0;
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;}

.side p{margin:7px;
		padding:0;
		font-family:Arial,Helvetica,sans-serif;
		color:#888888;
		font-size:11px;}
		
		
		
/* client start */


#client{width:1135px;
			height:250px;
			margin:0 auto;
			text-align:center;
			}


#client h2 {font-size:18px; 
				color:#ffffff;
				margin:20px 0 10px 97px;
				padding:4px 40px 10px 0;
				background-repeat:no-repeat;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:normal;
				letter-spacing:1px;
				background-image:url(../images/client-bg.jpg);
				z-index:1;
				}

#mark {width:1135px;
			height:150px;
			margin:20px 0 0 0;
			box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.35);
			border-radius:5px;
			}


/* client 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;
	
}


.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;
}

.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;
}



.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);
}