/*
Author : Shoaib Yasin
Project: Infinite Web_solution
Designer : E-webcraft / Muhammad Naseer Tariq
Developer: E-webcraft / Shoaib Yasin
Company URL:http://www.ewebcraft.com
Date: 3rd Nov, 2008
Author Email:whitemoon786@hotmail.com
*/

@import url(global.css);
body{/*defined in global.css*/}
#header, #navigation, #content, #footer{/*defined in global.css*/}
#container{/*defined in global.css*/}
#content{/*defined in global.css*/}



/***********tab-container*********/
#tab-container{z-index:300; margin-top:10px; }

#tab-container .tab-content-container
{
	position:relative;
	width:598px;
	border:1px solid #848484;
	float:left; display:inline;
}
	.tab-content-container .tab-content
	{
		position:relative;
		background:url(../siteimages/background/tab-content.jpg) left top no-repeat;
		_background:url(../siteimages/background/tab-content.jpg) left 3px no-repeat;
		height:240px; 
	}
	
		.tab-content .image
		{
			position:relative;
			width:230px;
			height:240px;
			margin:0; padding:0;
			float:left; display:inline;
			_height:235px; 
			
		}
		.tab-content .image img{position:relative; margin:0; padding:0;  _top:3px; }
		#software .image img{position:relative; }
		
		.tab-content .tab-text
		{
			position:relative;
			width:345px;
			margin-right:5px;
			float:right; display:inline;
			margin-top:40px;
			
		}
		
		.tab-text h1{position:relative; font-size:26px; color:#1F1E1E; line-height:30px; font-family:"Trebuchet MS";}
		.tab-text h6{position:relative; font-size:14px; color:#1F1E1E; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
		.tab-text p{position:relative; margin-top:20px; color:#fff; font-size:13px;}
		.tab-text img.read-more{position:relative; float:right; margin-right:30px; margin-top:25px; border:none; _top:3px;}
		#software-text .tab-text img.read-more {
			margin-top: 10px;
		}
		#seo-text .tab-text img.read-more {
			margin-top: 11px;
		}
		

#tab-container .tabber
{
	position:relative;
	width:260px; 
	float:right; display:inline;
	z-index:300;
}

.tabber #pointer
{
	position:absolute; width:17px; height:14px;  top:30px; left:-13px; z-index:999;
	background:url(../siteimages/background/pointer1.png) no-repeat;
}

.tabber .tab
{
	position:relative; width:260px; background:url(../siteimages/background/tab.jpg) left top repeat-x;
	height:77px; z-index:500; margin-bottom:5px;
}

	.tab .l-c{position:absolute; width:10px; height:77px; left:0; top:0; z-index:900;
		background:url(../siteimages/background/tab-left.jpg) no-repeat;
	}
	
	.tab .r-c{position:absolute; width:10px; height:77px; right:0; top:0; z-index:900;
		background:url(../siteimages/background/tab-right.jpg) no-repeat;
	}
	
	.tab .image
	{
		position:relative; width:60px; margin-left:15px; margin-top:10px;
		float:left; display:inline; height:61px; 
	}
	
	.tab .image img{position:relative; width:58px; height:61px; _float:left;}
	
	.tab .text
	{
		position:relative; width:160px; margin-right:15px; background:none;
		float:right; display:inline; 
	}
	
	.tab .text h1{position:relative; margin:0; padding:0; font-family:"Trebuchet MS"; font-size:16px; color:#1A8FC8; margin-top:15px; line-height:18px;}
	
	.tab .text p{position:relative; margin:0; padding:0; color:#100F10; line-height:16px; font-size:12px; margin-top:5px;}

.tabber #software{margin-bottom:0;}


.tabber .active
{
	position:relative; width:260px; background:url(../siteimages/background/tab-active.jpg) left top repeat-x;
	height:77px; z-index:500; margin-bottom:5px;
}

	.active .l-c{position:absolute; width:10px; height:77px; left:0; top:0; z-index:900;
		background:url(../siteimages/background/tab-left-active.jpg) no-repeat;
	}
	
	.active .r-c{position:absolute; width:10px; height:77px; right:0; top:0; z-index:900;
		background:url(../siteimages/background/tab-right-active.jpg) no-repeat;
	}
	
		.active .text h1{position:relative; margin:0; padding:0; font-family:"Trebuchet MS"; font-size:16px; color:#fff; margin-top:15px; line-height:18px;}
	
		.active .text p{position:relative; margin:0; padding:0; color:#fff; line-height:16px; font-size:12px; margin-top:5px;}

/*********end tab-container*************/

/********content********/
#content{/*defined in global.css*/}

#content .content-text{/*defined in global.css*/}

	.content-text .process-steps
	{
		position:relative;
		border:1px solid #848484; border-top:none;
		background:#eee;
		width:598px;
		z-index:300;

	}
	
	.process-steps h3{position:relative; font-size:13px; color:#1F7AC8; line-height:18px; margin-left:15px;}
	
	.process-steps .l-b-c
	{
		position:absolute;	width:12px; height:12px; left:-1px; bottom:-1px; z-index:900;
		background:url(../siteimages/background/process-l-b-c.jpg) no-repeat; _bottom:-5px; 
	}
	
	.process-steps .r-b-c
	{
		position:absolute;	width:12px; height:12px; right:-1px; bottom:-1px; z-index:900;
		background:url(../siteimages/background/process-r-b-c.jpg) no-repeat; _bottom:-5px;
	}
	
	.process-steps .step
	{
		position:relative; width:32%;
		float:left; display:inline;
		margin-left:4px; margin-bottom:5px;
		background:url(../siteimages/background/step-border.jpg) right top no-repeat; padding-right:3px;
	}
	.process-steps #step1 {
		width: 199px;
		margin-left: 10px;
	}
	.process-steps #step2 {
		width: 186px;
		margin-left: 9px;
	}
	.process-steps #step3 {
		width: 172px;
		margin-left: 9px;
	}
	
	.step p{font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; line-height:16px; }
	
	.process-steps #step1 p
	{
		background:url(../siteimages/background/step1.jpg) left top no-repeat; padding-left:36px;
	}
	
	.process-steps #step2 p
	{
		background:url(../siteimages/background/step2.jpg) left top no-repeat; padding-left:40px;
	}
	
	.process-steps #step3 p
	{
		background:url(../siteimages/background/step3.jpg) left top no-repeat; padding-left:38px;
	}
	
	.process-steps #step3{background:none;}
	
	
.content-text .packages
{
	position:relative; width:600px; 
	margin-top:15px; z-index:300;
}

.packages .block
{
	position:relative; width:191px;
	float:left; display:inline;
	margin-right:10px; z-index:500;
}

.packages .block h1{position:relative; font-family:"Trebuchet MS"; font-size:20px; line-height:24px; margin-left:10px; margin-top:5px; }
.packages .block h3{position:relative; font-family:"Trebuchet MS"; font-size:14px; line-height:18px; margin-left:10px; font-weight:normal;}

.packages .block p{position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#6E6E6E; margin-right:5px; margin-left:10px; margin-top:5px; margin-bottom:5px;}
.packages .block p img{position:relative; float:right; margin-bottom:5px;}

.packages .block img.link-image{position:absolute; width:103px; height:33px; z-index:999; left:10px; bottom:-22px; border:none;}

	.packages .block .l-t-c
	{
		position:absolute; left:-1px; top:-1px; width:10px; height:10px; z-index:900;
	}	
	.packages .block .r-t-c
	{
		position:absolute; right:-1px; top:-1px; width:10px; height:10px; z-index:900; _right:-2px; 
	}	
	
	.packages .block .l-b-c
	{
		position:absolute; left:-1px; bottom:-1px; width:10px; height:10px; z-index:900; _bottom:-7px;
	}	
	.packages .block .r-b-c
	{
		position:absolute; right:-1px; bottom:-1px; width:10px; height:10px; z-index:900; _right:-2px; _bottom:-7px;
	}	
	
.packages #webdesign-package{border:1px solid #FFC977;}
#webdesign-package .l-t-c{background:url(../siteimages/background/webdesign-l-t-c.jpg) no-repeat;}
#webdesign-package .l-b-c{background:url(../siteimages/background/webdesign-l-b-c.jpg) no-repeat;}
#webdesign-package .r-t-c{background:url(../siteimages/background/webdesign-r-t-c.jpg) no-repeat;}
#webdesign-package .r-b-c{background:url(../siteimages/background/webdesign-r-b-c.jpg) no-repeat;}

#webdesign-package h1,#webdesign-package h3{color:#FF7901;}

.packages #development-package{border:1px solid #8DDAFF;}
#development-package .l-t-c{background:url(../siteimages/background/development-l-t-c.jpg) no-repeat;}
#development-package .l-b-c{background:url(../siteimages/background/development-l-b-c.jpg) no-repeat;}
#development-package .r-t-c{background:url(../siteimages/background/development-r-t-c.jpg) no-repeat;}
#development-package .r-b-c{background:url(../siteimages/background/development-r-b-c.jpg) no-repeat;}

#development-package h1,#development-package h3{color:#8DDAFF;}

.packages #quote-package{border:1px solid #B4D46F;}
#quote-package .l-t-c{background:url(../siteimages/background/quote-l-t-c.jpg) no-repeat;}
#quote-package .l-b-c{background:url(../siteimages/background/quote-l-b-c.jpg) no-repeat;}
#quote-package .r-t-c{background:url(../siteimages/background/quote-r-t-c.jpg) no-repeat;}
#quote-package .r-b-c{background:url(../siteimages/background/quote-r-b-c.jpg) no-repeat;}

#quote-package h1,#quote-package h3{color:#B4D46F;}

.packages .no-margin{margin-right:0;}



.content-text .services
{
	position:relative;
	width:600px;
	margin-bottom:15px;
	margin-top:30px;
}

.services .heading h2 
{
	padding-left:15px; background:url(../siteimages/background/service-heading.jpg) left center no-repeat;	
}


.content-text .services .services-content{position:relative; width:598px; margin:0; padding:0; border:1px solid #D5D5D5; border-top:none; }

.services-content .service-block
{
	position:relative; width:190px; 
	float:left; display:inline; margin-right:8px;
	margin-left:4px; margin-top:5px;
}

.service-block h4{position:relative; font-size:14px; color:#1A8FC8;}

.service-block ul
{
	position:relative;
	width:188px;
	list-style:none;
	margin-top:10px; margin-bottom:10px;
	
}

.service-block ul li
{
	position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:17px; 
	background:url(../siteimages/background/service-list.jpg) left 6px no-repeat; padding-left:12px;
}

.service-block ul li a{color:#000000; text-decoration:none;}
.service-block ul li a:hover{color:#000000; text-decoration:underline;}


.services-content .no-margin{margin-right:0;}
	
#content .sidebar{/*defined in global.css*/}

.sidebar .sidebar-block{/*defined in global.css*/}

.sidebar .sidebar-content{/*defined in global.css*/}

.sidebar .sidebar-content marquee{/*defined in global.css*/}

	.sidebar-content .recent-project
		{/*defined in global.css*/}
	.sidebar-content .recent-project img{/*defined in global.css*/}
	.sidebar-content .recent-project h4{/*defined in global.css*/}
	
	
	.sidebar-content .recent-project p
	{/*defined in global.css*/ }
	
	.sidebar-content p.testimony{/*defined in global.css*/}
	
	
	
.sidebar-content a.left, .sidebar-content a.right
{/*defined in global.css*/}

.sidebar-content a.left:hover, .sidebar-content a.right:hover{t/*defined in global.css*/}

.sidebar-content a.left {/*defined in global.css*/}
.sidebar-content a.right {/*defined in global.css*/}
/*******************/

#seo-text, #software-text{display:none;}


#footer{/*defined in global.css*/}

#home-left-link {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 260px;
	height: 77px;
	display: block;
	z-index: 100;
}

.speaciallink {
	text-decoration: none;
	color: #1A8FC8;
}
.active .speaciallink {
	text-decoration: none;
	color: #ffffff;
}