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


/********content********/
#content{/*defined in global.css*/}
#content .content-text{/*defined in global.css*/  margin-top:10px; padding-bottom:30px;}

.content-text h1{position:relative; font-size:18px; font-weight:normal; line-height:24px; color:#017FCE; border-bottom:1px solid #d5d5d5; padding:5px; background:url(images/content-text-heading.jpg) left 14px no-repeat; padding-left:15px;}

.content-text p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#6E6E6E; line-height:16px; margin-bottom:5px; margin-top:10px;}

.content-text p a{color:#017FCE; text-decoration:underline;}
.content-text p a:hover{text-decoration:none;}

.content-text ul{position:relative; list-style:none;}
.content-text ul li{position:relative; background:url(images/service-list.jpg) left 6px no-repeat; padding-left:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}


.content-text form.contact-form
{
	position:relative;
	width:360px;
	margin:0 auto;
	margin-top:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.content-text .text-block
{
	position:relative;
	width:278px;
	margin:10px;
	float:left; display:inline;
}

.text-block h2{position:relative; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#017FCE; font-weight:normal; line-height:24px; padding-left:15px;
background: url(images/text-block-heading.gif) left 8px no-repeat; }
.text-block ul{padding-left:60px; padding-bottom:10px; margin-top:15px; height:80px; min-height:80px;}

.text-block ul#development{	background:url(images/development-list.gif) left top no-repeat;}

.text-block ul#design{	background:url(images/design-list.gif) left top no-repeat;}

.text-block ul#system{	background:url(images/system-list.gif) left top no-repeat;}

.text-block ul#consulting{	background:url(images/consulting-list.gif) left top no-repeat;}

.text-block ul#networking{	background:url(images/networking-list.gif) left top no-repeat;}

.text-block ul#marketing{	background:url(images/marketing-list.gif) left top no-repeat;}

.text-block ul.services li{border-bottom:1px dotted #6F6F6F; line-height:20px;}
.text-block ul.services li a{color:#6F6F6F; text-decoration:none;}
.text-block ul.services li a:hover{color:#017FCE;}

form.contact-form label.label{position:relative; font-size:12px; color:#6F6F6F; line-height:18px;}
form.contact-form input.input-text{position:relative; height:19px; border:1px solid #A5A5A5; margin-top:5px; margin-bottom:5px;}
form.contact-form textarea.textarea{position:relative; border:1px solid #A5A5A5; margin-top:5px; margin-bottom:5px;}
form.contact-form input.submit{position:relative; float:right; display:inline; margin-top:5px; margin-bottom:5px; margin-right:25px;}

#content .content-text .login
{
	position:relative;
	border:1px solid #d5d5d5;
	background:#f9f9f9;
	margin-top:20px;
}

	.content-text .login form.login-form,.content-text .login form.register-form
	{
		position:relative;
		width:280px;
		margin:5px;
		float:left; display:inline;
		padding-left:5px;
		
	}
	
	.content-text .login form.register-form{border-left:1px dotted #d5d5d5; }
	
	form.register-form h2, form.login-form h2{position:relative; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; color:#6F6F6F; margin-bottom:10px;}
	
	form.register-form p, form.login-form p{color:#6F6F6F; margin-bottom:25px;}
	
	form.register-form label.text, form.login-form label.text
	{
		position:relative; width:90px; display:block; float:left; text-align:left;
		color:#6F6F6F; line-height:20px; margin-bottom:15px;  
	}
	
	form.register-form input.input-text, form.login-form input.input-text
	{
		position:relative; height:20px; border:1px solid #a5a5a5; display:block; float:left; margin-bottom:15px; width:180px;
	}
	
	form.register-form input.submit, form.login-form input.submit
	{
		position:relative; float:right; margin:10px; margin-right:5px;
	}
	
	form.login-form p.forgot{font-weight:bold; background:url(images/forgot.gif) left top no-repeat; padding-left:28px; line-height:20px;}
	form.login-form p.forgot a{color:#6F6F6F; text-decoration:none;}
	form.login-form p.forgot a:hover{text-decoration:underline;}
	
	form.register-form p.secure
	{
		color:#017FCE;
		background:url(images/secure.gif) left top no-repeat;
		padding-left:20px; line-height:20px;
	}

.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; background:none; padding:0; border:none;}
.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(images/webdesign-l-t-c.jpg) no-repeat;}
#webdesign-package .l-b-c{background:url(images/webdesign-l-b-c.jpg) no-repeat;}
#webdesign-package .r-t-c{background:url(images/webdesign-r-t-c.jpg) no-repeat;}
#webdesign-package .r-b-c{background:url(images/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(images/development-l-t-c.jpg) no-repeat;}
#development-package .l-b-c{background:url(images/development-l-b-c.jpg) no-repeat;}
#development-package .r-t-c{background:url(images/development-r-t-c.jpg) no-repeat;}
#development-package .r-b-c{background:url(images/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(images/quote-l-t-c.jpg) no-repeat;}
#quote-package .l-b-c{background:url(images/quote-l-b-c.jpg) no-repeat;}
#quote-package .r-t-c{background:url(images/quote-r-t-c.jpg) no-repeat;}
#quote-package .r-b-c{background:url(images/quote-r-b-c.jpg) no-repeat;}

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

.packages .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*/}
/*******************/
#footer{/*defined in global.css*/}