/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
html { min-width:1000px;}
html, body { height:100%; margin:0;}

span{
	text-decoration: none;
}

.relative{
	position:absolute;
	width:100%;
	overflow:hidden;
	top:5px;
	left:0;
	z-index:99
}
/* Global Structure ============================================================= */
.container {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	font-size:.8125em;
}

	/* Header */
	header{
		height:72px;
		overflow:hidden;
		width:100%;
		background:url(../images/header-bg.gif) 0 0 repeat-x;
		top:0 !important;
		top:-1;
		position:fixed;
		
		
	}
	
	/*Gallery*/
portfolio{
		margin:0px;
		padding:0px;
	}
#portfolio li {
		float:left;
		width:224px;
		background-color:#e2edf4;
		border:solid 1px #dadada;
		padding:5px;
		margin-right:8px;
		margin-bottom:40px;
	}
ul#portfolio li:hover {
		float:left;
		background-color:#67c4ff;
		border:solid 1px #dadada;
		padding:5px;
	}
.port1{	color:#242424; font-size:25px;	text-transform: uppercase;
	}
.blue-bg{
		float:left;
		margin-right:5px;
		margin-bottom:5px;
		background-color:#d10111;
		padding:0px 3px;
		color:#fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight:bold;
}
.link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	width: 223px;
	display:block;

}
	#gallery {
		height:281px;
		padding-top:72px;
		overflow:hidden;
		background:url(../images/header-bg1-.html) 0 0 repeat-x;
	}
	#content2{
	float:left;
	width:980px;}
	/* Content */
	#content {
		float: left;
		width: 634px;
	}
	
	/* Sidebar */
	aside{
		float: right;
		width: 288px;
		margin-left:12px;
	}
	.side-box{
	background-image: url(../images/side-box-website-designing-company-amritsar.jpg);
	background-repeat: no-repeat;
	width:191px;
	height:294px;
	padding:84px 42px 22px 40px;
	
}
			
	/* Footer */
	footer {
	padding:20px 0 22px 0;
	border-top:5px solid #eee;
	background-color: #151515;
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	}




/* Left & Right alignment */

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

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 32px 22px 20px 27px; }
.inside2{ padding: 32px 12px 20px 17px; }


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

/*----- other -----*/
figure { margin-bottom:18px;}

.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:15px;
}
	.img-box figure { 
		float:left; 
		margin:0 20px 0 0;
		padding:0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:6px; text-align:justify;}
.span1 { font-size:20px; line-height:20px; text-align:justify;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;
}


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

.logo {
	font-size:34px;
	line-height:1.2em;
	color:#fff;
	font-weight:normal;
	padding:0px 0 8px 0px;
	position:absolute;
	left:39px;
	top:6px;
	z-index:99
}
	.logo a {
		color:#fff;
		text-decoration:none;
	}
	.logo a:hover {
		text-decoration:none;
	}
.h1 {
	font-size:28px;
	line-height:1.2em;
	font-weight:normal;
	color:#8db72a;
	text-shadow: 1px 0px 1px #4ca1f9;
}
h1 a {
		
		text-decoration:none;
	}
	h1 a:hover {
		text-decoration:none;
	}
h2 {
	font-size:18px;
	line-height:1.2em;
	font-weight:normal;
	color:#3582d2;
	text-shadow: 1px 0px 1px #4ca1f9;
	margin-bottom:10px;
}
h4 {

margin-bottom:10px;
}
.h4 {
	font-family: "Trebuchet MS";
	font-size:16px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 23px;
	font-weight: bold;}
.h4 a{
	color: #FFFFFF;
	text-decoration:none;
	}
.h4 a:hover{
	color: #FFFFFF;
	text-decoration:underline;
	}
