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: "museo700regular";
	  src:url(../fonts/museo700regular.ttf);
    }

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


@font-face {
      font-family: "PTN57F";
	  src:url(../fonts/PTN57F.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:1140px;
			height:1760px;
			margin:0 auto;
			border-bottom:1px dashed #cccccc;
			padding:0;}
			
			

				
				
#gray-border {width:100%;
				height:28px;
				background-image:url(../images/1-bg.png);
				}				
				
#amenu {width:1140px;
		float:left;
		height:1600px;
		background-image:url(../images/bg-left.png);
		background-repeat:no-repeat;
		margin:-10px 0 20px 0;
		border-bottom:1px dashed #cccccc;
		padding:0;
		}




#amenu h1 {font-size:18px; 
				color:#000000;
				text-align:left; 
				margin:0 0 10px 0;
				padding:0;
				letter-spacing:1px;
				background-repeat:no-repeat;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:normal;
				z-index:1;
				}
			
	
			
			
#content {width:1140px;
			height:1520px;
			margin:0 ;
			} 


#content p {color:#595A5C;
			font-family:Open Sans,Arial,Tahoma,sans-serif;
			text-indent:3em;
			font-weight:lighter;
			text-align:justify;
			font-size:15px;
			border-bottom:1px dashed #cccccc;
			word-spacing:1px;
			line-height:20px;
			letter-spacing:0.5px;
			padding:0 0 10px 0;
			margin:0 15px 0 20px;
			}






#c1 {width:1135px;
		height:1200px;
		float:left;
		margin:10px 0 0 20px;
		}


#cc1 {width:1140px;
		height:1200px;
		float:left;
		margin:20px 0 0 0;}



#c1 ul{margin:0 0 10px 0px;
		padding:0;
		}

#cc1 p a{margin:20px 0 0 2px;
		font-family:museo700regular;
		font-size:15px;
		letter-spacing:1px;
		}
		

			
#c1 p {text-indent:0;
		margin:0 0 5px 0;
		padding:0;
		border-bottom:none;
		letter-spacing:0.5px;}

#c1 p a{color:#004f9b;
		}

#c1 p a:hover{color:#317ed6;}
		

#c1 h2 {font-size:18px; 
				color:#000000;
				text-align:left; 
				margin:0 1000px 10px 0;
				padding:7px 200px 13px 10px;
				float:left;
				letter-spacing:1px;
				background-repeat:no-repeat;
				font-family:Open Sans,Arial,Tahoma,sans-serif;
				font-weight:normal;
				z-index:1;
				}		


#address {width:300px;
			height:100px;
			margin:0;
			padding:0;
			float:left;
}

#address ul li{font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:13px;
				color:#444444;
				line-height:20px;
				letter-spacing:1px;
				}



#ad1 {width:1110px;
		height:270px;
		float:left;
		border-bottom:1px dashed #cccccc;
		margin:0 0 15px 0;
		padding:0;}


#ad h2,#ad1 h2 {text-align:center;
				float:none;
				margin:0 0 20px 0;}


#address1 {width:280px;
			height:100px;
			float:right;
			padding:0;
			margin:0;
			}


#map {width:500px;
		height:150px;
		float:right;

		margin:0 0 10px 0;
}


#address1 h3 {font-size:17px; 
				color:#333333;
				text-align:left; 
				margin:0 10px 10px 0;
				padding:0;
				float:left;
				background-repeat:no-repeat;
				font-family:museo700regular;
				z-index:1;
				}

#address1 ul{margin:0 0 10px 0;
		padding:0;
		
		}

#address1 ul li {margin:0;
			padding:0;
			word-spacing:1px;
			line-height:20px;
			font-family:museo700regular;
			letter-spacing:1.2px;
			font-size:14px;
			font-weight:bold;
			color:#333333;
			}


#branch { width:650px;
			height:150px;
			margin:0;
			padding:0;
			float:left;}

#branches { width:700px;
			height:850px;
			margin:0;
			padding:0;
			float:left;}


#branch h1 {color:#0075d6; font-weight:bold;font-family:Trebuchet MS;
font-size:16px;
border-bottom:2px solid #cccccc;
margin:0 1000px 5px 0; padding:0; float:left;}

#franchise { width:1140px;
			height:300px;
			margin:0;
			padding:0;
			float:left;}

#branch1 {  width:300px;
			height:180px;
			margin:0 60px 0 0;
			box-shadow:-5px 5px 10px #dbdde3;
			padding:20px;
			float:left;}

#branch1 h3 {font-size:15px; 
				color:#116fc5;
				text-align:center; 
				margin:0 0 10px 0;
				padding:0;
				border-bottom:1px dashed #cccccc;
				letter-spacing:1px;
				background-repeat:no-repeat;
				font-family:Open Sans,Arial,Tahoma,sans-serif;
				z-index:1;
				}



#branch1 ul{margin:0 0 10px 0;
		padding:0;
		
		}

#branch1 ul li{font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:13px;
				color:#444444;
				line-height:20px;
				letter-spacing:1px;
				}

#branch1 span ul li {margin:0 0 0 30px;
			padding:0;
			word-spacing:1px;
			line-height:20px;
			font-family:Open Sans,Arial,Tahoma,sans-serif;
			letter-spacing:1.2px;
			font-size:15px;
			font-weight:bold;
			color:#333333;
			}








#form {width:400px;
		height:500px;
		margin:0 30px 0 0;
		float:right;}

#c2 {width:340px;
		float:right;
		padding:10px 15px 10px 15px;
		background-image:url(../images/c2-bg1.png);
		font-size:13px;
		border-radius:5px;
		border-top:1px solid #C9C9C9;
		border-bottom:1px solid #C9C9C9;
		margin:0;
		}
	

#c2 h2{font-size:20px; 
				color:#000000;
				text-align:left; 
				margin:0 0 10px 0;
				padding:0;
				float:none;
				background-repeat:no-repeat;
				font-family:Open Sans,Arial,Tahoma,sans-serif;
				font-weight:normal;
				z-index:1;
				}

#button:hover{background-color:#006699;
				transition:0.2s all;}

#button{
		background-color:#000000; color:#fff; cursor:pointer; width:75px; border-radius:5px; height:30px; margin:10px 0 0 120px; border:none;}
		
#c2 b {font-size:14px;
		color:#595A5C;
		font-weight:normal;
		letter-spacing:1px;
		font-family:Open Sans,Arial,Tahoma,sans-serif;
		}




#quote {width:265px;
		height:115px;
		border:1px solid #999999;
		float:left;
		margin:10px 50px 0 105px;
		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 50px 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);}




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