* {
       
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
html {
	min-width:980px;
}

body { 
		background:url(images/splash-bg.jpg) no-repeat center top #f3eee0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%; 
		/*line-height:1.1875 em;*/
		color:#666;
}

input { border: 0px #ffffff solid; background: transparent ; font: normal 10px/normal Arial, Helvetica, sans-serif; color: #000000;}
textarea{ border: 0px #ffffff solid; background:transparent ; font: normal 10px/normal Arial, Helvetica, sans-serif; color:#000000;}
select{ border: 0px #ffffff solid; background: transparent ; font: normal 10px/normal Arial, Helvetica, sans-serif; color: #000000;}


img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:980px; 
	margin:0 auto;
	font-size:.875em;
	position:relative;
}




/*==== GLOBAL =====*/

#header {
	height:85px;
	background:url(images/header-bg.gif) left top repeat-x #fff;
	
}

#login  {
background-image:url(images/png-8-sprite.png) ;
background-repeat:no-repeat;
left:100px;
position:absolute;
top:30px;
height:246px;
width:185px;
padding:20px;
z-index: 2;
margin-left:60%;
}

#logintext
{
padding-top:122px;

}
#go_login
{
padding-left:132px;
padding-top:5px;


}


/*---- tailings ----*/
/*.tail-top { 
	background:images/tail-top.gif) left top repeat-x #ffbb00;
}

.tail-bottom { 
	background:images/tail-bottom.gif) left bottom repeat-x;
}*/


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 28px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:35px;
}
	.img-box img { 
		float:left; 
		margin:0 28px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:19px;
}
.p1 { 
	margin-bottom:9px;
}
.p2 { 
	margin-bottom:19px;
}
.p3 { 
	margin-bottom:28px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#137cb2; 
	outline:none;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

h1 {
	font-size:40px;
	line-height:1em;
	color:#414b4e;
	font-weight:normal;
	padding-left:20px;
	margin-bottom:35px;
}
h2 {
	font-size:24px;
	line-height:1.2em;
	font-weight:normal;
	color:#137cb2;
	margin-bottom:19px;
}
	h2.alt {
		padding-left:10px;
	}
h4 {
	font-size:1em;
	margin-bottom:19px;
}
h5 {
	font-size:1em;
}
.menu_txt
{
font-size:12px;
color:#333333;

}
	


.address { 
	float:left;
}
	.address dt {
		margin-bottom:19px;
		font-weight:bold;
	}
	.address dd { 
		clear:both;
		text-align:right;
	}
		.address dd span { 
			float:left;
			padding-right:25px;
		}
		.address dd a {
			text-decoration:underline;
			color:#666;
		}
		.address dd a:hover {
			text-decoration:none;
		}


/*===== header =====*/
#header .nav {
     font-weight:bold;
	float:left;
	padding:44px 0 0 0;
	overflow:hidden;
}
	#header .nav li {
		float:left;
		margin-left:-1px;
		padding-right:5px;
	}
		#header .nav li a {
			float:left;
			color:#000000;
			text-decoration:none;
			
			
			
		}
		#header .nav li a:hover {
			text-decoration:none;
			 color:#0000FF;
		}
		#header .nav li a.current {
			font-weight:bold;
			font-size:.91em;
		}
	
#header .logo {
	float:right;
	padding:30px 70px 0 0;
}

/*===== content =====*/
	#content .row-1 {
		background:url(images/line-dotted.gif) left bottom repeat-x;
	}
		#content .row-1 .indent {
			padding:40px 0 40px 0;
		}
		#content .row-1 .indent1 {
			padding:20px 0 14px 0;
		}
	#content .row-2 {
		background:#fdfcf9;
	}	
		#content .row-2 .indent {
			padding:10px 11px 35px 8px;
		}
		
/*--- banners begin ---*/

#banner_bg
{
background-image:url(images/banner_bg.jpg);
background-repeat:no-repeat;

}