.sub_heading{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.p_1{
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 40px;
}
.h2{
	font-family: "Trebuchet MS";
	font-size: 24px;
	color:#3582d2;
	text-decoration: none;
	padding-top: 18px;
	font-weight: bold;
}
.h3{
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.h3_1{
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #fff;
	padding-top:18px;
	text-decoration: none;
	font-weight: bold;
}
.h2 a{
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 18px;
	font-weight: bold;}
.h2 a:hover{
	text-decoration:underline;
	}
	h2 span {
		color:#8a8a8a;
	}
h3 {
	font-size:1.4em;
	margin-bottom:6px;
}
	h3 a { color:#242424; }
	h3 a:hover {
		text-shadow: 1px 1px 1px #888; 
	}




/*==================boxes====================*/
.package-1{
	background-image: url(../images/cms-packages.jpg);
	background-repeat: no-repeat;
	height: 181px;
	width: 298px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 25px;
	padding-top:10px;
	float: left;
	margin-left: 16px;
}
.package-2{
	background-image: url(../images/web-design-packages.jpg);
	background-repeat: no-repeat;
	height: 181px;
	width: 298px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 25px;
	padding-top:10px;
	margin-left: 3px;
	float: left;
}
.package-3{
	background-image: url(../images/seo-packages.jpg);
	background-repeat: no-repeat;
	height: 181px;
	width: 298px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 25px;
	padding-top:10px;
	float: right;
	margin-right: 3px;
}
.main-box {
	border-top:5px solid #eaeaea;
	background:#fff;
	width:100%;
}
.main-box2 {
	background:#fff;
	width:100%;
	padding-top:72px;	
}


.contacts {
	padding-bottom:20px;
}
	.contacts li {
		width:100%;
		overflow:hidden;
	}
		.contacts li strong {
			float:left;
			width:95px;
		}


.list1 {
	margin-left:12px;
	padding-bottom:18px;
}
.list1 li {
	background:url(../images/arrow1.gif) no-repeat 0 6px;
	padding:0 0 0 12px;
}
.list1 li a:link,
.list1 li a:visited,
.list1 li a:active{
	line-height:20px;	
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-decoration:none;
}
.list1 li a:hover{

	font-size: 13px;
	font-weight: bold;
	line-height:20px;
	color:#f27f02; 

}


/*===== header =====*/
header nav {
	float:right;
	position: absolute; right:0;  z-index:99
}
		header nav ul li {
			float:left;
		}
			header nav ul li a {
	font-size:11px;
	color:#000;
	font-weight:bold;
	padding-top:11px;
	height:63px;
	line-height:63px;
	text-decoration:none;
	width:65px;
	margin-top:2px;
	margin-right:15px;
	text-align:center;
	float:left;
	background-image:url(../images/home.jpg);
	background-repeat: no-repeat;				
		}
		header nav ul li a.current, header nav ul li a:hover {
			font-size:11px;
	color:#000;
	font-weight:bold;
	padding-top:11px;
	height:53px;
	line-height:53px;
	text-decoration:none;
	width:65px;
	margin-top:2px;
	margin-right:15px;
	text-align:center;
	float:left;
	background-image:url(../images/home-hr.jpg);
	background-repeat: no-repeat;				
			text-decoration:none;
		}
		
		header nav ul li:nth-of-type(2) a {
			background-image:url(../images/about.jpg);
	background-repeat: no-repeat;	
		}
		header nav ul li:nth-of-type(2) a.current, header nav ul li:nth-of-type(2) a:hover {
		background-image:url(../images/about-hr.jpg);
	background-repeat: no-repeat;		
		}
		header nav ul li:nth-of-type(3) a {
			background-image:url(../images/port.jpg);
	background-repeat: no-repeat;	
		}
		header nav ul li:nth-of-type(3) a.current, header nav ul li:nth-of-type(3) a:hover {
			background-image:url(../images/port-hr.jpg);
	background-repeat: no-repeat;	
		}
		header nav ul li:nth-of-type(4) a {
			background-image:url(../images/contact.jpg);
	background-repeat: no-repeat;	
		}
		header nav ul li:nth-of-type(4) a.current , header nav ul li:nth-of-type(4) a:hover {
		background-image:url(../images/contact-hr.jpg);
	background-repeat: no-repeat;	
	}
		header nav ul li:nth-of-type(5) a {
			background-image:url(../images/sitemap.jpg);
	background-repeat: no-repeat;
		}
		header nav ul li:nth-of-type(5) a.current, header nav ul li:nth-of-type(5) a:hover {
			background-image:url(../images/sitemap-hr.jpg);
	background-repeat: no-repeat;
		}
		header nav ul li:nth-of-type(6) a {
			background:#d00110;
			background-image: -moz-linear-gradient(top, #d00110, #da0116); /* FF3.6 */
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d00110),color-stop(1, #da0116)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116')"; /* IE8 */
		}

.relative #icon{ right:0; position:fixed; top:0 !important; top:-1px; margin: 0 auto; padding-right:10px;  padding-top:102px; font-size:14px; line-height:1.2em;  color:#000; font-style:italic; }
.relative #icons{ width:60px; float:right;  padding-right:10px;  font-size:14px; line-height:1.2em;  color:#000; font-style:italic;}
.relative #icons li{ padding-bottom:8px; text-align:right}
.relative #icons a{ display:block;}

.relative #ask{   margin: 0 auto; padding-top:35px; position:fixed;  font-size:14px; line-height:1.2em;  color:#000; font-style:italic; z-index:99;}

#extra-content {
	width:246px;
	background:#333;
	padding:0 0 5px 0;
	margin-top:75px;
	border-radius:10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	margin-left:-246px;

}
#extra-content {
	display:inline-block;
	position:fixed;
	top:0 !important;
	top:-1px;
}

#extra-content .indent {
	padding:0 20px 20px 27px;
}
	#extra-content h2 {
		color:#fff;
		margin-bottom:25px;
	}
	#extra-content ul li {
		background:url(images/arrow1.html) no-repeat 0 6px;
		padding:0 0 12px 16px;
	}
		#extra-content ul li a {
			color:#fff;
			text-decoration:none;
		}
		#extra-content ul li a:hover {
			text-decoration:underline;
		}
	
	#trigger {
		background:url(../images/portfolio-button.png) no-repeat 0 0;
		position:fixed;
		top:110px;
		left:0;
		width:59px;
		height:204px;
		bottom:0 !important;
		bottom:-1px;
		z-index:9999;
	}
		#trigger a {
		color:#01405a;
		font-size:28px;
		font-weight:bold;
		text-decoration:none;
		padding:7px 0 8px 18px;
		display:inline-block;
		z-index:9999;
		writing-mode:tb-rl;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform: rotate(90deg);
		white-space:nowrap;
		bottom:0;
		width:20px;
		height:20px;
		text-shadow: 0px 0px 1px #333;


		}
		
