/*
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(../siteimages/background/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:#000000; 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(../siteimages/background/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(../siteimages/background/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(../siteimages/background/development-list.gif) left top no-repeat; width: 218px; margin-bottom: 0px; margin-top: 15px;}

.text-block ul#design{	background:url(../siteimages/background/design-list.gif) left top no-repeat; width: 218px; margin-bottom: 0px; margin-top: 15px;}

/*.text-block ul#projects{	background:url(../siteimages/background/marketing-list.gif) left top no-repeat; width: 218px; margin-bottom: 0px; margin-top: 15px;}*/
.text-block ul#projects{	background:url(../siteimages/background/InFusion.png) left top no-repeat; width: 218px; margin-bottom: 0px; margin-top: 15px;}

.text-block ul#system{	background:url(../siteimages/background/system-list.gif) left top no-repeat; width: 218px; margin-bottom: 0px; margin-top: 15px;}

.text-block ul#consulting{	background:url(../siteimages/background/consulting-list.gif) left top no-repeat; width: 218px; margin-bottom: 0px; margin-top: 15px;}

.text-block ul#networking{	background:url(../siteimages/background/networking-list.gif) left top no-repeat; width: 218px; margin-bottom: 0px; margin-top: 15px;}

.text-block ul#marketing{	background:url(../siteimages/background/marketing-list.gif) left top no-repeat; width: 218px; margin-bottom: 0px; margin-top: 15px;}

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

form.contact-form label.label{position:relative; font-size:12px; color:#000000; 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:#000000; margin-bottom:10px;}
	
	form.register-form p, form.login-form p{color:#000000; 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:#000000; 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(../siteimages/background/forgot.gif) left top no-repeat; padding-left:28px; line-height:20px;}
	form.login-form p.forgot a{color:#000000; text-decoration:none;}
	form.login-form p.forgot a:hover{text-decoration:underline;}
	
	form.register-form p.secure
	{
		color:#017FCE;
		background:url(../siteimages/background/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:#000000; 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 .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*/}


.web_packages_table {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	line-height: 16px;
	border: 1px solid #7F92B1;
}
.web_packages_table td {
	text-align: center;
	padding: 5px 5px;
	border-bottom: 1px solid #7F92B1;
	border-right: 1px solid #7F92B1;
}
.web_packages_table td.norightborder {
	border-right: 0px;
}
.web_packages_table td.nobottomborder {
	border-bottom: 0px;
}
.web_packages_table td.web_packages_table_nocenter {
	text-align: left;
}
.web_packages_header {
	color: #FFFFFF;
}

a.web_packages_table_ordernow_link {
	display: block;
	/*width: 80px;*/
	background-color: #424242;
	padding: 5px 10px 6px 7px;
	line-height: 17px;
	color: #CCCCCC;
	border: 1px solid #000000;
	font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-size: 14px;
	text-decoration: none;
}
a.web_packages_table_ordernow_link:hover {
	text-decoration: underline;
}

.web_packages_left {
	width: 700px;
	float: left;
	color: #000000;
}
.web_packages_right {
	width: 160px;
	float: right;
	text-align: right;
}

#logodesignpage .web_packages_left {
	width: 400px;
	padding-left: 10px;
}
#logodesignpage .web_packages_right {
	float: left;
	padding-left: 50px;
}

.logopagetext {
	padding: 0px 10px;
}