#new_banner_bg
{
background-repeat:no-repeat;

}
	
	.banners {
		width:100%;
		overflow:hidden;
		padding-bottom:27px;
	}
		.banners li {
			float:left;
			font-size:.91em;
			color: #fff;
		}	
			.banners li.banner1 {
				width:286px;
				height:293px;
				/*background:url(images/banner1.gif) no-repeat left 5px;*/
			}
				.banners li.banner1 .inner {
					padding:65px 70px 0 55px;
				}
			.banners li.banner2 {
				width:287px;
				height:293px;
				/*background:url(images/banner2.gif) no-repeat left top;*/
				margin-left:-56px;
			}
				.banners li.banner2 .inner {
					padding:65px 65px 0 65px;
				}
			.banners li.banner3 {
				width:287px;
				height:293px;
				/*background:url(images/banner3.gif) no-repeat left 11px;*/
				margin-left:-55px;
			}
				.banners li.banner3 .inner {
					padding:65px 65px 0 65px;
				}
			.banners li.banner4 {
				width:287px;
				height:293px;
				/*background:url(images/banner4.gif) no-repeat left top;*/
				margin-left:-71px;
			}
				.banners li.banner4 .inner {
					padding:65px 65px 0 65px;
				}
		
		.banners li h3 {
			font-size:24px;
			line-height:1.2em;
			text-align:center;
			margin-bottom:8px;
		}
	
	.button {
		display:block;
		background:url(images/button-bg1.png) no-repeat left top;
		width:82px;
		height:24px;
		line-height:24px;
		color:#040404;
		text-decoration:none;
		text-transform:uppercase;
		text-align:center;
		font-size:10px;
		margin:0 auto;
	}
	.button:hover {
		background:url(images/button-bg2.png) no-repeat left top;
		text-decoration:none;
		color:#FFFFFF;
	  
	}


  ul 
  {  
  list-style-type: square;
   }





/*--- li buttons end---*/


/*--- carousel begin ---*/
.carousel-box {
	background:url(images/carousel-bg.gif) left top repeat-x;
	height:170px;
	overflow:hidden;
	position:relative;
}

.carousel-box1224 {
	/*background:url(images/carl-bg.gif) left top repeat-x;*/
	background-color:#FFFFFF;
	height:350px;
	overflow:hidden;
	position:relative;
}
	.carousel-box .inner {
		padding:10px 0 0 73px;
	}
		.carousel-box button {
			background:none;
			width:34px;
			height:65px;
			border:none;
			position:absolute;
			cursor:pointer;
			outline:none;
			z-index:10;
		}
		.carousel-box button.prev {
			left:0;
			top:65px;
			background:url(images/prev-bg.gif) no-repeat left top;
		}
		.carousel-box button.prev:hover {
			background-position:left -65px;
		}
		.carousel-box button.next {
			right:0;
			top:65px;
			background:url(images/next-bg.gif) no-repeat left top;
		}
		.carousel-box button.next:hover {
			background-position:left -65px;
		}
			.carousel-box ul li {
				padding-right:24px;
				float:left;
				position:relative;
			}
			.carousel-box ul li a {
				width:149px;
				height:149px;
				position:relative;
				float:left;
			}
				.carousel-box ul li span {
					width:149px;
					height:149px;
					overflow:hidden;
					display:block;
					cursor:pointer;
				}
				.carousel-box ul li a:hover {
					
				}