/* Tooltips */
.aToolTip {
	background: url(../images/button3_website-designing-company-amritsar.jpg) top repeat-x;
	color:#fff;
	margin:0;
	padding:2px 10px 3px;
	font-size:11px;
	line-height:1.5em;
	border-radius:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; 	position: absolute;
	width: 583px;
}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }

/*===== gallery =====*/

/*-- Splash Screen --*/
.panel-wrapper h2 {
	font-family:comic Sans MS;
}
.panel-wrapper h2 span {
	font-family:comic Sans MS;
	font-size:26px;
}
.panel-wrapper p.txt1 {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#000000;
}
.panel-wrapper p.txt1 a {
	font-size:14px;
	color: #006699;
	text-decoration:none;
}
	div.splashScreen {
	margin:0px auto;
	clear: both;
	height: 281px;
}
div.btnHolder {
	float: left;
	width: 110px;
	position:absolute;
	margin:0 auto;
	top:325px;
	margin-left: 470px;
	z-index:9;
}
div.btnHolder img {
	margin: 0px;
	padding: 0px;
}
div.splashcontentHolder {
	margin:0px auto;
	width: 932px;
	height: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
div.pw_leftCol {
	float: left;
	width: 350px;
}
div.pw_rightCol {
	float: right;
	width: 541px;
}
div.pw_rightCol h2 {
	font-weight: bold;
	font-size: 28px;
	line-height: 36px;
	text-shadow: 1px 0px 1px #b8b8b8;
	font-family:comic Sans MS;
}
div.pw_rightCol h2 span {
	color: #8db72a;
	text-shadow: 1px 0px 1px #7ca222;
	font-size: 28px;
	line-height: 36px;
	font-weight: bold;
	font-family:comic Sans MS;
}
div.pw_rightCol p.txt {
	margin-top: 5px;
	font-size: 12px;
	color: #717171;
}
div.pw_rightCol img {
	float: right;
	margin-top: 12px;
}
/*-- End of Splash Screen --*/


.roundabout-holder  { 
	width:850px;
	height:496px;
	margin:0 auto;
}
.roundabout-moveable-item {
   width: 646px;
   height: 416px;
   cursor: pointer;
	 border:3px solid #ccc;
	 border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:3px solid rgba(0, 0, 0, 0.2);
}


/*===== content =====*/
#content {
	
}
	/*#content img, aside img {
		border:3px solid #ebebeb;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
	#content img:hover {
		border-color:#bbb;
	}*/
.img{
		border:3px solid #ebebeb;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
}	
.img:hover{border-color:#bbb;}



.team-list li {
	width:100%;
	overflow:hidden;
	padding-bottom:43px;
}
.team-list li:last-child {
	padding-bottom:0;
}
	.team-list li figure {
		float:left;
		margin:0 20px 0 0;
		padding:0;
	}


/*--- loopedSlider styles ---*/
/*
 * Required 
*/
#loopedSlider .wrap { width:295px; height:295px; overflow:hidden; position:relative;}
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div { position:absolute; top:0; width:295px; display:none; }
/*
 * Optional
*/
#loopedSlider { width:295px; position:relative; clear:both; }
#loopedSlider .nav-controls {
	width:100%;
	overflow:hidden;
	padding-top:10px;
}
#loopedSlider li {
	display:inline;
}
#loopedSlider li a.previous {
	float:left;
}
#loopedSlider li a.next {
	float:right;
}




/*===== footer =====*/
footer {
	color:#fff;
}
footer a{
	color:#fff;
}
	footer .fleft {
		padding-left:20px;
		
	}
	footer .fright {
		padding-right:40px;
	}
.span {
font-size:12px;
font-weight:bold;
}
.xhtml{
	background-image: url(../images/valid-html5.png);
	background-repeat: no-repeat;
	width:80px;
	height:15px;
	float:left;
	display:block;
	margin-right:10px;
}
.css{background-image: url(../images/css3.png);
	background-repeat: no-repeat;
	width:80px;
	height:15px;
	float:left;
	display:block;}
/*----- forms -----*/


.rowElem{ height:27px; background:url(../images/bg_input.png) top left no-repeat}
.rowElem1{ height:107px; background:url(../images/bg_input1.png) top left no-repeat}
.block-contact span{ float:right; margin-right:120px}
.input{
   	border:none; 
	background:none;
	width:191px; height:20px;
	font-size:.8125em;
	color:#000;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}
.input3{
   	border:1px solid #999999; 
	background:#cccccc;
	width:226px; height:20px;
	font-size:.8125em;
	color:#000;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}
.textarea2{
   	border:1px solid #999999; 
	background:#cccccc;
	width:223px; height:86px;
	font-size:.8125em;
	color:#000;
	padding-left:5px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:10px;
	margin-bottom:11px;
	overflow:auto}
textarea, .input2{
   	border:none; 
	background:none;
	width:176px; height:86px;
	font-size:.8125em;
	color:#000;
	padding-left:5px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:10px;
	margin-bottom:11px;
	overflow:auto}
	.link-1 { display:inline-block; line-height:56px; background:url(../images/bg_link.gif) top left repeat-x; padding:0 28px 0 28px; color:#fff; text-decoration:none; border-radius:9px;	-moz-border-radius:9px; -webkit-border-radius:9px; cursor:pointer; position:relative; behavior:url(js/PIE.html); font-size:20px}
.link-1:hover {background:#000; text-decoration:none; color:#fff}
.link-2 {
	display:inline-block;
	float:left;
	background:url(../images/bg_link.gif) top left repeat-x #4b7f08;
	padding:0 18px 0 18px;
	color:#fff;
	text-decoration:none;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border:none;
	cursor:pointer;
	position:relative;
	font-size:11px;

}
.link-2:hover {background:#000; text-decoration:none; color:#fff}
.link-3 {
	display:inline-block;
	float:left;
	background:url(../images/bg_link.gif) top left repeat-x #4b7f08;
	padding:2px 18px 2px 18px;
	color:#fff;
	text-decoration:none;
	border:1px solid #999999; 
	cursor:pointer;
	position:relative;
	font-size:14px;

}
.link-4 {
	display:inline-block;
	float:left;
	background:url(../images/bg_link.gif) top left repeat-x #4b7f08;
	padding:10px 20px 10px 20px;
	width:92px;
	color:#fff;
	text-decoration:none;
	border:1px solid #999999; 
	font-size:14px;

}
#contacts-form { 
	clear:right;
	width:100%;
	overflow:hidden;
}
	#contacts-form fieldset { 
		border:none;
		float:left;
	}
		#contacts-form .field { 
			clear:both;
		}
			#contacts-form label { 
				float:left;
				width:110px;
				line-height:18px;
				padding-bottom:6px;
				font-weight:bold;
			}
			#contacts-form input {
				width:205px;
				padding:1px 0 1px 3px;
				background:none;
				border:1px solid #e5e5e5;
				color:#616161;
				float:left
			}
			#contacts-form input:invalid {
				/*border-color:red;*/
			}
			#contacts-form textarea { 
				width:250px;
				height:115px;
				padding:1px 0 1px 3px;
				background:none;
				border:1px solid #e5e5e5;
				color:#616161;
				margin-bottom:12px;
				overflow:auto;
				float:left;
			}
			#contacts-form div:last-child {
				padding-left:110px;
			}

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