/*--- carousel end ---*/

	.social-links {
		width:100%;
		overflow:hidden;
	}
		.social-links li {
			float:left;
		}
			.social-links li a {
				float:left;
				width:70px;
				height:70px;
			}
			.social-links li a.digg {
				background:url(images/icon-digg.jpg) no-repeat left top;
			}
			.social-links li a.digg:hover {
				background-position:left -70px;
			}
			.social-links li a.twitter {
				background:url(images/icon-twitter.jpg) no-repeat left top;
			}
			.social-links li a.twitter:hover {
				background-position:left -70px;
			}
			.social-links li a.facebook {
				background:url(images/icon-facebook.jpg) no-repeat left top;
			}
			.social-links li a.facebook:hover {
				background-position:left -70px;
			}
			.social-links li a.linkedin {
				background:url(images/icon-linkedin.jpg) no-repeat left top;
			}
			.social-links li a.linkedin:hover {
				background-position:left -70px;
			}
			.social-links li a.su {
				background:url(images/icon-su.jpg) no-repeat left top;
			}
			.social-links li a.su:hover {
				background-position:left -70px;
			}
			
	
	.blogposts {
		padding-bottom:13px;
	}
		.blogposts li {
			width:100%;
			overflow:hidden;
		}
			.blogposts li a {
				display:block;
				color:#666;
				text-decoration:none;
			}
				.blogposts li a span {
					display:block;
					cursor:pointer;
				}
					.blogposts li a span span span {
						padding:8px 20px 10px 12px;
					}
			.blogposts li a:hover {
				text-decoration:none;
				background:url(images/left-top-corner.gif) no-repeat left top #f5f2ed;
			}
				.blogposts li a:hover span {
					background:url(images/right-top-corner.gif) no-repeat right top;
				}
					.blogposts li a:hover span span {
						background:url(images/right-bot-corner.gif) no-repeat right bottom;
					}
						.blogposts li a:hover span span span {
							background:url(images/left-bot-corner.gif) no-repeat left bottom;
						}
							.blogposts li a strong {
								display:block;
							}
							.blogposts li a em {
								display:block;
								color:#f8625c;
								font-style:normal;
							}
							
	
	.list1 li {
		color:#f8625c;
	}
	
	.testimonials li {
		text-align:right;
		font-weight:bold;
		padding-bottom:19px;
	}
		.testimonials li blockquote {
			text-align:left;
			font-weight:normal;
		}
		
	
	.folio {
		width:100%;
		overflow:hidden;
		margin-bottom:-30px;
	}
		.folio li {
			float:left;
			width:286px;
			margin:0 51px 0 0;
			padding-bottom:48px;
		}
		.folio li.alt {
			margin-right:0;
		}
			.folio li a.thumb {
				width:286px;
				height:219px;
				display:block;
				margin-bottom:10px;
			}
				.folio li span {
					width:286px;
					height:219px;
					overflow:hidden;
					display:block;
					cursor:pointer;
				}
					.folio li a {
						text-decoration:underline;
					}
					.folio li a:hover {
						text-decoration:none;
					}
			
/*===== footer =====*/
#footer {
	padding:35px 0 35px 0;
	background:url(images/line-dotted.gif) left top repeat-x;
}

/*3 image banner starts */
#aboutus_1 {
background-image:url(ban_img/aboutus.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}
#aboutus_2 {
background-image:url(ban_img/vision.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}
#aboutus_3{
background-image:url(ban_img/mission.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}


#design_1 {
background-image:url(ban_img/template.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}
#design_2 {
background-image:url(ban_img/webdesign.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}
#design_3 {
background-image:url(ban_img/corporate.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}





#ideas_1 {
background-image:url(ban_img/seo.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}
#ideas_2 {
background-image:url(ban_img/enhancement.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}
#ideas_3 {
background-image:url(ban_img/traffic.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}


#development_1 {
background-image:url(ban_img/applications.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}
#development_2 {
background-image:url(ban_img/ecommerce.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}
#development_3 {
background-image:url(ban_img/cms.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}
#development_4 {
background-image:url(ban_img/testing.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}



#technologies_1
{
background-image:url(ban_img/technologies.jpg);
background-repeat:no-repeat;
width:980px;
height:471px;
}
#technologies_12
{
background-image:url(ban_img/sitemap.jpg);
background-repeat:no-repeat;
width:980px;
height:471px;
}


#testimonial{
background-image:url(ban_img/testimonial.jpg);
background-repeat:no-repeat;
width:980px;
height:471px;
}
#custom_1 {
background-image:url(ban_img/ilance.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}
#custom_2 {
background-image:url(ban_img/third_party.jpg);
background-repeat:no-repeat;
width:840px;
height:471px;
}