.link1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	width: 216px;
	margin-right: 16px;
	margin-left: 16px;
	float: left;
}
.link1 h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #99CC18;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #585858;
	padding-bottom: 4px;
	padding-left: 1px;
}
.list4 {	
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}
.list3 {	
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
	padding-left:12px;

}
.list3 li {
	background:url(../images/arrow1.gif) no-repeat 0 10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 12px;
}
.list3 li a:link,
.list3 li a:visited,
.list3 li a:active{
	line-height:20px;	
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration:none;
}
.list3 li a:hover{

	font-size: 14px;
	font-weight: bold;
	line-height:20px;
	color:#f27f02; 

}
.list2 {
	margin-left:12px;
	padding-bottom:18px;
}
.list2 li {
	background:url(../images/arrow2.gif) no-repeat 0 9px;
	padding:0 0 0 12px;
}
.list2 li a:link,
.list2 li a:visited,
.list2 li a:active{
	line-height:22px;	
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration:none;
}
.list2 li a:hover{

	font-size: 11px;
	font-weight: normal;
	line-height:22px;
	color:#999999; 

}
.tag{
	margin-left:20px;
	margin-right:20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
}
.tag-cloud{
	margin-left:20px;
	margin-right:20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	width: 106px;

}
.tag-text{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	padding-top: 20px;
	padding-left:20px;
	padding-bottom: 20px;
	float:left;
}
.skype {
	background-image: url(../images/icon-skype.png);
	background-repeat: no-repeat;
	padding-left: 44px;
	padding-bottom:10px;
}
.skype a:link, .skype a:visited, .skype a:active {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}
.gmail {
	background-image: url(../images/icon-gmail.html);
	background-repeat: no-repeat;
	padding-left: 44px;
	padding-bottom:10px;
}
.gmail a:link, .gmail a:visited, .gmail a:active {
	font-size: 11px;
	font-weight: normal;
	color: #333333;;
	text-decoration:none;
}
.msn {
	background-image: url(../images/icon-msn.png);
	background-repeat: no-repeat;
	padding-left: 44px;
	padding-bottom:10px;
}
.phone {
	background-image: url(../images/icon-phone.png);
	background-repeat: no-repeat;
	padding-left: 44px;
	padding-bottom:10px;
}
.email {
	background-image: url(../images/icon-email.png);
	background-repeat: no-repeat;
	padding-left: 44px;
	padding-bottom:10px;
	padding-top:10px;
}
.email a:link, .email a:visited, .email a:active {
	font-size: 11px;
	font-weight: normal;
	color: #333333;;
	text-decoration:none;
}
.right-heading{
	background-image: url(../images/right-website-designing-company-amritsar.jpg);
	background-repeat: no-repeat;
	padding: 12px 15px 15px 15px;
	height: 31px;
	color: #FFFFFF;
	font-weight: bold;	
}
/*===== anythingSlider =====*/
.anythingSlider{ width: 944px; height: 300px; position: relative;padding-bottom:10px; background:url(../images/line_hor1.html) bottom repeat-x; margin-bottom:0px; margin-top:50px; margin-left:auto; margin-right:auto;}
.anythingSlider .wrapper{ position: absolute; height:100%; top: 0; left: 0; }
.anythingSlider h3{display: block; height: 29px; position: absolute; top:-38px; color:#3582d2; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px;
}
.anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li  { display: block; float: left; padding: 0; height: 340px; width:960px; margin: 0; }
.anythingSlider .cols{ width:230px; float:left; margin-right:8px; text-align:center}
.anythingSlider img{ padding-bottom:14px; background:url(../images/scroll-cont-bg.png) 0 300px no-repeat;}
.anythingSlider .arrow { display: block; height: 29px; width: 29px; text-indent: -9999px; position: absolute; top:-38px; cursor: pointer; }
.anythingSlider .forward{ right:0; background:url(../images/marker_next.gif) 0 0 no-repeat}
.anythingSlider .back  { right:30px; background:url(../images/marker_prev.gif) 0 0 no-repeat}
.anythingSlider .forward:hover{ background:url(../images/marker_next_active.gif) 0 0 no-repeat}
.anythingSlider .back:hover{ background:url(../images/marker_prev_active.gif) 0 0 no-repeat}

#start-stop { position:absolute; top:-38px; right:60px; display:block; width:29px; height:29px; background:url(../images/play.png) no-repeat}
#start-stop.playing { background:url(../images/pause.gif) no-repeat}
#start-stop:hover{ background:url(../images/play_active.gif) no-repeat}
#start-stop.playing:hover{ background:url(../images/pause_active.gif) no-repeat}
/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.under{ padding-bottom:1px; background:url(../images/line_hor2.gif) bottom repeat-x; margin-bottom:18px;}

.cols{ float:left; width:245px;}



/*===== content =====*/
.border-bottom{ border-bottom:1px solid #efefef;}
.borderdotted{ background:url(../images/borderdotted.html) 0 100% repeat-x; padding-bottom:9px; width:598px; margin-left:4px; height:1px;}

.box{border:1px solid #d4d5d5;  padding:0px 0 0 0; }
	.box span{ display:block;}
.title{ color:#fff; font:28px/33px 'Maven Pro', sans-serif; font-weight:700;background:#fc8a03;  text-transform:uppercase; padding:3px 0 3px 25px; letter-spacing:-1px;}
	.color1{background:#0184cd;}
	.color2 {background:#7cbc19;}
.list{}
	.list li{ overflow:hidden; color:#2c2c2c; padding:5px 0 7px 39px;  font:16px/19px 'Maven Pro', sans-serif; font-weight:500; border-bottom:1px solid #d4d5d5;background:url(../images/marker2.png) 10px 5px no-repeat;}
.list li.color2{	background-color:#f8f8f8;}
.button{padding:19px 0 20px 19px;}
	.button a{display:inline-block; position:relative; background: url(../images/link2.html) 0 0 repeat-x; font:16px/18px 'Maven Pro', sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:-1px; padding:7px 51px 9px 12px; border:1px solid #bebdbd; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:1px 1px 1px rgba(0,0,0,0.04);}
	.button a em{ display:block; background:url(../images/button.png) 0 0 no-repeat; width:5px; height:9px; position: absolute; right:12px; top:12px;}
	.button a:hover{background:#fc8a03;  border:1px solid #ff4a00; color:#fff; text-decoration:none;}
		.button a:hover em{ background:url(../images/button.png) 0 -25px no-repeat;}
.padbot{ padding-bottom:20px;}
.social-site
{
/*height: 65px;
width: 122px;
position: absolute;
right: 0px;
top: 86px;*/
float:right;
width: 122px;
}

.social-site ul li
{display: block;
float: left;
margin-right: 3px;
}
.social-site li a
{
display: block;
float: left;
}
a.facebook
{
background: url(../images/social/facebook.png) no-repeat;
width: 23px;
height: 23px;
display: block;
float: left;
margin-top: 19px;
}
a.facebook:hover
{
  background: url(../images/social/facebook.png) 0px -23px no-repeat;
  width: 23px;
height: 23px;
display: block;
float: left;
margin-top: 19px; 
}
a.twitter
{
background: url(../images/social/twitter.png) 0px 0px no-repeat;
width: 23px;
height: 23px;
display: block;
float: left;
margin-top: 19px;
}
a.twitter:hover
{
  background: url(../images/social/twitter.png) 0px -23px no-repeat;
  width: 23px;
height: 23px;
display: block;
float: left;
margin-top: 19px; 
}
a.in
{
background: url(../images/social/linkedin.png) no-repeat;
width: 23px;
height: 23px;
display: block;
float: left;
margin-top: 19px;
}
a.in:hover
{
  background: url(../images/social/linkedin.png) 0px -23px no-repeat;
  width: 23px;
height: 23px;
display: block;
float: left;
margin-top: 19px; 
}
a.google
{
background: url(../images/social/google-plus.png) no-repeat;
width: 23px;
height: 23px;
display: block;
float: left;
margin-top: 19px;
}
a.google:hover
{
  background: url(../images/social/google-plus.png) 0px -23px no-repeat;
  width: 23px;
height: 23px;
display: block;
float: left;
margin-top: 19px; 
}
.copy
{
margin-left:65px;

}