#innermy {
		width:434px;
		height:auto;
		background-color:#CCCCCC;
		border:0px solid black;		
		/*filter:alpha(opacity=60);		
		opacity:0.7;*/
		position:absolute;
		margin-left:85px;
		margin-top:25px;
		text-align:justify;
}
#innermytwo {
		width:434px;
		height:auto;
		background-color:#CCCCCC;
		border:0px solid black;		
		/*filter:alpha(opacity=60);		
		opacity:0.9;*/
		position:absolute;
		margin-left:85px;
		margin-top:25px;
		text-align:justify;
}
#innermythree {
		width:434px;
		height:auto;
		background-color:#CCCCCC;
		border:0px solid black;		
		/*filter:alpha(opacity=90);		
		opacity:0.7;*/
		position:absolute;
		margin-left:85px;
		margin-top:25px;
		text-align:justify;
}
#innermyfour {
		width:434px;
		height:auto;
		background-color:#CCCCCC;
		border:0px solid black;		
		/*filter:alpha(opacity=60);*/		
		/*opacity:0.9;*/
		position:absolute;
		margin-left:85px;
		margin-top:25px;
		text-align:justify;
}

#templatedesign {
		width:434px;
		height:auto;
		background-color:#CCCCCC;
		border:0px solid black;		
		position:absolute;
		margin-left:85px;
		margin-top:25px;
		text-align:justify;
}
#webdesign {
		width:434px;
		height:auto;
		background-color:#CCCCCC;
		border:0px solid black;
		/*opacity:1.0;*/
		position:absolute;
		margin-left:85px;
		margin-top:25px;
		text-align:justify;
      }
#st{
width:850px;
height:400px;
}   
#innermyco {
padding:10px;
}

#innertwomyco {
padding:10px;
}

#innerthreemyco {

padding:10px;
}
#innerfourmyco {
padding:10px;
}



#innertit {
color:#1f1f1f;
font-size:20px;
font-weight:bold;
font-family:Tahoma, Arial, "Times New Roman", Verdana;
text-transform:capitalize;
}
#innertittwo {
color:#1f1f1f;
font-size:20px;
font-weight:bold;
font-family:Tahoma, Arial, "Times New Roman", Verdana;
text-transform:capitalize;
}
#innertitthree {
color:#1f1f1f;
font-size:20px;
font-weight:bold;
font-family:Tahoma, Arial, "Times New Roman", Verdana;
text-transform:capitalize;
}
#innertitfour {
color:#1f1f1f;
font-size:20px;
font-weight:bold;
font-family:Tahoma, Arial, "Times New Roman", Verdana;
text-transform:capitalize;
}

#innerdis {
color:#1f1f1f;
font-size:12px;
font-family:Tahoma, Arial, "Times New Roman", Verdana;
letter-spacing:0.01em;
line-height:18px;
word-spacing:2px;
}
#innerdistwo {
color:#1f1f1f;
font-size:12px;
font-family:Tahoma, Arial, "Times New Roman", Verdana;
letter-spacing:0.01em;
line-height:18px;
word-spacing:2px;
}
#innerdisthree {
color:#1f1f1f;
font-size:12px;
font-family:Tahoma, Arial, "Times New Roman", Verdana;
letter-spacing:0.01em;
line-height:18px;
word-spacing:2px;
}
#innerdisfour {
color:#1f1f1f;
font-size:12px;
font-family:Tahoma, Arial, "Times New Roman", Verdana;
letter-spacing:0.01em;
line-height:18px;
word-spacing:2px;
}


ul li {
list-style-type:none;
}
/* 3 image banner ends */

/*----- forms -----*/
#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:40px;
		overflow:hidden;
	}
		#contacts-form input {
			width:338px;
			padding:1px 5px 1px 5px;
			color:#666;
			font-size:12px;
		}
		#contacts-form textarea {
			width:343px;
			padding:1px 0 1px 5px;
			color:#666;
			font-size:12px;
			height:203px;
			margin-bottom:20px;
			overflow:auto;
		}

/*==========================================*/

/*----- new  forms -----*/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	/*-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);*/
}
 
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

/*==========================================*/